.vjs-modal-dialog .vjs-modal-dialog-content,
    .video-js .vjs-modal-dialog,
    .vjs-button>.vjs-icon-placeholder:before,
    .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .vjs-button>.vjs-icon-placeholder:before,
    .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        text-align: center;
    }

    @font-face {
        font-family: VideoJS;
        src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABUgAAsAAAAAItAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV33Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADwwAABdk9R/WHmhlYWQAABGcAAAAKwAAADYn8kSnaGhlYQAAEcgAAAAdAAAAJA+RCL1obXR4AAAR6AAAABMAAAC8Q44AAGxvY2EAABH8AAAAYAAAAGB7SIHGbWF4cAAAElwAAAAfAAAAIAFAAI9uYW1lAAASfAAAASUAAAIK1cf1oHBvc3QAABOkAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7xDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADbZCycAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1gUV5auc6urCmxEGrq6VRD6ATQP5dHPKK8GRIyoKApoEBUDAiGzGmdUfKNRM4qLZrUZdGKcGN/GZJKd0SyOWTbfbmZ2NxqzM5IxRtNZd78vwYlJdtREoO7sudVNq6PmmxmKqrqPU+eee173P80Bh39Cu9DOEY4DHZBK3i20D/QRLcfxbE5sEVtwLpZzclw4ibFIkSCJUcZ4MBpMnnzwuKNsGWBL5i3qy6kO2dVpvUpKbkAP9fq62rdeGJ+TM/7C1nbIutfuWrWk5ci4zMxxR1qW/N+9JsmCGXj9VKWhFx/6tr/nz78INDm2C9yPF/fDcxLuyKxLBZ1ZBz2QTi+RSkiH5RrDQJ/GgGQadX9m0YSURs7GpSG905Zsk41uj14yul1OtieZ7QUk5GRG/YiS7PYYPSAZNRed9sq3+bOpz00rKb7pe/ZEZvbALxZAHT3AFoH8GXP3rt67QFn40kt8W13FjLTDb48c+fSi5/7h0P4dL5yz7DPtbmgmYxfQA9RL2+EOfTcvdp+1vmuBpvOll1As1S6ak0IvJzC7sKWJFtJgBd2uWcg+0Zyg7dzQfhcjXRgXGZRf5/a4A58IDU777Nl252AUk4m2ByRRjqTNqIDCEJeAnU3iCFwrkrNwXEzg4yFevBwypzxkcX+AIfk3VEKl3XmWbT8788SzvpvFJaiOezL6QyuSr9VNf97csNu0z3LuhR0wATUxZAfVBwVOy+nQFhxYdWaXlXe4HC4zWGWzzsrLDtmhI9pOWOHv7PTT7XybH1Z0+v2d5Abd3kmG+TsH23CS/KwTxx/JkzEwx6jcQOUc42LLwHJ/J93uZ9ygh3HuZGwqsY9dWDHQ58dxNqyqKRQTYdxwTubiOSs3FiMDkq0WSZQgCT0GBDOg2lxOAd1FlPVGs4AKBAcYHHaP2wPkHaivmLF5zYqnIZrvcHx5gN4k/6tchNW1DtdgNL2KrxEkS/kfnIHoVnp1VjmjpTf5r0lTzLj0mdS28tX+XGorU364eMPmnWVl8J36nlKGw3CZhjEiuMw8h8mKvhGD+4/lElBWjAhLJMg6fTw4zPZ8cOmcGQBm2Qxml1nAm13CpYGq1JKUlJJUzQn1PTAO0mgv6VMMpA/DuRfSWEu4lDIxdbAtdWIKvnn2Vk766CWfz9fpY0sH/UpdP50rfszaVpdVRmvIejEdLMk45s4Bu0EWHjeOySmFyZSiMahvZdNSn29peoI/YexYfKQTLeurTXXwEVLeSfInTWHkkMaeUx7sBvOCSTSj3AlcKjfueyS36tCrXDlgRtF0etFq9jhc1kfKuBT/OwMr0F4UUTTh1AN0g20+H/ScPcsIEsYu9d/zN5PmjprPtNwI1ZZcDK6iC97Mcjp2y2aX36f+QbpGHrgRuHlXJ+Zf6PFRL2uQSp8vxHeF2IoRb8Rd2rhMzsNxSRmEuKK4JFnkojhMcx6jzqHzGMGFcW+MhBj0bhf6cowN+45I4LHvwT6fteu7M42wGRI/pxcg6/MZdEvt1U1XaulHFXuLmqov/MukvRVL35/b3ODM1+4aPjtzeK7zmUkV2h3DN54HaQ9GzJvxHRb6Ks2gB81fwqraT+A7GvZJrRLRofU6G0urNL+zFw3v0FaVDFxsKEZW56F31r6ip6vOL+FCObBPuIMRiXld9RaMdLzRIOGhPey2T9vA/35DmZPK9IWaT9d/WgOGMieYqJ/dzjLIhZU118gbysxrNUGefxD6UO/hyNNllpFTOIbx32kSFQctnweV5PxTMHLjRqiAN+fQE9gL+Xy5WB6MOS4GJJuYbDUHhcKDhHGRbLzOpjsjdM1+iwAZLGeieehACX2hhI7SjK/ZUTNrvVje31TxJiFBGYViWFkCn9PMeX9fS6qVbzfCj4fOCTzDnuWy2c4xA7mdNkA3RS9FH2VeqzdCBlixxbzXjvkHU1I8BOYFb1pZvPIHSSIj4svT8xpzcxtXN+ZKyjdDvbz08niiF3PqV9Tn5NST8vg48MTaY8E5xqSSIsWoWHo+LtAzxdH/GDUyp37CBEYfso04F/NlMTcDJUTpECLY0HFGQHImE8xsEUdgnrQlixIvGhJA1BvxpDHGxEMBYFeNOHcBJlSjwe2JcSfbBEsGOPPBHg/6SBBOCsLLw0SpUxod0Z1bFMfLkbQ3UiZxEyd0Dx8t+SRBu18Q9msFbI4e3p1THEfkSEh7kEJ5orR10qTWDvbgPWn5aWvCYyOAjwgXyjJi34uMjo58L25cmRAeQZWI2PA1QQLsPESAH8WGFwZZ4SPoR73BHPzIPMJj9AreBzKUmrH4todT18ANvi1oc3YGjUT/0j+ExUwq8PI9BLaCQIpvewwYu2evAG/Vo/5avPdY7o+BemLLXw3y+AdkzP9bpIxB1wm5EYq8fesHbPEPtm6HrHvtx4jcGPR8fDDpkZBefIjB46QnlUNRltv4Z/pO/J6dxEjhYAtmoMeq+GozvUVvNYOW3m6GCIhoprcfr97B8AcIQYsfD8ljUvGNjvkrpj0ETA48ZMIxCeqsRIsQALE0gi2GB+glSOfbOjW3GSBM9yPq8/rpJXrJDz0BPxV6xdN4uiCGDQed3WhgFkBUZEFsmeyyBpzXrm7UGTBZG8Lh5aubFufk5eUsbrrFGr7McYdbltxa0nKYqRKbQjvikXYkTGM0f2xuyM3Ly21oXnWfvf6I1BmZwfh7EWWIYsg2nHhsDhOnczhJcmI6eBAmy3jZ3RiJmKQR/JA99FcwsfaVbNDDyi1rL9NPj9hfo61wjM6BjzOLijLpeTgk/pL+ip6tfYWupzeOgPny2tcUu9J/9mhxJlgyi985NFRbvCVewXUNXLJaW0RxZqtRYtnfYdcYomXQWdnJHQA3jiEEkeTQWcWxdDP9IvvVWvo2TK553XEMEq+s69/QDU1Q7p0zxwsm9qS379whr8NI2PJqLUyGyfNeX3eFfnJU2U+uHR9cVV1IqgurqwuV44XVp0h2qN55X5XJwtk59yP0IZuHrqBOBIuIYhkcoT6Kx79Pu2HS/IPZIMOqLWs/pteOOk4NPgEb6QAIdAPsyZk5Mwd+wVaHMexJv719W7xCu2l37UG6lvYdBcvHa08p89741zd63phTRGqL5ggo6SlvdbWXzCqsPq78NnSu7wnKy2HNZbVoRCI7UJEOyRj+sPE002tOOY7Qa5fXboFWkLNeqYUSZRocp9XwSUZxcQZ9Hw6LV2pOoVmvHQEDbGIENEG5i6bLgMSM4n8+FNLTtAds99DaWEvgcf4o5SyYe9x+kF6/tGoTPAdRmS/XQIEy//QxKC2oqioAI3tS5auvxCtzT6y6RK8fhChYcwCJaMJhxc0vqSxQ/qmgsrKAlBZUHlauheTpvd9uj5DnLzJct6qfq5fXbYHVIGcfrIVJihbaVLu1wW7Vbs8zK0A8e9Jvb91S9cVMjPrazD6gpfeZTXzYbCFMcppVRsGMpp55OWgx1/3JeAxW1Y7AORgM/m3rWrsdLkQVmEVSU16cX/e7uvkvpqRiQsG06XJ0t64Tf+l0nG1dt025gyOIZlvq5u9KSU1N2TW/rsWnnMRPyTDkctbhvIcNvYIXWyLzdwYLoYesUbaQG4iK2cWO2gdpeUYLqDD0MUTOPhDIGnZEs58yArR86FznuWEsU4YDi2x26dA4klkn8Qa6vhk2QUfX4Jxm/ngX9r7ogn1dmlmwqZmuhxtdg9XN/DEcUgqb+9hMyNansfaQET2mcROCmGEMVqxm5u+h6kN2MOwgqykV2wH9yQG9DvVFU38Pogaf4FVuE62KI/oJ02RDdWW2w5dqQwU/8+N1q1DlvsL863u61KLE7x/o8w0VJQM/Y/SQ3unIrqxueEa1BqT5VFNsO7p39/UC771a77RowpaKe9nvJQIT1Pog5LGx8XblBKmCNGTf3xMogAQvPnz9PYKX/08sVDTG1OKUlOLUgS/UaZtm1NAaYTsl7i9ZQ+L6O4Rl0OGa577LuWvc+C+x96/vYh0lLBuM+7XwI/dTLtdT7v4d6rRTWDnku0IBrqFnZ5bVIqKP8lasJlithWnaLhTsr8qFJBulF/70p4undou36HeTJ5+jv1fCybeQ8nH3+Xv6aENczmOFlab+hqMDg1rLOt12A+tiUFrYDwQ6c3RUJp601nzegTNX6WlYAI2zSUV945F6zU56ZmZVQaWspWcIADxJ9GmljQUnL2p2Dpr5T8H+5KJFu+vqBq8qvyHRzStLHPEO5SPYCV9nZe0yZT2RcH0oHvegSzNEJ0oGWU8iQWM12dgPEugngVceGIwZgPFp0BiT1a0a3R5Rcot7ihfA1J/20v96jX7zmTX9s583H0kwx6WnLd09cXrR9LGroOa9sHNbdyz8wcKk5lqhaVFJZNwmqtw884MXNdvJujpBa3xzuSaZH9sxa06Z7x+HJSduPbdYHv/DgmEhfbehvlmGN7JUkcG78GDM12CeyFFTPNqVeNxC1gzjz+c2nVo63Xxs8rKJWXoBJM0tmEbfGm4qzpoOH3xpzQfyxLzW1gnE9NHo6tol1eMEic4ZVPrjnVi0kqAe2sQ2bgqupScaq8WGlUWgWHI51SKJl/UYT6zccNsCSkBtiVZLsiefuFSDYT3Fi8Zk7EUnmjTRYtsFeuDDJS05MW79M3mr3mla+d8dzac31KTPmBYfFiYSUef48PhPjm9ryZsSGZZkdNvzq0Y9rdNcwDq5Dg5C3QW+7UN64IKptvS3tvHbvu5c9pv1Exau21rc9LIpwpQwUjTq8576yeVDz5+4WZ1nXT43wV60rPLJbDp/UksNrP3iQ2SA63Pst058gOYDbhRnRUw8l/sRt4HbxPzO4WYpInCpuVgSbVh6JXuwnnJngKTTCwaPWmG5Xbhpm1U0Yt3FyBGpGYemPM77p2TD904JjgJ2QFpFLeYpGx8X15Qx1Zk31p5ki9ZLUuXE0lmuJlcakJMVLeFS1iIvrB8drY0aloilakqCZwzwRORtxlgwxS4IThggJd4TDxoiaAIT80fFPGrCPPru+puFn504P/ybr4ihA/6dKASLshEJic7xE8tmzu3KzA7TABBe8y5fNbWo3ilQn/SuFKM16b2l5bOeayqfGhYmhIulU+fVNDdWVv4NMzX10MBHyPR5uhWUu8D9P1VnIMt4nGNgZGBgAOJ/1bf64vltvjJwszOAwAOlmqvINEc/WJyDgQlEAQA+dgnjAHicY2BkYGBnAAGOPgaG//85+hkYGVCBPgBGJwNkAAAAeJxjYGBgYB/EmKMPtxwAhg4B0gAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAe4CLgKKAtAC/ANiA4wDqAPgBDAEsATaBQgFWgXABggGLgZwBqwG9gdOB4oH0ggqCHAIhgicCMgJJAlWCYgJrAnyCkAKdgrkC7J4nGNgZGBg0GdoZmBnAAEmIOYCQgaG/2A+AwAaqwHQAHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkXlT2zAQxf1C4thJAwRajt4HRy8VMwwfSJHXsQZZcnUQ+PYoTtwpM+wf2t9brWZ2n5JBsol58nJcYYAdDDFCijEy5JhgileYYRd72MccBzjEa7zBEY5xglO8xTu8xwd8xCd8xhd8xTec4RwXuMR3/MBP/MJvMPzBFYpk2Cr+OF0fTEgrFI1aHhxN740KDbEmeJpsWZlVj40s+45aLuv9KijlhCXSjLQnu/d/4UH6sWul1mRzFxZeekUuE7z10mg3qMtM1FGQddPSrLQyvJR6OaukItYXDp6pCJrmz0umqkau5pZ2hFmm7m+ImG5W2t0kZoJXUtPhVnYTbbdOBdeCVGqpJe7XKTqSbRK7zbdwXfR0U+SVsStuS3Y76em6+Ic3xYiHUppc04Nn0lMzay3dSxNcp8auDlWlaCi48yetFD7Y9USsx87G45cuop1ZxQUtjLnL4j53FO0a+5X08UXqQ7NQNo92R0XOz7sxWEnxN2TneJI8Acttu4Q=) format('woff');
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-play,
    .video-js .vjs-play-control .vjs-icon-placeholder,
    .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-play:before,
    .video-js .vjs-play-control .vjs-icon-placeholder:before,
    .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
        content: '\f101';
    }

    .vjs-icon-play-circle {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-play-circle:before {
        content: '\f102';
    }

    .vjs-icon-pause,
    .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-pause:before,
    .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
        content: '\f103';
    }

    .vjs-icon-volume-mute,
    .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-volume-mute:before,
    .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
        content: '\f104';
    }

    .vjs-icon-volume-low,
    .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-volume-low:before,
    .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
        content: '\f105';
    }

    .vjs-icon-volume-mid,
    .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-volume-mid:before,
    .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
        content: '\f106';
    }

    .vjs-icon-volume-high,
    .video-js .vjs-mute-control .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-volume-high:before,
    .video-js .vjs-mute-control .vjs-icon-placeholder:before {
        content: '\f107';
    }

    .vjs-icon-fullscreen-enter,
    .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-fullscreen-enter:before,
    .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
        content: '\f108';
    }

    .vjs-icon-fullscreen-exit,
    .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-fullscreen-exit:before,
    .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
        content: '\f109';
    }

    .vjs-icon-spinner {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-spinner:before {
        content: '\f10a';
    }

    .vjs-icon-subtitles,
    .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
    .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
    .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
    .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
    .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
    .video-js .vjs-subtitles-button .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-subtitles:before,
    .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
        content: '\f10b';
    }

    .vjs-icon-captions,
    .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
    .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
    .video-js .vjs-captions-button .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-captions:before,
    .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
    .video-js .vjs-captions-button .vjs-icon-placeholder:before {
        content: '\f10c';
    }

    .vjs-icon-hd {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-hd:before {
        content: '\f10d';
    }

    .vjs-icon-chapters,
    .video-js .vjs-chapters-button .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-chapters:before,
    .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
        content: '\f10e';
    }

    .vjs-icon-downloading {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-downloading:before {
        content: '\f10f';
    }

    .vjs-icon-file-download {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-file-download:before {
        content: '\f110';
    }

    .vjs-icon-file-download-done {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-file-download-done:before {
        content: '\f111';
    }

    .vjs-icon-file-download-off {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-file-download-off:before {
        content: '\f112';
    }

    .vjs-icon-share {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-share:before {
        content: '\f113';
    }

    .vjs-icon-cog {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-cog:before {
        content: '\f114';
    }

    .vjs-icon-square {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-square:before {
        content: '\f115';
    }

    .vjs-icon-circle,
    .vjs-seek-to-live-control .vjs-icon-placeholder,
    .video-js .vjs-volume-level,
    .video-js .vjs-play-progress {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-circle:before,
    .vjs-seek-to-live-control .vjs-icon-placeholder:before,
    .video-js .vjs-volume-level:before,
    .video-js .vjs-play-progress:before {
        content: '\f116';
    }

    .vjs-icon-circle-outline {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-circle-outline:before {
        content: '\f117';
    }

    .vjs-icon-circle-inner-circle {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-circle-inner-circle:before {
        content: '\f118';
    }

    .vjs-icon-cancel,
    .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-cancel:before,
    .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
        content: '\f119';
    }

    .vjs-icon-repeat {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-repeat:before {
        content: '\f11a';
    }

    .vjs-icon-replay,
    .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-replay:before,
    .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
        content: '\f11b';
    }

    .vjs-icon-replay-5,
    .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-replay-5:before,
    .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
        content: '\f11c';
    }

    .vjs-icon-replay-10,
    .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-replay-10:before,
    .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
        content: '\f11d';
    }

    .vjs-icon-replay-30,
    .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-replay-30:before,
    .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
        content: '\f11e';
    }

    .vjs-icon-forward-5,
    .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-forward-5:before,
    .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
        content: '\f11f';
    }

    .vjs-icon-forward-10,
    .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-forward-10:before,
    .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
        content: '\f120';
    }

    .vjs-icon-forward-30,
    .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-forward-30:before,
    .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
        content: '\f121';
    }

    .vjs-icon-audio,
    .video-js .vjs-audio-button .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-audio:before,
    .video-js .vjs-audio-button .vjs-icon-placeholder:before {
        content: '\f122';
    }

    .vjs-icon-next-item {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-next-item:before {
        content: '\f123';
    }

    .vjs-icon-previous-item {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-previous-item:before {
        content: '\f124';
    }

    .vjs-icon-shuffle {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-shuffle:before {
        content: '\f125';
    }

    .vjs-icon-cast {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-cast:before {
        content: '\f126';
    }

    .vjs-icon-picture-in-picture-enter,
    .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-picture-in-picture-enter:before,
    .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
        content: '\f127';
    }

    .vjs-icon-picture-in-picture-exit,
    .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-picture-in-picture-exit:before,
    .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
        content: '\f128';
    }

    .vjs-icon-facebook {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-facebook:before {
        content: '\f129';
    }

    .vjs-icon-linkedin {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-linkedin:before {
        content: '\f12a';
    }

    .vjs-icon-twitter {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-twitter:before {
        content: '\f12b';
    }

    .vjs-icon-tumblr {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-tumblr:before {
        content: '\f12c';
    }

    .vjs-icon-pinterest {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-pinterest:before {
        content: '\f12d';
    }

    .vjs-icon-audio-description,
    .video-js .vjs-descriptions-button .vjs-icon-placeholder {
        font-family: VideoJS;
        font-weight: normal;
        font-style: normal;
    }

    .vjs-icon-audio-description:before,
    .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
        content: '\f12e';
    }

    .video-js {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        color: #fff;
        background-color: #000;
        position: relative;
        padding: 0;
        font-size: 10px;
        line-height: 1;
        font-weight: normal;
        font-style: normal;
        font-family: Arial, Helvetica, sans-serif;
        word-break: initial;
    }

    .video-js:-moz-full-screen {
        position: absolute;
    }

    .video-js:-webkit-full-screen {
        width: 100% !important;
        height: 100% !important;
    }

    .video-js[tabindex='-1'] {
        outline: none;
    }

    .video-js *,
    .video-js *:before,
    .video-js *:after {
        box-sizing: inherit;
    }

    .video-js ul {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        list-style-position: outside;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    .video-js.vjs-fluid,
    .video-js.vjs-16-9,
    .video-js.vjs-4-3,
    .video-js.vjs-9-16,
    .video-js.vjs-1-1 {
        width: 100%;
        max-width: 100%;
    }

    .video-js.vjs-fluid:not(.vjs-audio-only-mode),
    .video-js.vjs-16-9:not(.vjs-audio-only-mode),
    .video-js.vjs-4-3:not(.vjs-audio-only-mode),
    .video-js.vjs-9-16:not(.vjs-audio-only-mode),
    .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
        height: 0;
    }

    .video-js.vjs-16-9:not(.vjs-audio-only-mode) {
        padding-top: 56.25%;
    }

    .video-js.vjs-4-3:not(.vjs-audio-only-mode) {
        padding-top: 75%;
    }

    .video-js.vjs-9-16:not(.vjs-audio-only-mode) {
        padding-top: 177.7777777778%;
    }

    .video-js.vjs-1-1:not(.vjs-audio-only-mode) {
        padding-top: 100%;
    }

    .video-js.vjs-fill:not(.vjs-audio-only-mode) {
        width: 100%;
        height: 100%;
    }

    .video-js .vjs-tech {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .video-js.vjs-audio-only-mode .vjs-tech {
        display: none;
    }

    body.vjs-full-window,
    body.vjs-pip-window {
        padding: 0;
        margin: 0;
        height: 100%;
    }

    .vjs-full-window .video-js.vjs-fullscreen,
    body.vjs-pip-window .video-js {
        position: fixed;
        overflow: hidden;
        z-index: 1000;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
    }

    .video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
    body.vjs-pip-window .video-js {
        width: 100% !important;
        height: 100% !important;
        padding-top: 0 !important;
    }

    .video-js.vjs-fullscreen.vjs-user-inactive {
        cursor: none;
    }

    .vjs-pip-container .vjs-pip-text {
        position: absolute;
        bottom: 10%;
        font-size: 2em;
        background-color: rgba(0, 0, 0, 0.7);
        padding: 0.5em;
        text-align: center;
        width: 100%;
    }

    .vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
    .vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
    .vjs-layout-small.vjs-pip-container .vjs-pip-text {
        bottom: 0;
        font-size: 1.4em;
    }

    .vjs-hidden {
        display: none !important;
    }

    .vjs-disabled {
        opacity: 0.5;
        cursor: default;
    }

    .video-js .vjs-offscreen {
        height: 1px;
        left: -9999px;
        position: absolute;
        top: 0;
        width: 1px;
    }

    .vjs-lock-showing {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .vjs-no-js {
        padding: 20px;
        color: #fff;
        background-color: #000;
        font-size: 18px;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        width: 300px;
        height: 150px;
        margin: 0px auto;
    }

    .vjs-no-js a,
    .vjs-no-js a:visited {
        color: #66a8cc;
    }

    .video-js .vjs-big-play-button {
        font-size: 3em;
        line-height: 1.5em;
        height: 1.63332em;
        width: 3em;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        padding: 0;
        margin-top: -0.81666em;
        margin-left: -1.5em;
        cursor: pointer;
        opacity: 1;
        border: 0.06666em solid #fff;
        background-color: #2b333f;
        background-color: rgba(43, 51, 63, 0.7);
        border-radius: 0.3em;
        transition: all 0.4s;
    }

    .video-js:hover .vjs-big-play-button,
    .video-js .vjs-big-play-button:focus {
        border-color: #fff;
        background-color: #73859f;
        background-color: rgba(115, 133, 159, 0.5);
        transition: all 0s;
    }

    .vjs-controls-disabled .vjs-big-play-button,
    .vjs-has-started .vjs-big-play-button,
    .vjs-using-native-controls .vjs-big-play-button,
    .vjs-error .vjs-big-play-button {
        display: none;
    }

    .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
        display: block;
    }

    .video-js button {
        background: none;
        border: none;
        color: inherit;
        display: inline-block;
        font-size: inherit;
        line-height: inherit;
        text-transform: none;
        text-decoration: none;
        transition: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .vjs-control .vjs-button {
        width: 100%;
        height: 100%;
    }

    .video-js .vjs-control.vjs-close-button {
        cursor: pointer;
        height: 3em;
        position: absolute;
        right: 0;
        top: 0.5em;
        z-index: 2;
    }

    .video-js .vjs-modal-dialog {
        background: rgba(0, 0, 0, 0.8);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
        overflow: auto;
    }

    .video-js .vjs-modal-dialog>* {
        box-sizing: border-box;
    }

    .vjs-modal-dialog .vjs-modal-dialog-content {
        font-size: 1.2em;
        line-height: 1.5;
        padding: 20px 24px;
        z-index: 1;
    }

    .vjs-menu-button {
        cursor: pointer;
    }

    .vjs-menu-button.vjs-disabled {
        cursor: default;
    }

    .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
        display: none;
    }

    .vjs-menu .vjs-menu-content {
        display: block;
        padding: 0;
        margin: 0;
        font-family: Arial, Helvetica, sans-serif;
        overflow: auto;
    }

    .vjs-menu .vjs-menu-content>* {
        box-sizing: border-box;
    }

    .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
        display: none;
    }

    .vjs-menu li {
        list-style: none;
        margin: 0;
        padding: 0.2em 0;
        line-height: 1.4em;
        font-size: 1.2em;
        text-align: center;
        text-transform: lowercase;
    }

    .vjs-menu li.vjs-menu-item:focus,
    .vjs-menu li.vjs-menu-item:hover,
    .js-focus-visible .vjs-menu li.vjs-menu-item:hover {
        background-color: #73859f;
        background-color: rgba(115, 133, 159, 0.5);
    }

    .vjs-menu li.vjs-selected,
    .vjs-menu li.vjs-selected:focus,
    .vjs-menu li.vjs-selected:hover,
    .js-focus-visible .vjs-menu li.vjs-selected:hover {
        background-color: #fff;
        color: #2b333f;
    }

    .video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
    .js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
        background: none;
    }

    .vjs-menu li.vjs-menu-title {
        text-align: center;
        text-transform: uppercase;
        font-size: 1em;
        line-height: 2em;
        padding: 0;
        margin: 0 0 0.3em 0;
        font-weight: bold;
        cursor: default;
    }

    .vjs-menu-button-popup .vjs-menu {
        display: none;
        position: absolute;
        bottom: 0;
        width: 10em;
        left: -3em;
        height: 0em;
        margin-bottom: 1.5em;
        border-top-color: rgba(43, 51, 63, 0.7);
    }

    .vjs-pip-window .vjs-menu-button-popup .vjs-menu {
        left: unset;
        right: 1em;
    }

    .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
        background-color: #2b333f;
        background-color: rgba(43, 51, 63, 0.7);
        position: absolute;
        width: 100%;
        bottom: 1.5em;
        max-height: 15em;
    }

    .vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
    .vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
        max-height: 5em;
    }

    .vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
        max-height: 10em;
    }

    .vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
        max-height: 14em;
    }

    .vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
    .vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
    .vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
        max-height: 25em;
    }

    .vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
    .vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
        display: block;
    }

    .video-js .vjs-menu-button-inline {
        transition: all 0.4s;
        overflow: hidden;
    }

    .video-js .vjs-menu-button-inline:before {
        width: 2.222222222em;
    }

    .video-js .vjs-menu-button-inline:hover,
    .video-js .vjs-menu-button-inline:focus,
    .video-js .vjs-menu-button-inline.vjs-slider-active {
        width: 12em;
    }

    .vjs-menu-button-inline .vjs-menu {
        opacity: 0;
        height: 100%;
        width: auto;
        position: absolute;
        left: 4em;
        top: 0;
        padding: 0;
        margin: 0;
        transition: all 0.4s;
    }

    .vjs-menu-button-inline:hover .vjs-menu,
    .vjs-menu-button-inline:focus .vjs-menu,
    .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
        display: block;
        opacity: 1;
    }

    .vjs-menu-button-inline .vjs-menu-content {
        width: auto;
        height: 100%;
        margin: 0;
        overflow: hidden;
    }

    .video-js .vjs-control-bar {
        display: none;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3em;
        background-color: #2b333f;
        background-color: rgba(43, 51, 63, 0.7);
    }

    .vjs-has-started .vjs-control-bar,
    .vjs-audio-only-mode .vjs-control-bar {
        display: flex;
        visibility: visible;
        opacity: 1;
        transition: visibility 0.1s, opacity 0.1s;
    }

    .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
        visibility: visible;
        opacity: 0;
        pointer-events: none;
        transition: visibility 1s, opacity 1s;
    }

    .vjs-controls-disabled .vjs-control-bar,
    .vjs-using-native-controls .vjs-control-bar,
    .vjs-error .vjs-control-bar {
        display: none !important;
    }

    .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
    .vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .video-js .vjs-control {
        position: relative;
        text-align: center;
        margin: 0;
        padding: 0;
        height: 100%;
        width: 4em;
        flex: none;
    }

    .video-js .vjs-control.vjs-visible-text {
        width: auto;
        padding-left: 1em;
        padding-right: 1em;
    }

    .vjs-button>.vjs-icon-placeholder:before {
        font-size: 1.8em;
        line-height: 1.67;
    }

    .vjs-button>.vjs-icon-placeholder {
        display: block;
    }

    .video-js .vjs-control:focus:before,
    .video-js .vjs-control:hover:before,
    .video-js .vjs-control:focus {
        text-shadow: 0em 0em 1em white;
    }

    .video-js *:not(.vjs-visible-text)>.vjs-control-text {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .video-js .vjs-custom-control-spacer {
        display: none;
    }

    .video-js .vjs-progress-control {
        cursor: pointer;
        flex: auto;
        display: flex;
        align-items: center;
        min-width: 4em;
        touch-action: none;
    }

    .video-js .vjs-progress-control.disabled {
        cursor: default;
    }

    .vjs-live .vjs-progress-control {
        display: none;
    }

    .vjs-liveui .vjs-progress-control {
        display: flex;
        align-items: center;
    }

    .video-js .vjs-progress-holder {
        flex: auto;
        transition: all 0.2s;
        height: 0.3em;
    }

    .video-js .vjs-progress-control .vjs-progress-holder {
        margin: 0 10px;
    }

    .video-js .vjs-progress-control:hover .vjs-progress-holder {
        font-size: 1.6666666667em;
    }

    .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
        font-size: 1em;
    }

    .video-js .vjs-progress-holder .vjs-play-progress,
    .video-js .vjs-progress-holder .vjs-load-progress,
    .video-js .vjs-progress-holder .vjs-load-progress div {
        position: absolute;
        display: block;
        height: 100%;
        margin: 0;
        padding: 0;
        width: 0;
    }

    .video-js .vjs-play-progress {
        background-color: #fff;
    }

    .video-js .vjs-play-progress:before {
        font-size: 0.9em;
        position: absolute;
        right: -0.5em;
        line-height: 0.35em;
        z-index: 1;
    }

    .video-js .vjs-load-progress {
        background: rgba(115, 133, 159, 0.5);
    }

    .video-js .vjs-load-progress div {
        background: rgba(115, 133, 159, 0.75);
    }

    .video-js .vjs-time-tooltip {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 0.3em;
        color: #000;
        float: right;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        padding: 6px 8px 8px 8px;
        pointer-events: none;
        position: absolute;
        top: -3.4em;
        visibility: hidden;
        z-index: 1;
    }

    .video-js .vjs-progress-holder:focus .vjs-time-tooltip {
        display: none;
    }

    .video-js .vjs-progress-control:hover .vjs-time-tooltip,
    .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
        display: block;
        font-size: 0.6em;
        visibility: visible;
    }

    .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
        font-size: 1em;
    }

    .video-js .vjs-progress-control .vjs-mouse-display {
        display: none;
        position: absolute;
        width: 1px;
        height: 100%;
        background-color: #000;
        z-index: 1;
    }

    .video-js .vjs-progress-control:hover .vjs-mouse-display {
        display: block;
    }

    .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
        visibility: hidden;
        opacity: 0;
        transition: visibility 1s, opacity 1s;
    }

    .vjs-mouse-display .vjs-time-tooltip {
        color: #fff;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.8);
    }

    .video-js .vjs-slider {
        position: relative;
        cursor: pointer;
        padding: 0;
        margin: 0 0.45em 0 0.45em;
        /* iOS Safari */
        -webkit-touch-callout: none;
        /* Safari */
        -webkit-user-select: none;
        /* Konqueror HTML */
        /* Firefox */
        -moz-user-select: none;
        /* Internet Explorer/Edge */
        /* Non-prefixed version, currently supported by Chrome and Opera */
        user-select: none;
        background-color: #73859f;
        background-color: rgba(115, 133, 159, 0.5);
    }

    .video-js .vjs-slider.disabled {
        cursor: default;
    }

    .video-js .vjs-slider:focus {
        text-shadow: 0em 0em 1em white;
        box-shadow: 0 0 1em #fff;
    }

    .video-js .vjs-mute-control {
        cursor: pointer;
        flex: none;
    }

    .video-js .vjs-volume-control {
        cursor: pointer;
        margin-right: 1em;
        display: flex;
    }

    .video-js .vjs-volume-control.vjs-volume-horizontal {
        width: 5em;
    }

    .video-js .vjs-volume-panel .vjs-volume-control {
        visibility: visible;
        opacity: 0;
        width: 1px;
        height: 1px;
        margin-left: -1px;
    }

    .video-js .vjs-volume-panel {
        transition: width 1s;
    }

    .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
    .video-js .vjs-volume-panel:active .vjs-volume-control,
    .video-js .vjs-volume-panel:focus .vjs-volume-control,
    .video-js .vjs-volume-panel .vjs-volume-control:active,
    .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
        visibility: visible;
        opacity: 1;
        position: relative;
        transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
    }

    .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
    .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
        width: 5em;
        height: 3em;
        margin-right: 0;
    }

    .video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
    .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
    .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
        left: -3.5em;
        transition: left 0s;
    }

    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
        width: 10em;
        transition: width 0.1s;
    }

    .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
        width: 4em;
    }

    .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
        height: 8em;
        width: 3em;
        left: -3000em;
        transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
    }

    .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
        transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
    }

    .video-js .vjs-volume-panel {
        display: flex;
    }

    .video-js .vjs-volume-bar {
        margin: 1.35em 0.45em;
    }

    .vjs-volume-bar.vjs-slider-horizontal {
        width: 5em;
        height: 0.3em;
    }

    .vjs-volume-bar.vjs-slider-vertical {
        width: 0.3em;
        height: 5em;
        margin: 1.35em auto;
    }

    .video-js .vjs-volume-level {
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: #fff;
    }

    .video-js .vjs-volume-level:before {
        position: absolute;
        font-size: 0.9em;
        z-index: 1;
    }

    .vjs-slider-vertical .vjs-volume-level {
        width: 0.3em;
    }

    .vjs-slider-vertical .vjs-volume-level:before {
        top: -0.5em;
        left: -0.3em;
        z-index: 1;
    }

    .vjs-slider-horizontal .vjs-volume-level {
        height: 0.3em;
    }

    .vjs-slider-horizontal .vjs-volume-level:before {
        line-height: 0.35em;
        right: -0.5em;
    }

    .video-js .vjs-volume-panel.vjs-volume-panel-vertical {
        width: 4em;
    }

    .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
        height: 100%;
    }

    .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
        width: 100%;
    }

    .video-js .vjs-volume-vertical {
        width: 3em;
        height: 8em;
        bottom: 8em;
        background-color: #2b333f;
        background-color: rgba(43, 51, 63, 0.7);
    }

    .video-js .vjs-volume-horizontal .vjs-menu {
        left: -2em;
    }

    .video-js .vjs-volume-tooltip {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 0.3em;
        color: #000;
        float: right;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        padding: 6px 8px 8px 8px;
        pointer-events: none;
        position: absolute;
        top: -3.4em;
        visibility: hidden;
        z-index: 1;
    }

    .video-js .vjs-volume-control:hover .vjs-volume-tooltip,
    .video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
        display: block;
        font-size: 1em;
        visibility: visible;
    }

    .video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
    .video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
        left: 1em;
        top: -12px;
    }

    .video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
        font-size: 1em;
    }

    .video-js .vjs-volume-control .vjs-mouse-display {
        display: none;
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #000;
        z-index: 1;
    }

    .video-js .vjs-volume-horizontal .vjs-mouse-display {
        width: 1px;
        height: 100%;
    }

    .video-js .vjs-volume-control:hover .vjs-mouse-display {
        display: block;
    }

    .video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
        visibility: hidden;
        opacity: 0;
        transition: visibility 1s, opacity 1s;
    }

    .vjs-mouse-display .vjs-volume-tooltip {
        color: #fff;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.8);
    }

    .vjs-poster {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
    }

    .vjs-has-started .vjs-poster,
    .vjs-using-native-controls .vjs-poster {
        display: none;
    }

    .vjs-audio.vjs-has-started .vjs-poster,
    .vjs-has-started.vjs-audio-poster-mode .vjs-poster,
    .vjs-pip-container.vjs-has-started .vjs-poster {
        display: block;
    }

    .vjs-poster img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .video-js .vjs-live-control {
        display: flex;
        align-items: flex-start;
        flex: auto;
        font-size: 1em;
        line-height: 3em;
    }

    .video-js:not(.vjs-live) .vjs-live-control,
    .video-js.vjs-liveui .vjs-live-control {
        display: none;
    }

    .video-js .vjs-seek-to-live-control {
        align-items: center;
        cursor: pointer;
        flex: none;
        display: inline-flex;
        height: 100%;
        padding-left: 0.5em;
        padding-right: 0.5em;
        font-size: 1em;
        line-height: 3em;
        width: auto;
        min-width: 4em;
    }

    .video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
    .video-js:not(.vjs-live) .vjs-seek-to-live-control {
        display: none;
    }

    .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
        cursor: auto;
    }

    .vjs-seek-to-live-control .vjs-icon-placeholder {
        margin-right: 0.5em;
        color: #888;
    }

    .vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
        color: red;
    }

    .video-js .vjs-time-control {
        flex: none;
        font-size: 1em;
        line-height: 3em;
        min-width: 2em;
        width: auto;
        padding-left: 1em;
        padding-right: 1em;
    }

    .vjs-live .vjs-time-control,
    .vjs-live .vjs-time-divider,
    .video-js .vjs-current-time,
    .video-js .vjs-duration {
        display: none;
    }

    .vjs-time-divider {
        display: none;
        line-height: 3em;
    }

    .video-js .vjs-play-control {
        cursor: pointer;
    }

    .video-js .vjs-play-control .vjs-icon-placeholder {
        flex: none;
    }

    .vjs-text-track-display {
        position: absolute;
        bottom: 3em;
        left: 0;
        right: 0;
        top: 0;
        pointer-events: none;
    }

    .video-js.vjs-controls-disabled .vjs-text-track-display,
    .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
        bottom: 1em;
    }

    .video-js .vjs-text-track {
        font-size: 1.4em;
        text-align: center;
        margin-bottom: 0.1em;
    }

    .vjs-subtitles {
        color: #fff;
    }

    .vjs-captions {
        color: #fc6;
    }

    .vjs-tt-cue {
        display: block;
    }

    video::-webkit-media-text-track-display {
        transform: translateY(-3em);
    }

    .video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
    .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
        transform: translateY(-1.5em);
    }

    .video-js .vjs-picture-in-picture-control {
        cursor: pointer;
        flex: none;
    }

    .video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
    .vjs-pip-window .vjs-picture-in-picture-control {
        display: none;
    }

    .video-js .vjs-fullscreen-control {
        cursor: pointer;
        flex: none;
    }

    .video-js.vjs-audio-only-mode .vjs-fullscreen-control,
    .vjs-pip-window .vjs-fullscreen-control {
        display: none;
    }

    .vjs-playback-rate>.vjs-menu-button,
    .vjs-playback-rate .vjs-playback-rate-value {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .vjs-playback-rate .vjs-playback-rate-value {
        pointer-events: none;
        font-size: 1.5em;
        line-height: 2;
        text-align: center;
    }

    .vjs-playback-rate .vjs-menu {
        width: 4em;
        left: 0em;
    }

    .vjs-error .vjs-error-display .vjs-modal-dialog-content {
        font-size: 1.4em;
        text-align: center;
    }

    .vjs-error .vjs-error-display:before {
        color: #fff;
        content: 'X';
        font-family: Arial, Helvetica, sans-serif;
        font-size: 4em;
        left: 0;
        line-height: 1;
        margin-top: -0.5em;
        position: absolute;
        text-shadow: 0.05em 0.05em 0.1em #000;
        text-align: center;
        top: 50%;
        vertical-align: middle;
        width: 100%;
    }

    .vjs-loading-spinner {
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -25px 0 0 -25px;
        opacity: 0.85;
        text-align: left;
        border: 6px solid rgba(43, 51, 63, 0.7);
        box-sizing: border-box;
        background-clip: padding-box;
        width: 50px;
        height: 50px;
        border-radius: 25px;
        visibility: hidden;
    }

    .vjs-seeking .vjs-loading-spinner,
    .vjs-waiting .vjs-loading-spinner {
        display: block;
        animation: vjs-spinner-show 0s linear 0.3s forwards;
    }

    .vjs-loading-spinner:before,
    .vjs-loading-spinner:after {
        content: '';
        position: absolute;
        margin: -6px;
        box-sizing: inherit;
        width: inherit;
        height: inherit;
        border-radius: inherit;
        opacity: 1;
        border: inherit;
        border-color: transparent;
        border-top-color: white;
    }

    .vjs-seeking .vjs-loading-spinner:before,
    .vjs-seeking .vjs-loading-spinner:after,
    .vjs-waiting .vjs-loading-spinner:before,
    .vjs-waiting .vjs-loading-spinner:after {
        animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,
            vjs-spinner-fade 1.1s linear infinite;
    }

    .vjs-seeking .vjs-loading-spinner:before,
    .vjs-waiting .vjs-loading-spinner:before {
        border-top-color: rgb(255, 255, 255);
    }

    .vjs-seeking .vjs-loading-spinner:after,
    .vjs-waiting .vjs-loading-spinner:after {
        border-top-color: rgb(255, 255, 255);
        animation-delay: 0.44s;
    }

    @keyframes vjs-spinner-show {
        to {
            visibility: visible;
        }
    }

    @keyframes vjs-spinner-spin {
        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes vjs-spinner-fade {
        0% {
            border-top-color: #73859f;
        }

        20% {
            border-top-color: #73859f;
        }

        35% {
            border-top-color: white;
        }

        60% {
            border-top-color: #73859f;
        }

        100% {
            border-top-color: #73859f;
        }
    }

    .video-js.vjs-audio-only-mode .vjs-captions-button {
        display: none;
    }

    .vjs-chapters-button .vjs-menu ul {
        width: 24em;
    }

    .video-js.vjs-audio-only-mode .vjs-descriptions-button {
        display: none;
    }

    .video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
        vertical-align: middle;
        display: inline-block;
        margin-bottom: -0.1em;
    }

    .video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
        font-family: VideoJS;
        content: '\f10c';
        font-size: 1.5em;
        line-height: inherit;
    }

    .video-js.vjs-audio-only-mode .vjs-subs-caps-button {
        display: none;
    }

    .video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
        vertical-align: middle;
        display: inline-block;
        margin-bottom: -0.1em;
    }

    .video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
        font-family: VideoJS;
        content: ' \f12e';
        font-size: 1.5em;
        line-height: inherit;
    }

    .video-js.vjs-layout-small .vjs-current-time,
    .video-js.vjs-layout-small .vjs-time-divider,
    .video-js.vjs-layout-small .vjs-duration,
    .video-js.vjs-layout-small .vjs-remaining-time,
    .video-js.vjs-layout-small .vjs-playback-rate,
    .video-js.vjs-layout-small .vjs-volume-control,
    .video-js.vjs-layout-x-small .vjs-current-time,
    .video-js.vjs-layout-x-small .vjs-time-divider,
    .video-js.vjs-layout-x-small .vjs-duration,
    .video-js.vjs-layout-x-small .vjs-remaining-time,
    .video-js.vjs-layout-x-small .vjs-playback-rate,
    .video-js.vjs-layout-x-small .vjs-volume-control,
    .video-js.vjs-layout-tiny .vjs-current-time,
    .video-js.vjs-layout-tiny .vjs-time-divider,
    .video-js.vjs-layout-tiny .vjs-duration,
    .video-js.vjs-layout-tiny .vjs-remaining-time,
    .video-js.vjs-layout-tiny .vjs-playback-rate,
    .video-js.vjs-layout-tiny .vjs-volume-control {
        display: none;
    }

    .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
    .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
    .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
    .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
    .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
    .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
    .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
    .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
    .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
    .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
    .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
    .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
        width: auto;
        width: initial;
    }

    .video-js.vjs-layout-x-small .vjs-progress-control,
    .video-js.vjs-layout-tiny .vjs-progress-control {
        display: none;
    }

    .video-js.vjs-layout-x-small .vjs-custom-control-spacer {
        flex: auto;
        display: block;
    }

    .vjs-modal-dialog.vjs-text-track-settings {
        background-color: #2b333f;
        background-color: rgba(43, 51, 63, 0.75);
        color: #fff;
        height: 70%;
    }

    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: table;
    }

    .vjs-text-track-settings .vjs-track-settings-colors,
    .vjs-text-track-settings .vjs-track-settings-font,
    .vjs-text-track-settings .vjs-track-settings-controls {
        display: table-cell;
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        text-align: right;
        vertical-align: bottom;
    }

    @supports (display: grid) {
        .vjs-text-track-settings .vjs-modal-dialog-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr;
            padding: 20px 24px 0px 24px;
        }

        .vjs-track-settings-controls .vjs-default-button {
            margin-bottom: 20px;
        }

        .vjs-text-track-settings .vjs-track-settings-controls {
            grid-column: 1/-1;
        }

        .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
        .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
        .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
            grid-template-columns: 1fr;
        }
    }

    .vjs-track-setting>select {
        margin-right: 1em;
        margin-bottom: 0.5em;
    }

    .vjs-text-track-settings fieldset {
        margin: 10px;
        border: none;
    }

    .vjs-text-track-settings fieldset span {
        display: inline-block;
        padding: 0 6px 8px;
    }

    .vjs-text-track-settings fieldset span>select {
        max-width: 7.3em;
    }

    .vjs-text-track-settings legend {
        color: #fff;
        font-weight: bold;
        font-size: 14px;
    }

    .vjs-text-track-settings .vjs-label {
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px);
        margin: 0 5px 5px 0;
        border: 0;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }

    .vjs-track-settings-controls button:focus,
    .vjs-track-settings-controls button:active {
        outline-style: solid;
        outline-width: medium;
        background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
    }

    .vjs-track-settings-controls button:hover {
        color: rgba(43, 51, 63, 0.75);
    }

    .vjs-track-settings-controls button {
        background-color: #fff;
        background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
        color: #2b333f;
        cursor: pointer;
        border-radius: 2px;
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-right: 1em;
    }

    .vjs-title-bar {
        background: rgba(0, 0, 0, 0.9);
        background: linear-gradient(180deg,
                rgba(0, 0, 0, 0.9) 0%,
                rgba(0, 0, 0, 0.7) 60%,
                rgba(0, 0, 0, 0) 100%);
        font-size: 1.2em;
        line-height: 1.5;
        transition: opacity 0.1s;
        padding: 0.666em 1.333em 4em;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .vjs-title-bar-title,
    .vjs-title-bar-description {
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: ;
    }

    .vjs-title-bar-title {
        font-weight: bold;
        margin-bottom: 0.333em;
    }

    .vjs-playing.vjs-user-inactive .vjs-title-bar {
        opacity: 0;
        transition: opacity 1s;
    }

    .video-js .vjs-skip-forward-5 {
        cursor: pointer;
    }

    .video-js .vjs-skip-forward-10 {
        cursor: pointer;
    }

    .video-js .vjs-skip-forward-30 {
        cursor: pointer;
    }

    .video-js .vjs-skip-backward-5 {
        cursor: pointer;
    }

    .video-js .vjs-skip-backward-10 {
        cursor: pointer;
    }

    .video-js .vjs-skip-backward-30 {
        cursor: pointer;
    }

    @media print {
        .video-js>*:not(.vjs-tech):not(.vjs-poster) {
            visibility: hidden;
        }
    }

    .vjs-resize-manager {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
        z-index: -1000;
    }

    .js-focus-visible .video-js *:focus:not(.focus-visible) {
        outline: none;
    }

    .video-js *:focus:not(:focus-visible) {
        outline: none;
    }




    @charset "utf-8";

    /*
 * Navigation
 * @platform "mercadolibre"
 * @version 6.6.92
 * @author MercadoLibre.com
 */
    @font-face {
        font-family: "navigation";
        src: url("https://http2.mlstatic.com/frontend-assets/ml-web-navigation/ui-navigation/6.6.92/mercadolibre/navigation.eot");
        src: url("https://http2.mlstatic.com/frontend-assets/ml-web-navigation/ui-navigation/6.6.92/mercadolibre/navigation.eot#iefix") format("embedded-opentype"), url("https://http2.mlstatic.com/frontend-assets/ml-web-navigation/ui-navigation/6.6.92/mercadolibre/navigation.woff2") format("woff2"), url("https://http2.mlstatic.com/frontend-assets/ml-web-navigation/ui-navigation/6.6.92/mercadolibre/navigation.woff") format("woff"), url("https://http2.mlstatic.com/frontend-assets/ml-web-navigation/ui-navigation/6.6.92/mercadolibre/navigation.ttf") format("truetype"), url("https://http2.mlstatic.com/frontend-assets/ml-web-navigation/ui-navigation/6.6.92/mercadolibre/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
    }

    @keyframes jump-in-number {
        from {
            transform: translateY(100%)
        }

        20% {
            transform: translateY(-30%)
        }

        40% {
            transform: translateY(10%)
        }

        60% {
            transform: translateY(-10%)
        }

        80% {
            transform: translateY(5%)
        }

        to {
            transform: translateY(0)
        }
    }

    @keyframes fade-out-number {
        from {
            opacity: 1;
            transform: scale(1)
        }

        to {
            opacity: 0;
            transform: scale(0)
        }
    }

    @keyframes fade-in-number {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes pseudo-ripple {
        from {
            transform: scale(0);
            opacity: .8
        }

        95% {
            transform: scale(0.95);
            opacity: .2
        }

        to {
            transform: scale(1);
            opacity: 0
        }
    }

    html,
    body {
        font-size: 13px
    }

    body {
        min-width: 920px
    }

    .nav-bounds {
        max-width: 1220px
    }

    .nav-icon-bookmarks:before {
        content: ""
    }

    .nav-icon-notifications:before {
        content: ""
    }

    .nav-icon-help:before {
        content: ""
    }

    .nav-bounds .nav-header-notifications-badge {
        display: none
    }

    .nav-bounds .nav-header-menu-wrapper>.nav-header-notifications-badge {
        display: none
    }

    .nav-bounds a.option-notifications.notifications-widget.modeless-box-trigger {
        position: relative
    }

    .nav-bounds a.option-notifications.notifications-widget.modeless-box-trigger .nav-icon-notifications {
        display: flex;
        align-items: flex-end;
        position: static;
        height: 20px
    }

    .nav-bounds a.option-notifications.notifications-widget.modeless-box-trigger .ml-count {
        top: -6px;
        right: -6px
    }

    .modeless-box:after {
        right: 17px !important
    }

    .exhibitor__picture {
        display: flex;
        width: -moz-fit-content;
        width: fit-content;
        justify-content: flex-end
    }

    .exhibitor__picture img {
        max-width: 340px;
        max-height: 39px
    }

    .nav-bounds .nav-cart {
        margin: 0;
        padding: 0;
        position: relative;
        text-decoration: none;
        width: 22px;
        height: 20px;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        overflow: visible
    }

    .nav-bounds .nav-cart.nav-cart-full .nav-icon-cart:before {
        content: ""
    }

    .nav-bounds .nav-cart.nav-cart-empty .nav-icon-cart:before {
        content: ""
    }

    .nav-bounds .nav-cart:hover .nav-icon-cart-quantity {
        color: #000
    }

    .nav-bounds .nav-cart:hover :before {
        color: #000
    }

    .nav-bounds .nav-cart :before {
        line-height: 27px;
        font-size: 16px;
        color: rgba(0, 0, 0, .8980392157)
    }

    .nav-bounds .nav-cart .nav-icon-cart {
        display: flex;
        align-items: flex-end;
        position: static;
        width: 22px;
        height: 20px;
        font-size: 13px
    }

    .nav-bounds .nav-cart .nav-icon-cart::after {
        display: block;
        position: absolute;
        top: -50px;
        left: -38px;
        content: "";
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background-color: #fff;
        transform: scale(0, 0);
        opacity: 0
    }

    .nav-bounds .nav-cart .nav-icon-cart::before {
        width: 22px;
        height: 18px;
        line-height: 18px
    }

    .nav-bounds .nav-cart .nav-icon-cart-quantity {
        display: inline-block;
        line-height: 15px;
        color: rgba(0, 0, 0, .8980392157);
        position: absolute;
        font-size: 11px;
        top: -4px;
        left: 2px;
        width: 22px;
        text-align: center
    }

    .nav-bounds .nav-cart .nav-icon-cart-quantity>b {
        display: inline-block;
        width: 100%;
        text-align: center;
        line-height: 1;
        position: absolute;
        left: 0;
        bottom: -2px
    }

    .nav-bounds .nav-icon-quantity--changing .nav-icon-cart:after {
        animation: pseudo-ripple .45s ease-out
    }

    .nav-bounds .nav-icon-quantity--changing .nav-icon-cart-quantity>b:not(:last-child) {
        animation: fade-out-number .15s ease-out
    }

    .nav-bounds .nav-icon-quantity--changing .nav-icon-cart-quantity>b:last-child {
        animation-name: fade-in-number, jump-in-number;
        animation-duration: .12s, .45s;
        animation-timing-function: linear, linear
    }

    .nav-header {
        height: 100px;
        display: flex;
        justify-content: center;
        background-color: #ffe600;
        border: 0;
        position: relative
    }

    .nav-header .nav-header-btn {
        background-color: #ffe600;
        background: none;
        border: 0;
        box-shadow: none;
        color: rgba(0, 0, 0, .8980392157);
        border-bottom: 0 solid #fff;
        cursor: default;
        position: absolute;
        top: 3px;
        left: 0;
        padding: 20px;
        text-indent: -200%;
        font-family: "Proxima Nova", -apple-system, Roboto, Arial, sans-serif;
        -webkit-user-select: none;
        user-select: none;
        height: 56px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    .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;
        height: 56px
    }

    .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-header .nav-bounds {
        display: flex;
        position: relative;
        padding: 8px 10px;
        height: 100%;
        width: 100%;
        max-width: 1200px
    }

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

    .nav-header,
    .nav-header *,
    .nav-header *:before,
    .nav-header *:after {
        box-sizing: border-box
    }

    .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-bounds .nav-header-cp-anchor {
        display: none
    }

    #nav-header-menu {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        position: relative;
        height: 20px;
        min-height: initial;
        margin: 0;
        padding: 0;
        font-size: 0;
        white-space: ;
        text-align: right;
        -webkit-font-smoothing: antialiased;
        background-color: rgba(0, 0, 0, 0)
    }

    #nav-header-menu:first-child {
        border-left: none
    }

    #nav-header-menu a {
        position: relative;
        display: flex;
        height: auto;
        color: rgba(0, 0, 0, .8980392157);
        text-decoration: none;
        padding: 0;
        line-height: 18px;
        border: none;
        font-size: 14px;
        font-weight: 400
    }

    #nav-header-menu a [class^=nav-icon-]:before,
    #nav-header-menu a [class*=" nav-icon-"]:before {
        display: inline-block
    }

    #nav-header-menu a:hover {
        color: #000
    }

    #nav-header-menu a:hover i:before {
        color: #000
    }

    #nav-header-menu a:first-child {
        border-top-color: #fff
    }

    #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-help {
        padding-right: 16px
    }

    #nav-header-menu a.option-sell {
        display: none
    }

    #nav-header-menu a.bookmarks-widget {
        padding-left: 0;
        display: inline
    }

    #nav-header-menu a.option-cart {
        display: inline;
        border-left: 1px solid rgba(51, 51, 51, .2)
    }

    #nav-header-menu a.option-bookmarks {
        position: static
    }

    #nav-header-menu a.option-bookmarks .bookmarks-text {
        display: flex;
        line-height: 18px;
        box-sizing: border-box;
        position: relative;
        padding-right: 14px
    }

    #nav-header-menu a.option-bookmarks .bookmarks-text:after {
        border-style: solid;
        border-width: 0 1.5px 1.5px 0;
        content: "";
        display: inline-block;
        height: 6px;
        transform: rotate(45deg);
        width: 6px;
        color: rgba(0, 0, 0, .3);
        margin: 0;
        bottom: 6px;
        right: 2px;
        position: absolute;
        padding: 2px
    }

    #nav-header-menu i:before {
        color: rgba(0, 0, 0, .8980392157);
        vertical-align: middle;
        font-size: 16px
    }

    #nav-header-menu i.nav-icon-help:before {
        font-size: 17px
    }

    #nav-header-menu i span {
        font-size: 14px
    }

    #nav-header-menu [data-country=BR] #nav-header-menu .nav-icon-help:before {
        display: none
    }

    #nav-header-menu [data-country=BR] #nav-header-menu .nav-icon-help span {
        display: inline-block
    }

    #nav-header-menu .nav-header-menu-list {
        display: flex;
        align-items: flex-end;
        list-style: none
    }

    #nav-header-menu .nav-header-menu-list__item {
        display: flex;
        align-items: flex-end
    }

    #nav-header-menu .nav-header-menu-list__item>a {
        margin-left: 22px
    }

    #nav-header-menu .nav-header-menu-list__item>a:last-child {
        margin-right: 22px
    }

    .nav-header-user {
        position: relative;
        display: flex;
        align-items: flex-end;
        height: 20px;
        line-height: 18px
    }

    [for=nav-header-user-switch] {
        cursor: pointer;
        color: rgba(0, 0, 0, .8980392157);
        display: inline;
        text-transform: none;
        font-size: 0;
        margin: 0;
        line-height: 18px;
        height: 20px;
        padding: 0
    }

    [for=nav-header-user-switch]:hover {
        color: #000
    }

    #nav-header-menu [for=nav-header-user-switch]:hover i:before {
        color: #000
    }

    #nav-header-menu .nav-icon-user {
        line-height: 20px;
        pointer-events: none
    }

    #nav-header-menu .nav-icon-user:before {
        content: "";
        margin: 0;
        vertical-align: top;
        font-size: 20px;
        background-color: #ffe600;
        z-index: 1;
        position: relative
    }

    .nav-header-avatar-user {
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: top;
        position: relative;
        margin-right: 6px
    }

    .nav-header-profile-evolution__container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 24px;
        background-color: #fff;
        border-radius: 50%;
        border: 1px solid rgba(0, 0, 0, .07)
    }

    .nav-header-profile-evolution__user-initials {
        font-size: 11px;
        color: rgba(0, 0, 0, .9);
        line-height: 1;
        font-weight: 400
    }

    .nav-header-profile-evolution__user-rectangle-shoulders {
        width: 12.6px
    }

    .nav-header-avatar-user-img {
        vertical-align: top;
        max-width: 100%;
        border-radius: 50%
    }

    .nav-header-username {
        display: inline-block;
        font-size: 14px;
        line-height: 18px
    }

    .nav-header-usermenu-wrapper {
        display: flex;
        line-height: 18px;
        box-sizing: border-box;
        position: relative;
        padding-right: 14px;
        align-items: flex-end
    }

    .nav-header-username-chevron {
        border-style: solid;
        border-width: 0 1.5px 1.5px 0;
        content: "";
        display: inline-block;
        height: 6px;
        transform: rotate(45deg);
        width: 6px;
        color: rgba(0, 0, 0, .3);
        margin: 0;
        bottom: 6px;
        right: 2px;
        position: absolute;
        padding: 2px
    }

    .nav-header-search-chevron {
        border-style: solid;
        border-width: 0 1.5px 1.5px 0;
        content: "";
        display: inline-block;
        height: 7px;
        transform: rotate(45deg);
        width: 7px;
        color: #333;
        margin: 0 12px;
        margin-top: -3px
    }

    .nav-header-user-myml {
        padding: 0;
        line-height: 18px;
        font-size: 0;
        border-left: none;
        display: block
    }

    #nav-header-user-switch {
        display: none
    }

    #nav-header-user-switch:checked+.nav-header-user-layer {
        display: block
    }

    .nav-header-user-layer {
        background-color: #fff;
        border: 1px solid #dedede;
        border-radius: 5px;
        box-shadow: 2px 2px 2px rgba(99, 99, 99, .2);
        right: 0;
        position: absolute;
        top: 32px;
        z-index: 3;
        width: 150px;
        display: none
    }

    .nav-header-user-layer:before,
    .nav-header-user-layer:after {
        border: outset rgba(0, 0, 0, 0);
        border-bottom-style: solid;
        bottom: 100%;
        content: "";
        display: block;
        height: 0;
        pointer-events: none;
        position: absolute;
        width: 0
    }

    .nav-header-user-layer:before {
        border-bottom-color: #dedede;
        border-width: 10px;
        right: 4px
    }

    .nav-header-user-layer:after {
        border-bottom-color: #fff;
        border-width: 9px;
        right: 5px
    }

    #nav-header-menu .nav-header-user-layer a {
        color: #000;
        display: block;
        line-height: 25px;
        margin: 3px 0;
        padding: 5px 15px;
        text-decoration: none;
        border-left: none
    }

    #nav-header-menu .nav-header-user-layer a:last-child {
        display: block
    }

    #nav-header-menu .nav-header-user-layer a:hover {
        color: #000;
        background-color: #fefbd6
    }

    .nav-logo {
        background-repeat: no-repeat;
        overflow: hidden;
        text-indent: -999px;
        background-image: url("https://http2.mlstatic.com/frontend-assets/ml-web-navigation/ui-navigation/6.6.92/mercadolibre/logo_large_25years_v2.png");
        height: 34px;
        width: 134px;
        display: flex;
        position: static;
        left: 0;
        top: 0;
        background-size: contain
    }

    [data-country=BR] .nav-logo,
    [data-country=PT] .nav-logo {
        background-image: url("https://http2.mlstatic.com/frontend-assets/ml-web-navigation/ui-navigation/6.6.92/mercadolibre/logo-pt__large_25years_v2.png")
    }

    @media(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
        .nav-logo {
            background-image: url("https://http2.mlstatic.com/frontend-assets/ml-web-navigation/ui-navigation/6.6.92/mercadolibre/logo_large_25years@2x.png");
            background-size: 134px 34px
        }

        [data-country=BR] .nav-logo,
        [data-country=PT] .nav-logo {
            background-image: url("https://http2.mlstatic.com/frontend-assets/ml-web-navigation/ui-navigation/6.6.92/mercadolibre/logo-pt__large_25years@2x.png")
        }
    }

    .nav-bounds .nav-menu-cp {
        display: flex;
        width: -moz-fit-content;
        width: fit-content;
        position: relative;
        top: 0;
        left: 0;
        padding: 0 0 0 24px;
        text-decoration: none;
        border: none
    }

    .nav-bounds .nav-menu-cp:hover::after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: -6px;
        left: -8px;
        padding: 6px 8px 4px 8px;
        box-sizing: content-box;
        border-radius: 6px;
        border: solid 1px rgba(0, 0, 0, .1)
    }

    .nav-bounds .nav-menu-cp:before {
        font-family: navigation;
        position: absolute;
        top: 2px;
        bottom: 0;
        left: 0;
        -webkit-font-smoothing: antialiased
    }

    .nav-bounds .nav-menu-cp .nav-menu-link-cp {
        display: inline-block;
        overflow: hidden;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 140px;
        margin: 0;
        color: rgba(0, 0, 0, .8980392157);
        font-size: 14px;
        text-overflow: ellipsis;
        white-space:
    }

    .nav-bounds .nav-menu-cp.nav-menu-cp-guest {
        height: 20px;
        flex-direction: row;
        align-items: flex-end;
        justify-content: flex-start
    }

    .nav-bounds .nav-menu-cp.nav-menu-cp-guest:before {
        content: "";
        font-size: 18px
    }

    .nav-bounds .nav-menu-cp.nav-menu-cp-guest .nav-menu-link-cp {
        padding: 0;
        line-height: 18px
    }

    .nav-bounds .nav-menu-cp.nav-menu-cp-logged {
        height: 28px;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start
    }

    .nav-bounds .nav-menu-cp.nav-menu-cp-logged .nav-menu-link-cp {
        padding: 0 0 2px 0;
        line-height: 14px
    }

    .nav-bounds .nav-menu-cp.nav-menu-cp-logged .nav-menu-cp-send {
        position: static;
        white-space: ;
        text-overflow: ellipsis;
        top: 1px;
        font-size: 12px;
        color: rgba(0, 0, 0, .55);
        display: block;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 140px;
        left: 0;
        padding: 0;
        margin: 0;
        line-height: 12px
    }

    .nav-bounds .nav-menu-cp.nav-menu-cp-logged:before {
        content: "";
        font-size: 23px
    }

    .nav-menu {
        margin: 0;
        height: 100%
    }

    .nav-menu .nav-menu-list {
        display: flex;
        align-items: flex-end;
        list-style: none;
        padding: 0;
        margin: 0;
        flex-wrap: wrap
    }

    .nav-menu .nav-menu-list .nav-menu-item {
        display: flex;
        align-items: flex-end;
        height: 28px;
        margin-right: 15px
    }

    .nav-menu .nav-menu-list .nav-menu-item:last-child {
        margin-right: 0
    }

    .nav-menu-item {
        line-height: 18px;
        font-size: 14px
    }

    .nav-menu-item a {
        text-decoration: none;
        -webkit-font-smoothing: antialiased;
        color: rgba(0, 0, 0, .8980392157);
        transition: color .3s ease-out;
        font-weight: 400
    }

    .nav-menu-item a:link,
    .nav-menu-item a:visited {
        color: rgba(0, 0, 0, .8980392157)
    }

    .nav-menu-item a:hover,
    .nav-menu-item a:active,
    .nav-menu-item a:focus {
        color: rgba(51, 51, 51, .9);
        text-decoration: none
    }

    .nav-menu-item a.nav-menu-item-link {
        position: relative
    }

    .nav-menu-item a.nav-menu-item-link .nav-link-tag {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        bottom: 85%
    }

    .nav-menu-item .nav-menu-categories-link {
        display: flex;
        line-height: 18px;
        box-sizing: border-box;
        position: relative;
        padding-right: 14px
    }

    .nav-menu-item .nav-menu-categories-link:after {
        border-style: solid;
        border-width: 0 1.5px 1.5px 0;
        content: "";
        display: inline-block;
        height: 6px;
        transform: rotate(45deg);
        width: 6px;
        color: rgba(0, 0, 0, .3);
        margin: 0;
        bottom: 6px;
        right: 2px;
        position: absolute;
        padding: 2px
    }

    .nav-menu-item .nav-menu-categories-link:before {
        content: none
    }

    .nav-menu-item .nav-categs {
        top: calc(100% - 12px)
    }

    @media(max-width: 1200px) {
        .nav-bounds .nav-menu .nav-menu-list .nav-menu-item:nth-last-child(3) {
            display: none
        }
    }

    @media(max-width: 1095px) {
        .nav-bounds .nav-menu .nav-menu-list .nav-menu-item:nth-last-child(4) {
            display: none
        }
    }

    input[type=text].nav-search-input,
    input[type=search].nav-search-input {
        position: relative;
        z-index: 915;
        color: rgba(0, 0, 0, .8980392157);
        font-size: 16px;
        margin: 0;
        font-family: inherit;
        border-radius: 2px;
        background-color: #fff;
        display: flex;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
        height: 40px;
        width: 100%;
        padding: 10px 60px 10px 15px;
        border-style: solid;
        border-color: rgba(0, 0, 0, 0);
        border-width: 1.5px;

    }

    input[type=text].nav-search-input:focus,
    input[type=search].nav-search-input:focus {
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        outline: 0
    }

    .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.ch-autocomplete-loading,
    input[type=search].nav-search-input.ch-autocomplete-loading {
        background-position: right 10px center
    }

    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
    }

    input[type=text].nav-search-input:focus,
    input[type=search].nav-search-input:focus,
    .nav-header-has-search-active input[type=text].nav-search-input:focus,
    .nav-header-has-search-active input[type=search].nav-search-input:focus {
        border-style: solid;
        border-color: #3483fa;
        border-width: 1.5px
    }

    button.nav-search-btn,
    button.nav-search-btn:focus {
        position: absolute;
        z-index: 920;
        padding: 0;
        background: none;
        border: none;
        font-size: 22px;
        color: #666;
        line-height: 1em;
        border-radius: 0 2px 2px 0;
        width: 46px;
        right: 0;
        top: 0;
        bottom: 0;
        left: auto;
        background-image: none;
        height: 40px;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0);
        box-shadow: none
    }

    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
    }

    button.nav-search-btn:focus {
        border-style: solid;
        border-color: #3483fa;
        border-width: 1.5px
    }

    .nav-search {
        z-index: 910;
        will-change: left;
        transition: left .15s ease-out;
        top: 0;
        right: 45px;
        max-width: 720px;
        left: -1px;
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        padding: 0px;
        position: relative;
        overflow: visible;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .nav-search:before {
        content: none
    }

    .nav-search .nav-category {
        display: block;
        background-color: #fff;
        color: #666;
        line-height: 20px;
        height: 26px;
        margin: 0;
        white-space: ;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 55%;
        padding: 2px 14px;
        position: absolute;
        right: 46px;
        top: 7px;
        text-align: right;
        font-weight: 300;
        font-size: 14px;
        box-shadow: none;
        border-top: none;
        width: auto;
        z-index: 917;
        font-family: "Proxima Nova", -apple-system, Roboto, Arial, sans-serif
    }

    .nav-search .nav-category::before {
        content: "";
        display: block;
        height: 20px;
        border-left: 1px solid #e6e6e6;
        position: absolute;
        left: 0
    }

    .nav-search .nav-category--multi {
        color: #333;
        max-width: 248px;
        display: flex;
        align-items: center;
        border: none;
        padding: 0;
        padding-block: 0;
        -webkit-padding-start: 12px;
        padding-inline-start: 12px;
        -webkit-padding-end: 0;
        padding-inline-end: 0
    }

    .nav-search .nav-category--multi:focus-visible {
        outline: 1.5px solid #3483fa
    }

    .nav-search .nav-category--multi label {
        height: 100%;
        display: flex;
        align-items: center;
        font-size: 16px;
        font-weight: 400
    }

    .nav-search .nav-category--multi #category-label {
        overflow: hidden;
        pointer-events: none;
        text-overflow: ellipsis;
        white-space: ;
        width: calc(100% - 31px)
    }

    .nav-search .nav-category:hover .nav-label-small {
        width: initial
    }

    .nav-search .nav-category label {
        -webkit-user-select: none
    }

    .nav-search .nav-category .nav-label-small {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: ;
        vertical-align: middle;
        width: 100% !important
    }

    .nav-search .nav-category input[type=checkbox] {
        border: 1px solid #ccc;
        background: 0;
        box-shadow: none;
        display: inline-block;
        margin: 3px 5px 0 0;
        height: 14px;
        padding: 0;
        vertical-align: top;
        width: 14px;
        border-radius: 2px
    }

    .nav-search .nav-category .categorySearch--multi#categorySearch {
        display: none
    }

    .nav-search .nav-category-list-options {
        display: flex;
        flex-wrap: wrap
    }

    @media(width >=1024px) {
        .nav-search .nav-category-list-options {
            flex-direction: column
        }
    }

    .nav-search .nav-category-content-options {
        align-items: center;
        cursor: pointer;
        display: flex;
        padding: 8px 16px
    }

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

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

    @media(width >=1024px) {
        .nav-search .nav-category-content-options .image-option {
            background-color: #fff;
            border: 1px solid #e1dfdf;
            margin: 0;
            margin-right: 8px;
            object-fit: contain
        }
    }

    .nav-search .nav-category-content-options-desktop {
        background-color: #fff;
        border-top: solid 1px #e6e6e6;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
        left: 0;
        padding: 8px 0;
        position: absolute;
        top: 40px;
        visibility: hidden;
        width: 100%;
        z-index: 1005
    }

    .nav-search .nav-category-content-options-desktop input[type=radio] {
        height: 16px;
        margin: 0 16px 0 0;
        width: 16px
    }

    .nav-search .nav-category-content-options-desktop input[type=radio]~label {
        cursor: inherit
    }

    .nav-search.nav-search-with-sugestions input[type=text].nav-search-input,
    .nav-search.nav-search-with-sugestions input[type=search].nav-search-input {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .nav-search-close-btn,
    .nav-search-close-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-header-has-search-active .nav-search:before,
    .nav-header-has-search-active .nav-search .nav-search-close-btn {
        display: none
    }

    .nav-header-has-search-active button.nav-search-btn,
    .nav-header-has-search-active button.nav-search-btn:focus {
        display: inline-block
    }

    button.nav-search-btn,
    button.nav-search-btn:focus {
        left: auto
    }

    button.nav-search-btn:before,
    button.nav-search-btn:focus:before {
        content: "";
        display: block;
        height: 20px;
        border-left: 1px solid #e6e6e6;
        position: absolute;
        top: 8.5px
    }

    .nav-search-btn .nav-icon-search {
        font-size: 16px;
        line-height: 21px
    }

    .nav-search-btn .nav-icon-search:before {
        content: "";
        vertical-align: top
    }

    .nav-icon-close:before,
    .nav-icon-search:before {
        display: inline-block
    }

    .nav-icon-close span,
    .nav-icon-search span {
        display: none
    }

    .nav-search-clear-btn {
        display: none
    }

    #nav-skip-to-main-content {
        color: #fff
    }

    #nav-a11y-feedback-link {
        color: #fff
    }

    [data-js=nav-menu-categories-trigger]:before {
        content: "";
        opacity: 0
    }

    [data-js=nav-menu-categories-trigger]:hover:before {
        content: "";
        opacity: 1
    }

    .nav-categs {
        border-radius: 4px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
        box-sizing: border-box;
        font-family: "Proxima Nova", -apple-system, "Roboto", Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        margin: 9px 0 0 -10px;
        max-width: 1200px;
        position: absolute;
        z-index: 10000;
        display: flex;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .nav-categs:focus-visible {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3)
    }

    .nav-categs * {
        box-sizing: border-box
    }

    .nav-categs a,
    .nav-categs a:link {
        color: inherit;
        text-decoration: none
    }

    .nav-categs ul {
        margin: 0;
        list-style: none
    }

    .nav-categs:before {
        content: "";
        width: 0;
        height: 0;
        border: 0 solid rgba(0, 0, 0, 0);
        border-right-width: 14px;
        border-left-width: 14px;
        border-bottom: 14px solid #333;
        top: -8px;
        left: 76px;
        position: absolute;
        display: block
    }

    .nav-categs:focus {
        outline: none
    }

    .nav-categs--with-details {
        width: 100%
    }

    .nav-categs-overlay {
        position: absolute;
        left: 0;
        opacity: .3;
        background-color: #333;
        width: 100%;
        height: 100%;
        height: auto;
        box-sizing: border-box;
        padding-bottom: 32px;
        z-index: 1001
    }

    .nav-categs a:after {
        content: none
    }

    .nav-categs[hidden],
    .nav-categs-overlay[hidden] {
        display: none
    }

    .nav-bounds-with-cp .nav-categs {
        left: 66px
    }

    .nav-bounds-with-cp .nav-categs:before {
        left: 202px
    }

    .nav-bounds-with-cp .nav-categs-detail__body-aside {
        display: none
    }

    @media(max-width: 1090px) {
        .nav-bounds-with-cp .nav-categs {
            left: 56px;
            margin-left: 0
        }
    }

    .nav-categs-departments {
        position: relative;
        display: inline-block;
        float: left;
        background-color: #333;
        padding: 22px 0;
        border-radius: 4px
    }

    .nav-categs-departments a {
        cursor: default
    }

    .nav-categs-departments a,
    .nav-categs-departments a:link,
    .nav-categs-departments a:visited {
        color: #fff;
        display: block;
        padding: 0 36px;
        line-height: 2.59;
        max-width: 260px;
        white-space: ;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .nav-categs-departments .nav-categs-departments__list--dynamic a {
        position: relative;
        padding-right: 44px
    }

    .nav-categs-departments .nav-categs-departments__list--dynamic a:after {
        border-style: solid;
        border-width: 1.5px 1.5px 0 0;
        border-color: rgba(255, 255, 255, .6);
        content: "";
        display: inline-block;
        position: absolute;
        vertical-align: middle;
        height: 7px;
        width: 7px;
        transform: rotate(45deg) translateY(-50%);
        top: 50%;
        content: "";
        right: 34px
    }

    .nav-categs-departments .nav-categs-departments__list--static a {
        cursor: pointer
    }

    .nav-categs--with-details .nav-categs-departments {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .nav-categs-departments__list--static a:hover,
    .nav-categs-departments__selected {
        background-color: #3483fa
    }

    .nav-categs-detail {
        overflow: hidden;
        padding: 36px;
        width: 100%;
        position: relative;
        background-color: #fff;
        border-radius: 0 4px 4px 0
    }

    .nav-categs-detail:focus {
        outline: none
    }

    .nav-categs-detail__header {
        border-bottom: 1px solid #ddd;
        position: relative;
        margin-bottom: 24px
    }

    .nav-categs-detail__header div {
        font-size: 20px;
        color: #333;
        margin: 0 0 12px;
        font-weight: 400;
        line-height: 1
    }

    .nav-categs-detail__categ {
        width: 192px;
        display: inline-block;
        text-overflow: ellipsis;
        margin-bottom: 24px
    }

    .nav-categs-detail__title {
        font-size: 15px;
        font-weight: 600;
        margin: 0 0 3px;
        line-height: 1.1
    }

    .nav-categs-detail__title a {
        display: -webkit-box;
        line-height: 1;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: inherit
    }

    .nav-categs-detail__title a:hover {
        color: #3483fa
    }

    .nav-categs-detail__categ-list {
        padding-left: 0
    }

    .nav-categs-detail__list a {
        width: 88px;
        height: 88px;
        border-radius: 4px;
        border: 1px solid #ddd;
        float: left;
        margin: 0 8px 8px 0;
        overflow: hidden;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #fff;
        background-size: contain;
        font-size: 0
    }

    .nav-categs-detail__categ-list a,
    .nav-categs-detail__categ-list a:link {
        line-height: 1.85;
        color: #666;
        font-weight: 400
    }

    .nav-categs-detail__categ-list a:hover,
    .nav-categs-detail__categ-list a:link:hover {
        color: #3483fa
    }

    .nav-categs-detail__body {
        max-height: 550px;
        overflow-y: auto
    }

    .nav-categs-detail__body:after,
    .nav-categs-detail__body:before {
        display: table;
        content: ""
    }

    .nav-categs-detail__body:after {
        clear: both
    }

    .nav-categs-detail__body-content {
        column-count: 3;
        column-gap: 36px;
        column-width: 192px;
        overflow: hidden;
        float: left
    }

    .nav-categs-detail__body-aside {
        display: none;
        width: 192px;
        float: left;
        margin-left: 36px
    }

    .nav-categs-detail__body-aside .nav-categs-detail__title {
        margin-bottom: 8px
    }

    @media(min-width: 1200px) {
        .nav-categs-detail__body-content {
            max-width: 648px
        }

        .nav-categs-detail__body-aside {
            display: block
        }
    }

    .nav-footer-access {
        display: block;
        position: relative;
        font-family: "Proxima Nova", -apple-system, Roboto, Arial, sans-serif;
        font-size: 13px;
        font-weight: 400
    }

    .nav-footer-access #nav-footer-access-switch i:before {
        transform: rotate(180deg)
    }

    .nav-footer-access h2 {
        color: #666;
        font-size: 13px;
        font-weight: 400;
        margin: 0
    }

    .nav-footer-access,
    .nav-footer-access *,
    .nav-footer-access *:before,
    .nav-footer-access *:after {
        box-sizing: border-box
    }

    .nav-footer-access-collapsed .nav-footer-access-content {
        max-height: 0;
        border-top-width: 0
    }

    .nav-footer-access-collapsed #nav-footer-access-switch i:before {
        transform: rotate(0deg)
    }

    #nav-footer-access-switch {
        border: 1px solid #e6e6e6;
        border-bottom: none;
        color: #666;
        background-color: #fff;
        cursor: pointer;
        padding: 0 20px;
        height: 32px;
        line-height: 32px;
        position: absolute;
        left: 50%;
        bottom: 100%;
        transform: translate(-50%, 1px);
        transition: all 200ms linear;
        border-radius: 5px 5px 0 0;
        z-index: 1;
        display: flex;
        flex-direction: row
    }

    #nav-footer-access-switch i {
        margin-left: 6px;
        font-size: 11px;
        top: 0;
        position: relative
    }

    #nav-footer-access-switch i:before {
        transition: all 200ms linear
    }

    .ie8 #nav-footer-access-switch,
    .lt-ie9 #nav-footer-access-switch {
        display: none
    }

    .nav-footer-access-content {
        line-height: 0;
        overflow: hidden;
        max-height: 270px;
        font-size: 0;
        background-color: #f7f7f7;
        border-top: 1px solid #e6e6e6;
        margin-top: 64px;
        position: relative;
        bottom: 0px;
        transition: all 200ms ease-in
    }

    .nav-footer-access-content a,
    .nav-footer-access-content a:visited,
    .nav-footer-access-content a:active,
    .nav-footer-access-content a:link {
        color: #999;
        text-decoration: none
    }

    .nav-footer-access-content a:hover {
        text-decoration: underline
    }

    .nav-footer-access-content [href*=".com"]:before {
        display: none
    }

    .nav-footer-access-content .nav-bounds {
        visibility: hidden;
        padding: 0 110px;
        justify-content: space-between
    }

    .nav-footer-access-col {
        font-size: 14px;
        display: inline-block;
        vertical-align: top;
        line-height: 1.6;
        width: auto;
        margin: 46px 0
    }

    .nav-footer-access-col ul {
        padding: 0;
        margin: 0;
        list-style: none
    }

    .nav-footer-access-title {
        font-weight: 600;
        margin: 0 0 5px;
        margin-bottom: 14px;
        font-size: 14px;
        color: #333
    }

    .nav-footer-access-expanded #nav-footer-access-switch {
        background-color: #f7f7f7
    }

    .nav-footer-access-expanded .nav-bounds {
        display: flex;
        visibility: visible
    }

    .nav-footer-access-icon {
        vertical-align: sub;
        margin-left: 8px
    }

    .nav-footer-access-visually-hidden,
    .nav-footer-access-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;
        white-space:
    }

    .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 {
        display: inline-block;
        line-height: 14px;
        color: #666;
        float: none;
        font-size: 14px;
        padding: 0 8px
    }

    .nav-footer-primaryinfo .nav-footer-copyright {
        font-size: 12px;
        display: inline-block;
        color: #999;
        vertical-align: initial;
        width: auto;
        line-height: initial;
        margin: 0;
        padding-bottom: 2px
    }

    .nav-footer-hp {
        height: 1px;
        width: 1px;
        position: absolute;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }

    .nav-footer-info-wrapper {
        padding: 0
    }

    .nav-footer-primaryinfo .nav-footer-navigation a {
        font-size: 13px;
        padding-bottom: 8px
    }

    .nav-footer-primaryinfo .nav-footer-navigation__menu {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: left;
        padding: 0;
        margin: 0
    }

    .nav-footer-primaryinfo .nav-footer-navigation__item {
        margin-bottom: 8px;
        margin-right: 16px
    }

    .nav-footer-primaryinfo .nav-footer-navigation__item:last-child {
        margin-right: 0
    }

    .nav-footer-primaryinfo .nav-footer-navigation__item a.nav-footer-navigation__link {
        font-size: 13px
    }

    .nav-footer-primaryinfo .nav-footer-navigation__item a.nav-footer-navigation__link--capitalized {
        text-transform: capitalize
    }

    .nav-footer-primaryinfo .nav-footer-navigation__item a[href$="/acessibilidade"] {
        padding-left: 24px;
        background-image: url("https://http2.mlstatic.com/frontend-assets/ml-web-navigation/ui-navigation/6.6.92/mercadolibre/accessibility.png");
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 16px
    }

    .nav-footer-navigation__glossary-container .nav-footer-access-title {
        margin: 0;
        padding-bottom: 8px
    }

    .nav-footer-navigation__glossary-container .nav-footer-navigation__seo-list {
        display: flex;
        justify-content: left;
        flex-wrap: wrap;
        color: #999;
        padding: 0;
        margin: 0;
        list-style-type: none
    }

    .nav-footer-navigation__glossary-container .nav-footer-navigation__seo-list .nav-footer-navigation__glossary_item {
        display: flex;
        text-align: center;
        justify-content: center;
        width: 32px;
        height: 32px
    }

    .nav-footer-navigation__glossary-container .nav-footer-navigation__seo-list .nav-footer-navigation__glossary_item:first-child {
        width: 20px;
        text-align: start;
        justify-content: start
    }

    .nav-footer-navigation__glossary-container .nav-footer-navigation__seo-list .nav-footer-navigation__glossary_item:first-child .nav-footer__link {
        width: 20px;
        text-align: start;
        justify-content: start
    }

    .nav-footer-navigation__glossary-container .nav-footer-navigation__seo-list .nav-footer-navigation__glossary_item .nav-footer__link {
        width: 32px;
        height: 32px;
        font-size: 14px;
        font-weight: 400;
        color: #999;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none
    }

    .nav-footer-navigation__glossary-container .nav-footer-navigation__seo-list .nav-footer-navigation__glossary_item .nav-footer__link:hover {
        color: #3483fa
    }

    .nav-footer-navigation__glossary-container .nav-footer-navigation__seo-list .nav-footer-navigation__glossary_item_separator {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #999;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        width: 1px
    }

    .nav-footer-primaryinfo {
        vertical-align: top;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        margin: 0;
        border: 0;
        padding-top: 0;
        font-size: 0
    }

    .nav-footer-secondaryinfo {
        font-size: 12px;
        display: block;
        margin: 2px 0 0
    }

    .nav-footer-user-info {
        border-top: none
    }

    .nav-footer {
        color: #999;
        background-color: #fff;
        font-family: "Proxima Nova", -apple-system, Roboto, Arial, sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 1;
        overflow: hidden;
        border-top: 1px solid #e6e6e6
    }

    .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-bounds {
        padding: 16px 10px;
        max-width: 1200px
    }

    .nav-footer-seo {
        border-top: none;
        background-color: rgba(0, 0, 0, 0)
    }

    .nav-footer-seo .nav-bounds {
        margin-top: 64px
    }

    .nav-footer-seo:has(+.nav-footer-seo_glossary) .nav-bounds {
        padding-bottom: 0
    }

    .nav-footer-seo_glossary {
        border-top: none;
        background-color: rgba(0, 0, 0, 0)
    }

    .nav-footer-seo_glossary .nav-bounds {
        margin-top: 36px;
        margin-bottom: 36px;
        padding-top: 0;
        padding-bottom: 0
    }

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

    [class^=nav-icon-]:before,
    [class*=" nav-icon-"]:before {
        display: inline-block
    }

    [class^=nav-icon-] span,
    [class*=" nav-icon-"] span {
        display: none
    }

    .ui-message.ui-message--overdue-loans .ui-message--bounds {
        padding: 13px
    }

    .ui-message.ui-message--overdue-loans .ui-message--overdue-loans-cta {
        margin-left: 10px;
        position: static;
        transform: none
    }

    .nav-footer-seo {
        margin-top: 36px;
        margin-bottom: -64px;
        padding-bottom: 64px
    }

    .nav-footer-seo .nav-bounds {
        margin-top: 36px;
        margin-bottom: 4px;
        max-width: 1200px;
        padding: 0
    }

    .nav-footer-seo .nav-bounds-seo {
        padding: 0
    }

    .nav-footer-seo__title {
        margin-bottom: 16px
    }

    .nav-footer-seo__wrapper {
        padding: 0 10px
    }

    .nav-footer-seo .nav-bounds {
        padding: 0 10px
    }

    .nav-footer-seo .nav-footer-primaryinfo .nav-footer-navigation__seo-menu {
        margin: 0 0 0 -8px
    }

    .nav-footer-seo .nav-footer-primaryinfo .nav-footer-navigation__seo-menu .nav-footer-navigation__item {
        border-right: 1px solid #999;
        margin-right: 0;
        padding: 0 8px
    }

    .nav-footer-seo .nav-footer-primaryinfo .nav-footer-navigation__seo-menu .nav-footer-navigation__item a.nav-footer-navigation__link {
        color: #999
    }

    .nav-header-plus .nav-bounds {
        display: grid;
        grid-template-areas: "nav-left-top nav-center-top nav-right-top" "nav-left-bottom nav-center-bottom nav-right-bottom";
        grid-template-columns: 162px minmax(340px, 588px) minmax(350px, 390px);
        grid-template-rows: 40px 28px;
        column-gap: 20px;
        grid-column-gap: 20px;
        row-gap: 12px;
        grid-row-gap: 12px;
        padding: 8px 10px 12px 10px
    }

    .nav-header-plus .nav-area {
        display: flex;
        flex-direction: row
    }

    .nav-header-plus .nav-top-area {
        height: 40px;
        align-items: center
    }

    .nav-header-plus .nav-bottom-area {
        height: 28px;
        align-items: flex-end
    }

    .nav-header-plus .nav-left-area {
        justify-content: flex-start
    }

    .nav-header-plus .nav-right-area {
        justify-content: flex-end
    }

    .nav-header-plus .nav-left-area.nav-top-area {
        grid-area: nav-left-top
    }

    .nav-header-plus .nav-left-area.nav-top-area:hover {
        z-index: 999
    }

    .nav-header-plus .nav-center-area.nav-top-area {
        grid-area: nav-center-top
    }

    .nav-header-plus .nav-right-area.nav-top-area {
        grid-area: nav-right-top
    }

    .nav-header-plus .nav-left-area.nav-bottom-area {
        grid-area: nav-left-bottom;
        font-weight: 400
    }

    .nav-header-plus .nav-left-area.nav-bottom-area .nav-menu-item>a {
        color: rgba(0, 0, 0, .8980392157)
    }

    .nav-header-plus .nav-left-area.nav-bottom-area .nav-menu-item>a:link,
    .nav-header-plus .nav-left-area.nav-bottom-area .nav-menu-item>a:visited {
        color: rgba(0, 0, 0, .8980392157);
        font-weight: inherit
    }

    .nav-header-plus .nav-left-area.nav-bottom-area .nav-menu-item>a:hover,
    .nav-header-plus .nav-left-area.nav-bottom-area .nav-menu-item>a:active {
        color: #111
    }

    .nav-header-plus .nav-center-area.nav-bottom-area {
        grid-area: nav-center-bottom;
        padding: 4px;
        margin: -4px;
        height: 36px;
        overflow: hidden
    }

    .nav-header-plus .nav-right-area.nav-bottom-area {
        grid-area: nav-right-bottom
    }

    .nav-header-pluslite {
        height: 48px
    }

    .nav-header-pluslite:before {
        height: 48px
    }

    .nav-header-pluslite .nav-bounds {
        justify-content: space-between;
        align-items: center
    }

    .nav-header-lite-extended {
        height: 60px
    }

    .nav-header-lite-extended:before {
        height: 60px
    }

    .nav-header-lite-extended .nav-bounds {
        justify-content: space-between;
        align-items: center
    }

    .nav-header-lite-extended .nav-bounds .nav-header-menu-wrapper {
        display: flex
    }

    .nav-header-lite-extended .nav-bounds .nav-search {
        margin-right: 22px;
        width: initial;
        flex: 1
    }

    .nav-header-lite-extended .nav-bounds .nav-header-left-size {
        display: flex;
        flex: 1
    }

    .nav-header-lite-extended .nav-bounds .nav-header-left-size .nav-header-logo {
        margin-right: 22px
    }

    .nav-header-plusclean {
        height: 48px
    }

    .nav-header-plusclean:before {
        height: 48px
    }

    .nav-header-plusclean .nav-bounds {
        justify-content: flex-start;
        align-items: center
    }


    @keyframes a {
        0% {
            transform: scale(1.5);
            opacity: 0
        }

        to {
            transform: scale(1);
            opacity: 1
        }
    }

    @keyframes b {
        0% {
            transform: scale(1);
            opacity: 1
        }

        15% {
            transform: scale(1.1);
            opacity: 1
        }

        to {
            transform: scale(.5);
            opacity: 0
        }
    }

    @keyframes c {
        0% {
            transform: translate(-50%, -50%) rotate(0)
        }

        50% {
            transform: translate(-50%, -50%) rotate(-180deg)
        }

        to {
            transform: translate(-50%, -50%) rotate(-1turn)
        }
    }

    @keyframes d {
        0% {
            transform: scale(1)
        }

        10% {
            transform: scale(1.2) translateX(6px)
        }

        25% {
            transform: scale(1.3) translateX(8px)
        }

        40% {
            transform: scale(1.2) translateX(6px)
        }

        50% {
            transform: scale(1)
        }

        60% {
            transform: scale(.8) translateX(6px)
        }

        75% {
            transform: scale(.7) translateX(8px)
        }

        90% {
            transform: scale(.8) translateX(6px)
        }

        to {
            transform: scale(1)
        }
    }

    @keyframes e {
        0% {
            transform: scale(1)
        }

        10% {
            transform: scale(1.2) translateX(-6px)
        }

        25% {
            transform: scale(1.3) translateX(-8px)
        }

        40% {
            transform: scale(1.2) translateX(-6px)
        }

        50% {
            transform: scale(1)
        }

        60% {
            transform: scale(.8) translateX(-6px)
        }

        75% {
            transform: scale(.7) translateX(-8px)
        }

        90% {
            transform: scale(.8) translateX(-6px)
        }

        to {
            transform: scale(1)
        }
    }

    .drift-zoom-pane {
        background: rgba(0, 0, 0, .5);
        transform: translateZ(0);
        -webkit-transform: translateZ(0)
    }

    .drift-zoom-pane.drift-opening {
        animation: a .18s ease-out;
        -webkit-animation: a .18s ease-out
    }

    .drift-zoom-pane.drift-closing {
        animation: b .21s ease-in;
        -webkit-animation: b .21s ease-in
    }

    .drift-zoom-pane.drift-inline {
        position: absolute;
        width: 150px;
        height: 150px;
        border-radius: 75px;
        box-shadow: 0 6px 18px rgba(0, 0, 0, .3)
    }

    .drift-loading .drift-zoom-pane-loader {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        width: 66px;
        height: 20px;
        animation: c 1.8s linear infinite;
        -webkit-animation: c 1.8s linear infinite
    }

    .drift-zoom-pane-loader:after,
    .drift-zoom-pane-loader:before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        border-radius: 20px;
        background: hsla(0, 0%, 100%, .9)
    }

    .drift-zoom-pane-loader:before {
        left: 0;
        animation: d 1.8s linear infinite;
        -webkit-animation: d 1.8s linear infinite
    }

    .drift-zoom-pane-loader:after {
        right: 0;
        animation: e 1.8s linear infinite;
        -webkit-animation: e 1.8s linear infinite;
        animation-delay: -.9s;
        -webkit-animation-delay: -.9s
    }

    .drift-bounding-box {
        background-color: rgba(0, 0, 0, .4)
    }

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

    .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,
    .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],
    .andes-button--loud:link:hover path[stroke],
    .andes-button--loud:visited:hover path[stroke] {
        stroke: #fff !important
    }

    .andes-button--loud:hover path[fill],
    .andes-button--loud:link:hover path[fill],
    .andes-button--loud:visited: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,
    .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],
    .andes-button--quiet:link:hover path[stroke],
    .andes-button--quiet:visited:hover path[stroke] {
        stroke: var(--andes-color-blue-500, #3483fa) !important
    }

    .andes-button--quiet:hover path[fill],
    .andes-button--quiet:link:hover path[fill],
    .andes-button--quiet:visited: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,
    .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],
    .andes-button--transparent:link:hover path[stroke],
    .andes-button--transparent:visited:hover path[stroke] {
        stroke: var(--andes-color-blue-500, #3483fa) !important
    }

    .andes-button--transparent:hover path[fill],
    .andes-button--transparent:link:hover path[fill],
    .andes-button--transparent:visited: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%
    }

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

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

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

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

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

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

    .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 {
        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-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 {
        width: 100.1%
    }

    .andes-table__header {
        box-shadow: inset 0 -1px rgba(0, 0, 0, .25)
    }

    .andes-table__head {
        -webkit-clip-path: none;
        clip-path: none;
        height: auto;
        overflow: auto;
        position: relative;
        width: auto;
        z-index: 10
    }

    .andes-table__column--vertical-align-top,
    .andes-table__header--vertical-align-top {
        vertical-align: baseline
    }

    .andes-table__column--vertical-align-center,
    .andes-table__header--vertical-align-center {
        vertical-align: middle
    }

    .andes-table__column--vertical-align-bottom,
    .andes-table__header--vertical-align-bottom {
        vertical-align: bottom
    }

    .andes-table__column .andes-table__header__container,
    .andes-table__header .andes-table__header__container {
        display: inline-block
    }

    .andes-table__column:before,
    .andes-table__header:before {
        content: "";
        margin: 0;
        padding: 0;
        width: 100%
    }

    .andes-table__column,
    .andes-table__column:not(:last-child) {
        box-shadow: inset 1px 0 1px 0 #ededed
    }

    .andes-table__header__container {
        align-items: center;
        background-color: inherit;
        border: 0;
        display: flex;
        padding: 16px 24px 14px
    }

    .andes-table__header__container: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-table__header__container: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-table__header__container:focus:not(:focus-visible) {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        outline: none
    }

    .andes-table__column {
        padding: 0 24px
    }

    .andes-table__column--value {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        margin: 24px 0 22px;
        overflow: hidden
    }

    .andes-table .andes-table__column-checkbox,
    .andes-table__header-checkbox {
        padding: 0 24px;
        width: 18px
    }

    .andes-table .andes-table__column-checkbox>.andes-checkbox,
    .andes-table__header-checkbox>.andes-checkbox {
        margin: 0 auto
    }

    .andes-table__column--left,
    .andes-table__header--left {
        text-align: left
    }

    .andes-table__column--center,
    .andes-table__header--center {
        text-align: center
    }

    .andes-table__column--right,
    .andes-table__header--right {
        text-align: right
    }

    .andes-table__row {
        border: 0;
        display: table-row
    }

    .andes-table__body {
        display: table-row-group
    }

    .andes-table--compact .andes-table__body>.andes-table__row>.andes-table__column>.andes-table__column--value {
        margin: 16px 0 14px
    }

    .andes-table__editable {
        padding: 0
    }

    .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-disabled+td {
        box-shadow: none !important
    }

    .andes-table__expandable--row {
        background-color: #fff
    }

    .andes-table__expandable--row:hover {
        background-color: rgba(0, 0, 0, .04)
    }

    .andes-table__expandable--row:focus {
        background-color: rgba(0, 0, 0, .07)
    }

    .andes-table__editable--focus-border {
        stroke: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
    }

    .andes-table__editable-enabled:hover {
        z-index: 17
    }

    .andes-table__editable-enabled:hover .andes-table__editable--mouseover-border {
        display: block
    }

    .andes-table__editable-enabled:hover .andes-table__editable--input {
        padding-right: 48px
    }

    .andes-table__editable-enabled:hover .andes-table__editable--input-icon>svg {
        display: block
    }

    .andes-table__editable-focused .andes-table__editable--input {
        outline: 0
    }

    .andes-table__header--sortable {
        cursor: pointer
    }

    .andes-table__header--sortable .andes-table__header__container {
        cursor: pointer;
        height: 100%
    }

    .andes-table__header--sortable:active {
        outline: none
    }

    .andes-table__header--sortable:active .andes-table__sort-icon-container svg path {
        fill: rgba(0, 0, 0, .55)
    }

    .andes-table__header--sortable:active[aria-sort] .andes-table__sort-icon-container svg path {
        fill: var(--andes-color-blue-700, #1f4e96)
    }

    .andes-table__header--sortable:hover .andes-table__sort-icon-container svg path {
        fill: rgba(0, 0, 0, .25)
    }

    .andes-table__header--sortable:hover[aria-sort] .andes-table__sort-icon-container svg path {
        fill: var(--andes-color-blue-600, #2968c8)
    }

    .andes-table__header--sorted-asc .andes-table__sort-icon-container svg {
        transform: rotate(180deg)
    }

    .andes-table__sort-icon-container {
        display: inline-block;
        height: 16px;
        margin-left: 8px;
        width: 16px
    }

    .andes-table__sort-icon-container svg {
        margin-bottom: 1px;
        vertical-align: middle
    }

    @media(prefers-reduced-motion:no-preference) {
        .andes-table__sort-icon-container svg {
            transition: transform .1s ease-in-out
        }
    }

    .andes-table__sort-icon-container svg path {
        fill: #bfbfbf
    }

    .andes-table__sort-icon-container--sorted svg path {
        fill: var(--andes-color-blue-500, #3483fa)
    }

    .andes-tabs {
        align-items: stretch;
        display: flex;
        flex-wrap: ;
        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
    }

    @media(prefers-reduced-motion:no-preference) {
        .andes-tabs__wrapper {
            scroll-behavior: smooth
        }
    }

    .andes-tabs__wrapper--scrollable {
        scroll-snap-type: x mandatory
    }

    .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;
        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;
        height: 100%;
        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 {
        width: 100%
    }

    .andes-tabs__wrapper--scrollable {
        width: calc(100% - 80px)
    }

    .andes-tabs__scroll-tool--controls {
        display: flex
    }

    .andes-tab {
        width: auto
    }

    .andes-tab__link {
        font-size: 16px;
        margin: 0 1.5em;
        padding: 1em 0
    }

    .andes-tab--stretched .andes-tab__link {
        margin: 0;
        padding: 1em 1.5em
    }

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

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

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

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

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

    .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-button--white:hover,
    .andes-button--white:link:hover,
    .andes-button--white:visited:hover {
        background-color: hsla(0, 0%, 100%, .04);
        border-color: none;
        color: #fff
    }

    .andes-button--white:hover path[stroke],
    .andes-button--white:link:hover path[stroke],
    .andes-button--white:visited:hover path[stroke] {
        stroke: #fff !important
    }

    .andes-button--white:hover path[fill],
    .andes-button--white:link:hover path[fill],
    .andes-button--white:visited:hover path[fill] {
        fill: #fff !important
    }

    .andes-button--white {
        border: .0625em solid;
        box-shadow: 0 0 0 0;
        cursor: pointer
    }

    @media(prefers-reduced-motion:no-preference) {
        .andes-button--white {
            transition: box-shadow .25s ease-out, background-color .2s ease-out
        }
    }

    .andes-button--white,
    .andes-button--white:focus,
    .andes-button--white:link,
    .andes-button--white:visited {
        background-color: hsla(0, 0%, 100%, 0);
        border-color: transparent;
        color: #fff
    }

    .andes-button--white path[stroke],
    .andes-button--white:focus path[stroke],
    .andes-button--white:link path[stroke],
    .andes-button--white:visited path[stroke] {
        stroke: #fff !important
    }

    .andes-button--white path[fill],
    .andes-button--white:focus path[fill],
    .andes-button--white:link path[fill],
    .andes-button--white:visited path[fill] {
        fill: #fff !important
    }

    @media(prefers-reduced-motion:no-preference) {
        .andes-button--white:hover {
            transition: background-color .2s ease-in
        }
    }

    .andes-button--white:active {
        background-color: hsla(0, 0%, 100%, .04);
        border-color: none;
        color: #fff
    }

    .andes-button--white:active path[stroke] {
        stroke: #fff !important
    }

    .andes-button--white:active path[fill] {
        fill: #fff !important
    }

    .andes-button--white:not(.andes-button--loading, .loading):disabled,
    .andes-button--white:not(.andes-button--loading, .loading)[aria-disabled=true],
    .andes-button--white:not(.andes-button--loading, .loading)[disabled] {
        background-clip: padding-box;
        background-color: hsla(0, 0%, 100%, 0);
        border-color: hsla(0, 0%, 100%, 0);
        color: rgba(0, 0, 0, .25);
        cursor: default
    }

    .andes-button--white:not(.andes-button--loading, .loading):disabled path[stroke],
    .andes-button--white:not(.andes-button--loading, .loading)[aria-disabled=true] path[stroke],
    .andes-button--white:not(.andes-button--loading, .loading)[disabled] path[stroke] {
        stroke: rgba(0, 0, 0, .25) !important
    }

    .andes-button--white:not(.andes-button--loading, .loading):disabled path[fill],
    .andes-button--white:not(.andes-button--loading, .loading)[aria-disabled=true] path[fill],
    .andes-button--white:not(.andes-button--loading, .loading)[disabled] path[fill] {
        fill: rgba(0, 0, 0, .25) !important
    }

    .andes-button--white:focus {
        box-shadow: 0 0 0 .1875em none;
        outline: 0
    }

    @media(prefers-reduced-motion:no-preference) {
        .andes-button--white:focus {
            transition: box-shadow .25s ease-in
        }
    }

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

    .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;
        white-space: ;
        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;
        white-space: ;
        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;
        white-space: ;
        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-modal--large.andes-modal--fixed-actions .andes-modal__content {
        padding-bottom: 2.25em
    }

    .andes-modal--large .andes-modal__actions {
        padding: .25em 3em 3em
    }

    .andes-modal--large .andes-modal__actions--fixed {
        padding: 1em 3em
    }

    .andes-modal--large.andes-modal--asset .andes-modal__header {
        padding-bottom: 1.25em
    }

    .andes-modal--large .andes-modal__header {
        padding: 3em 3em 1.75em
    }

    .andes-modal--large .andes-modal__header.andes-modal__header--secondary .andes-modal__close-button,
    .andes-modal--large .andes-modal__header.andes-modal__header--sticky .andes-modal__close-button {
        margin-top: 0
    }

    .andes-modal--large .andes-modal__close-button {
        margin-top: 4px
    }

    .andes-modal--large .andes-modal__title {
        font-size: 28px
    }

    .andes-modal--large .andes-modal__content {
        padding: 0 3em 3em
    }

    .ui-recommendations-side-button {
        white-space:
    }

    .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-snapped,
    .ui-recommendations-carousel-wrapper-ref {
        width: 100%
    }

    .ui-recommendations-carousel-snapped__header {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-bottom: 24px
    }

    .ui-recommendations-carousel-snapped__header-titles {
        align-items: baseline;
        display: flex;
        flex-wrap: wrap
    }

    .ui-recommendations-carousel-snapped .andes-carousel-snapped--scroll-hidden {
        overflow-y: hidden;
        padding-bottom: 15px
    }

    .ui-recommendations-carousel-snapped .andes-carousel-snapped__control {
        top: calc(50% - 5px)
    }

    .ui-recommendations-carousel-snapped .andes-carousel-snapped__slide {
        height: auto;
        justify-content: center
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-footer__link {
        display: inline-block;
        padding: 5px 2px 5px 5px;
        position: relative;
        z-index: 1
    }

    .ui-recommendations-carousel-snapped--fixed-height .andes-carousel-snapped__container,
    .ui-recommendations-carousel-snapped--fixed-height .ui-recommendations-card.ui-recommendations-card--horizontal {
        height: auto
    }

    .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 {
        box-shadow: none;
        box-sizing: border-box;
        margin: 0;
        padding: 0
    }

    .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: flex;
        flex-direction: column;
        margin: 12px 0 4px;
        position: relative;
        width: -moz-fit-content;
        width: fit-content
    }

    .ui-recommendations-combos .ui-recommendations-label__title {
        font-size: 16px;
        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: 16px;
        line-height: 18px;
        margin: 2px 0 0
    }

    .ui-recommendations-combos .ui-recommendations-label__discount {
        color: #00a650;
        font-size: 12px;
        font-weight: 400;
        white-space:
    }

    .ui-recommendations-combos .ui-recommendations-label__shipping .ui-recommendations-icon__shipping-fullfilment {
        height: 15px;
        margin-top: 4px;
        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:
    }

    .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);
        font-size: 12px
    }

    .ui-recommendations-combos .ui-recommendations-price__installments {
        margin: 5px 0 4px
    }

    .ui-recommendations-combos .ui-recommendations-price__negotiable {
        line-height: 25px;
        margin-top: 12px
    }

    .ui-recommendations-combos .ui-recommendations-gallery {
        justify-content: flex-start
    }

    .ui-recommendations-combos-wrapper-ref {
        background-color: #fff;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 40px;
        padding: 0;
        width: 100%
    }

    .ui-recommendations-combos .ui-recommendations__title {
        padding-bottom: 12px
    }

    .ui-recommendations-combos .ui-recommendations-footer {
        display: flex;
        flex-direction: row;
        padding-top: 23.5px
    }

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

    .ui-recommendations-combos .ui-recommendations-footer-label {
        color: rgba(0, 0, 0, .9);
        font-size: 16px;
        font-weight: 400;
        line-height: 18px
    }

    .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:after {
        border-right: 1px solid rgba(0, 0, 0, .1);
        content: "";
        height: 100%;
        margin: 0 24px
    }

    .ui-recommendations-combos .ui-recommendations-footer__actions {
        display: flex;
        justify-content: flex-start
    }

    .ui-recommendations-combos .ui-recommendations-footer__actions .andes-button {
        margin: 0 4.5px;
        padding: 9px 12px 7px
    }

    .ui-recommendations-combos .ui-recommendations-footer__actions .andes-button__content {
        font-size: 14px;
        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__title {
        color: rgba(0, 0, 0, .9);
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 26px
    }

    .ui-recommendations-comparator__reviews {
        display: inline-block
    }

    .ui-recommendations-comparator__reviews__amount,
    .ui-recommendations-comparator__reviews__rating {
        color: rgba(0, 0, 0, .55);
        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: 14px;
        margin-left: 5px
    }

    .ui-recommendations-comparator__reviews__rating {
        font-size: 14px;
        margin: 2px 8px 0 0
    }

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

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

    .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 {
        table-layout: fixed
    }

    .ui-recommendations-comparator__table .andes-table__body .andes-table__column:first-of-type,
    .ui-recommendations-comparator__table .andes-table__head .andes-table__header:first-of-type {
        width: 180px
    }

    .ui-recommendations-comparator__table__header__image {
        max-height: 198px;
        max-width: 198px
    }

    .ui-recommendations-comparator__table__header__title {
        font-size: 16px;
        line-height: 1.2
    }

    .ui-recommendations-comparator__table__header__link__text {
        font-size: 14px
    }

    .ui-recommendations-comparator__table__body__column {
        max-width: 100%
    }

    .ui-recommendations-comparator .andes-tabs__wrapper .andes-tab {
        width: auto
    }

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

    .ui-recommendations-title .ui-recommendations-icon-cpg_icon {
        height: 14px;
        width: 155px
    }

    .ui-recommendations-title .ui-recommendations-icon-full_icon {
        height: 20px;
        width: 62px
    }

    .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__container--pads {
        display: block
    }

    .ui-recommendations-list__container--pads .ui-recommendations-list__header {
        align-items: baseline;
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 24px
    }

    .ui-recommendations-list__container--pads .ui-recommendations-list__header-titles {
        align-items: baseline;
        display: flex;
        flex-wrap: wrap
    }

    .ui-recommendations-list__container--pads .ui-recommendations-title-link {
        color: rgba(0, 0, 0, .9);
        font-size: 18px;
        font-weight: 400;
        line-height: 1.25;
        text-decoration: none
    }

    .ui-recommendations-list__container--pads .ui-recommendations-title:visited {
        color: rgba(0, 0, 0, .9)
    }

    .ui-recommendations-list__container--pads .ui-recommendations-subtitle-link {
        font-size: 14px
    }

    .ui-recommendations-list__container--horizontal {
        display: block;
        width: 100%
    }

    .ui-recommendations-list__container--horizontal .ui-recommendations-list__header {
        align-items: baseline;
        display: flex;
        margin-bottom: 16px
    }

    .ui-recommendations-list__container--horizontal .ui-recommendations-title {
        padding-left: var(--list-padding, 0)
    }

    .ui-recommendations-list__container--horizontal .ui-recommendations-title-link {
        color: rgba(0, 0, 0, .8);
        font-size: 24px;
        font-weight: 400;
        line-height: 1.25;
        text-decoration: none
    }

    .ui-recommendations-list__container--horizontal .ui-recommendations-title:visited {
        color: rgba(0, 0, 0, .8)
    }

    .ui-recommendations-list__container--horizontal .ui-recommendations-subtitle,
    .ui-recommendations-list__container--horizontal .ui-recommendations-title-tag {
        padding-left: var(--list-padding, 0)
    }

    .ui-recommendations-list__container--horizontal .ui-recommendations-subtitle-link {
        font-size: 16px
    }

    .ui-recommendations-list__items-wrapper--horizontal {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        padding: 0 var(--list-padding, 0) 12px
    }

    @media(min-width: 1248px) {
        .ui-recommendations-list__items-wrapper--horizontal {
            overflow-x: visible
        }
    }

    .ui-recommendations-list__items-wrapper--horizontal::-webkit-scrollbar {
        display: none
    }

    .ui-recommendations-carousel-container-img {
        display: none;
        height: 0;
        width: 0
    }

    .mshops-pads-variation-original__container,
    .mshops-pads-variation-original__header {
        border-radius: 8px 8px 0 0;
        display: flex;
        flex-direction: column
    }

    .mshops-pads-variation-original__header {
        align-items: center;
        background-color: #f5f5f5;
        justify-content: center;
        padding-bottom: 24px;
        padding-top: 16px
    }

    .mshops-pads-variation-original__header-text {
        color: #000;
        font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        text-align: center
    }

    .mshops-pads-variation-original__header-text--search {
        margin: 16px 8px
    }

    .mshops-pads-variation-original__header-text--pdp,
    .mshops-pads-variation-original__header-text--vip {
        margin: 14px 12px 8px
    }

    .mshops-pads-variation-original__items-container {
        background-color: #f5f5f5;
        border-radius: 0 0 8px 8px
    }

    .mshops-pads-variation-original__client-pdp,
    .mshops-pads-variation-original__client-vip {
        max-width: 350px;
        width: 100%
    }

    .mshops-pads-variation-original__client-search {
        max-width: 278px
    }

    .mshops-pads-variation-original__items--pdp,
    .mshops-pads-variation-original__items--vip {
        margin: -24px 12px 12px;
        grid-gap: 8px
    }

    .mshops-pads-variation-original__items--search {
        margin: -24px 8px 8px;
        grid-gap: 4px
    }

    .mshops-pads-variation-original__items-grid-4 {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)
    }

    .mshops-pads-variation-original__items-grid-2 {
        display: grid;
        grid-gap: 16px
    }

    .mshops-pads-variation-original__cta {
        display: flex;
        font-size: 12px;
        justify-content: center;
        margin: 12px
    }

    .mshops-pads-variation-original__cta a {
        color: #3483fa !important;
        font-weight: 500
    }

    .mshops-pads-variation-original__cta a:first-child {
        border-right: 1px solid rgba(0, 0, 0, .1);
        margin-right: 8px;
        padding-right: 8px
    }

    .mshops-pads-variation-original__no-border {
        border-right: 0 !important
    }

    .mshops-pads-variation-original__hide-ads-link,
    .mshops-pads-variation-original__hide-shops-link {
        display: none
    }

    .mshops-card-variation-original__container {
        display: flex;
        flex-direction: column;
        height: 282px
    }

    .mshops-card-variation-original__header {
        background-color: #e82e8a;
        border-radius: 8px 8px 0 0;
        position: relative
    }

    .mshops-card-variation-original__header-container {
        align-items: center;
        display: flex;
        height: 38px;
        justify-content: center;
        padding: 8px 12px;
        text-decoration: none
    }

    .mshops-card-variation-original__header-name {
        color: #fff;
        font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
        font-weight: 700;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: ;
        width: 100%
    }

    @supports(-webkit-line-clamp:2) {
        .mshops-card-variation-original__header-name {
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal
        }
    }

    .mshops-card-variation-original__header-name--4 {
        font-size: 10px;
        line-height: 11px
    }

    .mshops-card-variation-original__header-name--2 {
        font-size: 12px
    }

    .mshops-card-variation-original__content {
        background-color: #ededed;
        border-radius: 0 0 8px 8px;
        height: 100%;
        max-height: 250px;
        position: relative
    }

    .mshops-card-variation-original__item-box {
        align-items: center;
        background: #fff;
        border: 1px solid #fff;
        border-radius: 0 0 8px 8px;
        display: flex;
        flex-direction: column;
        float: right;
        height: 100%;
        justify-content: flex-end;
        max-height: 282px;
        position: absolute;
        right: 0;
        text-decoration: none;
        width: 100%
    }

    .mshops-card-variation-original__image-container {
        max-height: 115px;
        max-width: 115px;
        overflow: hidden;
        padding: 0 8px;
        text-align: center
    }

    .mshops-card-variation-original__item-image {
        display: block;
        height: 100%;
        margin-bottom: 4px;
        width: 100%
    }

    .mshops-card-variation-original__info-container {
        border-top: 1px solid #f5f5f5
    }

    .mshops-card-variation-original__info-container--4 {
        padding: 12px;
        width: 100%
    }

    .mshops-card-variation-original__info-container--2 {
        padding: 16px;
        width: 100%
    }

    .mshops-card-variation-original__item-name {
        color: rgba(0, 0, 0, .9);
        display: -webkit-box;
        margin-bottom: 12px;
        text-align: left;
        width: 100%;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .mshops-card-variation-original__item-name--4 {
        font-size: 12px;
        line-height: 15px
    }

    .mshops-card-variation-original__item-name--2 {
        font-size: 14px;
        line-height: 15px
    }

    .mshops-card-variation-original__discount {
        display: flex;
        margin-bottom: 4px;
        text-align: left
    }

    .mshops-card-variation-original__discount--4 {
        font-size: 10px
    }

    @media(max-width: 766px) {
        .mshops-card-variation-original__discount--4 {
            font-size: 8px
        }
    }

    .mshops-card-variation-original__discount--2 {
        font-size: 14px
    }

    .mshops-card-variation-original__discount-price {
        color: #8c8c8c;
        margin-right: 4px;
        text-decoration-line: line-through
    }

    .mshops-card-variation-original__discount-text {
        align-self: center;
        color: #00a650;
        font-size: 10px
    }

    @media(max-width: 766px) {
        .mshops-card-variation-original__discount-text {
            font-size: 8px
        }
    }

    .mshops-card-variation-original__item-price {
        color: rgba(0, 0, 0, .7);
        display: -webkit-box;
        font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
        margin: 0 auto 12px;
        text-align: left;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }

    .mshops-card-variation-original__item-price .andes-money-amount {
        font-weight: 600
    }

    .mshops-card-variation-original__item-price--4 {
        font-size: 14px
    }

    .mshops-card-variation-original__item-price--2 {
        font-size: 16px
    }

    .mshops-card-variation-original__link-title,
    .mshops-card-variation-original__link-title:active,
    .mshops-card-variation-original__link-title:focus,
    .mshops-card-variation-original__link-title:hover {
        color: rgba(0, 0, 0, .9);
        text-decoration: none
    }

    .mshops-card-variation-original__link-title:before {
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1
    }

    .mshops-card-variation-original__installments {
        display: flex;
        margin: 0 auto 12px
    }

    .mshops-card-variation-original__installments-before-text {
        color: rgba(0, 0, 0, .9);
        font-weight: 400
    }

    .mshops-card-variation-original__installments-text-free {
        color: #00a650;
        column-gap: 2px;
        display: flex;
        flex-wrap: wrap;
        font-size: 10px
    }

    .mshops-card-variation-original__installments-text {
        color: rgba(0, 0, 0, .9);
        font-size: 10px
    }

    .mshops-card-variation-original__shipping {
        display: flex
    }

    .mshops-card-variation-original__shipping-text {
        color: #00a650;
        font-size: 10px;
        margin: 0 12px 0 0
    }

    .mshops-card-variation-original__shipping-fullfilment {
        align-self: center;
        display: inline;
        fill: #00a650 !important;
        height: 10px;
        left: unset;
        position: inherit !important;
        top: unset;
        width: 31px !important
    }

    .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;
        white-space:
    }

    .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 {
        font-size: 12px;
        height: 24px;
        padding: 3px 4px
    }

    .ui-recommendations-card {
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1)
    }

    .ui-recommendations-card:hover:not(.ui-recommendations-disabled-hover) {
        box-shadow: 0 7px 11px 0 rgba(0, 0, 0, .1), 0 2px 4px 0 rgba(0, 0, 0, .1);
        text-decoration: none
    }

    .ui-recommendations-card:hover:not(.ui-recommendations-disabled-hover) .ui-recommendations-card__action,
    .ui-recommendations-card:hover:not(.ui-recommendations-disabled-hover) .ui-recommendations-card__brand {
        opacity: 1;
        position: relative;
        transition: opacity .1s .1s
    }

    .ui-recommendations-card:hover:not(.ui-recommendations-disabled-hover) .ui-recommendations-card__bookmark-button {
        opacity: 1;
        position: absolute;
        transition: opacity .1s .1s
    }

    .ui-recommendations-card:focus-within {
        box-shadow: 0 7px 11px 0 rgba(0, 0, 0, .1), 0 2px 4px 0 rgba(0, 0, 0, .1)
    }

    .ui-recommendations-card:focus-within .ui-recommendations-card__action,
    .ui-recommendations-card:focus-within .ui-recommendations-card__brand {
        opacity: 1;
        position: relative;
        transition: opacity .1s .1s
    }

    .ui-recommendations-card:focus-within .ui-recommendations-card__bookmark-button {
        opacity: 1;
        position: absolute;
        transition: opacity .1s .1s
    }

    .ui-recommendations-card__brand:hover {
        color: #666
    }

    .ui-recommendations-card__bookmark-button-icon-empty:hover {
        fill: #1259c3
    }

    .ui-recommendations-card__bookmark-button-icon-empty--active:hover {
        fill: #3483fa
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal {
        border: 1px solid #f5f5f5;
        border-radius: 6px;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
        min-width: 270px;
        padding: 12px 8px;
        width: 90vw
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal:not(:last-child) {
        margin-bottom: 0;
        margin-right: 12px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__bookmark-button {
        height: 24px;
        right: 8px;
        top: 8px;
        width: 24px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__bookmark-button-icon {
        width: 15px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__highlight-deal:not(:last-child),
    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__top-brand:not(:last-child) {
        margin-bottom: 8px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__top-brand:not(:last-child) .ui-recommendations-card__pill {
        padding: 0
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__image-container {
        height: 100%
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__image {
        height: 80px;
        object-fit: cover;
        width: 80px
    }

    @media(min-width: 1248px) {
        .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__image {
            height: 100px;
            width: 100px
        }
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__content-and-hidden--with-bookmark .ui-recommendations-card__title {
        margin-right: 18px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__content {
        padding: 0 0 0 8px;
        width: 100%
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__benefits-block:not(:last-child),
    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__price-block:not(:last-child),
    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__price-top:not(:last-child) {
        margin-bottom: 6px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__melicoin-text,
    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__rebates {
        font-size: 12px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__shipping:not(:last-child) {
        margin-bottom: 6px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__shipping-text {
        font-size: 14px;
        font-weight: 600
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__installments-alternative-text,
    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__installments-original-price,
    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__installments-price,
    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__installments-price--free {
        font-size: 14px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__title {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.14
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__title:not(:last-child) {
        margin-bottom: 4px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__vertical-highlight:not(:last-child) {
        margin-bottom: 6px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__hidden {
        padding: 0 0 0 8px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__action {
        padding: 12px 0
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__action-label {
        text-align: initial
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__link {
        color: rgba(0, 0, 0, .8)
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__link--button {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.14
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--horizontal .ui-recommendations-card__last-buy:not(:last-child) {
        margin-bottom: 6px
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal:not(:last-child) {
        margin-bottom: 24px
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal:not(.ui-recommendations-disabled-hover) {
        box-shadow: none
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__bookmark-button {
        height: 24px;
        right: 0;
        top: 0;
        width: 24px
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__bookmark-button-icon {
        width: 15px
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__highlight-deal:not(:last-child),
    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__top-brand:not(:last-child) {
        margin-bottom: 8px
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__top-brand:not(:last-child) .ui-recommendations-card__pill {
        padding: 0
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__image-container {
        height: 100%
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__image {
        height: 84px;
        object-fit: cover;
        width: 84px
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__content-and-hidden--with-bookmark .ui-recommendations-card__title {
        margin-right: 32px
    }

    .ui-recommendations-list__items-wrapper--pads .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--pads .ui-recommendations-card--horizontal .ui-recommendations-card__price-block:not(:last-child) {
        margin-bottom: 6px
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__price-top:not(:last-child) {
        margin-bottom: 2px
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__installments-alternative-text,
    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__installments-original-price,
    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__installments-price,
    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__installments-price--free {
        font-size: 14px
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__benefits-block:not(:last-child) {
        margin-bottom: 6px
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__melicoin-text,
    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__rebates {
        font-size: 12px
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__shipping:not(:last-child) {
        margin-bottom: 6px
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__shipping-text {
        font-size: 14px;
        font-weight: 600
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__title {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.14
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__title:not(:last-child) {
        margin-bottom: 4px
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__link {
        color: rgba(0, 0, 0, .8)
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__link--button {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.14
    }

    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__last-buy:not(:last-child),
    .ui-recommendations-list__items-wrapper--pads .ui-recommendations-card--horizontal .ui-recommendations-card__vertical-highlight:not(:last-child) {
        margin-bottom: 6px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical {
        border: 1px solid #f5f5f5;
        border-radius: 4px;
        width: 222px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__highlight-deal:not(:last-child),
    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__top-brand:not(:last-child) {
        margin-bottom: 8px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__top-brand:not(:last-child) .ui-recommendations-card__pill {
        padding: 0
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__image-container {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__image {
        height: 220px;
        object-fit: cover;
        width: 220px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__content {
        border-top: 1px solid rgba(51, 51, 51, .1);
        padding: 16px 16px 0
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__price-block:not(:last-child) {
        margin-bottom: 8px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__price-top:not(:last-child) {
        margin-bottom: 4px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__installments-alternative-text,
    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__installments-original-price,
    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__installments-price,
    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__installments-price--free {
        font-size: 14px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__benefits-block:not(:last-child) {
        margin-bottom: 8px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__melicoin-text,
    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__rebates {
        font-size: 12px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__shipping:not(:last-child) {
        margin-bottom: 8px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__shipping-text {
        font-size: 14px;
        font-weight: 600
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__title {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.3
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__title:not(:last-child) {
        margin-bottom: 8px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__link {
        color: rgba(0, 0, 0, .8)
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__link--button {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.3
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__last-buy:not(:last-child),
    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__value-proposition:not(:last-child),
    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__vertical-highlight:not(:last-child) {
        margin-bottom: 8px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__hidden {
        padding: 0 16px 16px
    }

    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__action,
    .ui-recommendations-carousel-snapped .ui-recommendations-card--vertical .ui-recommendations-card__brand {
        margin-top: 8px
    }

    .seo-ui-extended-menu {
        font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif
    }

    .seo-ui-extended-menu__header {
        margin-bottom: 16px;
        width: 100%
    }

    .seo-ui-extended-menu__header__title {
        color: rgba(0, 0, 0, .55);
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        margin: 0
    }

    .seo-ui-extended-menu__body {
        column-gap: 16px;
        display: flex;
        flex-wrap: wrap;
        row-gap: 24px
    }

    .seo-ui-extended-menu__group {
        display: inline-block;
        font-family: Proxima Nova, -apple-system, Roboto, Arial, sans-serif;
        width: 212px
    }

    .seo-ui-extended-menu__group__title {
        margin: 0
    }

    .seo-ui-extended-menu__group__title__link {
        color: rgba(0, 0, 0, .9);
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:
    }

    .seo-ui-extended-menu__group__title__link:hover {
        color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
    }

    .seo-ui-extended-menu__list {
        color: rgba(0, 0, 0, .55);
        font-size: 14px;
        font-weight: 400;
        list-style-type: none;
        margin: 8px 0 0;
        padding-left: 0
    }

    .seo-ui-extended-menu__link--hidden {
        display: none
    }

    .seo-ui-extended-menu__link:not(:last-child) {
        margin-bottom: 8px
    }

    .seo-ui-extended-menu__anchor {
        color: rgba(0, 0, 0, .55);
        display: -webkit-box;
        font-size: 14px;
        font-weight: 400;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .seo-ui-extended-menu__anchor:hover {
        color: var(--andes-color-blue-500, var(--andes-color-blue-500, #3483fa))
    }

    .seo-ui-extended-menu__see-more {
        background-color: transparent;
        border: 0;
        box-shadow: none;
        color: var(--andes-color-blue-500, #3483fa);
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        height: 20px;
        outline: none;
        padding: 0 24px 0 0;
        position: relative
    }

    .seo-ui-extended-menu__see-more:hover {
        color: var(--andes-color-blue-600, #2968c8)
    }

    .seo-ui-extended-menu__see-more svg {
        margin: 2px 0;
        position: absolute;
        right: 4px;
        top: 0
    }

    .seo-ui-extended-menu__see-more svg path {
        fill: 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: ;
        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:
    }

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

    .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%;
        width: 107.5px;

    }

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

    .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__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);
        font-size: 14px;
        font-weight: 400
    }

    .ui-review-capability__summary__description__icon {
        margin-right: 7px
    }

    .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__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;
        font-weight: 400;
        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 {
        display: flex;
        gap: 32px;
        width: 100%
    }

    .ui-review-capability>div:first-child {
        width: 271px
    }

    .ui-review-capability>div:last-child {
        max-width: 420px;
        width: 100%
    }

    .ui-review-capability__rating__rating {
        display: flex;
        margin-bottom: 3px
    }

    .ui-review-capability__close-wrapper {
        height: 32px;
        position: relative;
        top: 0;
        width: auto
    }

    .ui-review-capability__close-wrapper.andes-button {
        padding: 0 12px
    }

    .ui-review-capability__close-wrapper .ui-review-view-icon-close {
        stroke-width: 2px;
        filter: invert(39%) sepia(87%) saturate(1043%) hue-rotate(196deg) brightness(98%) contrast(100%);
        transform: scale(1.2)
    }

    .ui-review-capability__close-wrapper:hover {
        background-color: transparent;
        color: #2968c8
    }

    .ui-review-capability__embedded {
        margin-left: 15px
    }

    .ui-review-capability__container {
        align-items: center;
        column-gap: 8px;
        display: flex
    }

    .ui-review-capability__container .andes-tooltip__trigger {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .ui-review-capability__container .andes-tooltip__trigger svg {
        height: 24px;
        width: 24px
    }

    .ui-review-capability__container .andes-tooltip__trigger path {
        fill: #3483fa;
        stroke: none !important
    }

    .ui-review-capability__header--vpp {
        margin-bottom: 10px
    }

    .ui-review-capability__header,
    .ui-review-capability__header--vpp {
        align-items: center;
        display: flex;
        font-size: 18px;
        font-weight: 600;
        height: 58px;
        justify-content: space-between;
        width: 100%
    }

    .ui-review-capability__header {
        background-color: #fff;
        box-shadow: 0 1px 0 0 rgba(0, 4, 17, .07), 0 0 24px 0 rgba(0, 4, 17, .15);
        margin-bottom: 24px;
        position: sticky;
        top: 0;
        z-index: 30
    }

    .ui-review-capability__header__title {
        font-size: 18px;
        font-weight: 600
    }

    .ui-review-capability-icon path {
        stroke: var(--andes-color-blue-500, #3483fa)
    }

    .ui-review-capability__reviews-carousel .andes-carousel-snapped__container--content .andes-carousel-snapped__control--size-small {
        height: 40px;
        width: 40px
    }

    .ui-review-capability__reviews-carousel .andes-carousel-snapped__container--content .andes-carousel-snapped__control--size-small span {
        height: 16px
    }

    .ui-review-capability__reviews-carousel__title {
        font-size: 18px;
        margin-bottom: 16px
    }

    .ui-review-capability__container-vpp .ui-review-capability__header__title {
        font-size: 24px;
        font-weight: 400
    }

    .ui-review-capability__container-vpp .ui-review-capability>div:first-child {
        flex-shrink: 0
    }

    .ui-review-capability__container-vpp .ui-review-capability>div:last-child {
        max-width: 466px;
        width: 100%
    }

    .andes-visually-hidden {
        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: ;
        width: 1px
    }

    .total-opinion {
        color: rgba(0, 0, 0, .55);
        display: block;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        margin-bottom: 16px
    }

    .ui-review-capability__container-vpp:before {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        content: "";
        display: block;
        height: 1px;
        margin: 40px 0
    }

    .ui-cpg {
        padding-bottom: 136px
    }

    @media screen and (min-width: 768px)and (max-width:1024px) {
        .ui-cpg {
            padding-bottom: 114px
        }
    }

    .ui-cpg--reset {
        background: #fff;
        display: flex;
        justify-content: center;
        left: 0;
        position: absolute;
        width: 100%
    }

    .ui-cpg__container {
        display: flex;
        flex-direction: row;
        height: 136px;
        width: 1184px
    }

    @media screen and (min-width: 768px)and (max-width:1024px) {
        .ui-cpg__container {
            height: 114px;
            padding-left: 10px;
            padding-right: 11px
        }
    }

    .ui-cpg__default-section {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        font-size: 24px;
        font-weight: 600;
        justify-content: center
    }

    .ui-cpg__default-section-shipping {
        align-items: center;
        background: #f5f5f5;
        border-radius: 14px;
        display: flex;
        justify-content: center;
        margin-top: 8px;
        padding: 4px 12px
    }

    .ui-cpg__default-section-shipping-icon {
        height: 18px
    }

    .ui-cpg__default-section-shipping-text {
        font-size: 13px;
        font-weight: 400;
        margin-left: 8px
    }

    .ui-cpg__default-section-free-shipping-icon {
        fill: #00a650;
        vertical-align: middle
    }

    .ui-cpg__default-section-free-shipping-supermarket {
        fill: #c70f5a;
        height: auto;
        width: 100px
    }

    .ui-cpg__default-section-supermarket-icon {
        fill: #c70f5a;
        height: 15px;
        width: 164px
    }

    .ui-cpg__default-section-text {
        color: rgba(0, 0, 0, .8);
        font-size: 12px;
        font-weight: 400;
        margin-top: 8px;
        width: 165px
    }

    .ui-cpg__department {
        display: flex;
        flex: 1;
        position: relative
    }

    .ui-cpg__department-link {
        display: grid;
        justify-content: center;
        width: 100%
    }

    .ui-cpg__department-link--large-carousel {
        grid-template-rows: 2fr 1fr
    }

    .ui-cpg__department-link-image {
        height: 90px;
        place-self: end center;
        width: 100px
    }

    .ui-cpg__department-link-image--large-carousel {
        height: 70px;
        width: 80px
    }

    @media screen and (min-width: 768px)and (max-width:1024px) {

        .ui-cpg__department-link-image,
        .ui-cpg__department-link-image--large-carousel {
            height: 60px;
            width: 60px
        }
    }

    .ui-cpg__department-link-name {
        color: #666;
        font-size: 13px;
        font-weight: 400;
        text-align: center
    }

    .ui-cpg__department-link-name--white {
        color: #fff
    }

    .ui-cpg__department-link-name--large-carousel {
        font-size: 12px
    }

    .ui-cpg__department-link:hover .ui-cpg__department-link-name {
        color: #fff
    }

    .ui-cpg__department:hover .ui-cpg__department-menu {
        height: auto;
        margin-top: 0;
        opacity: 1;
        transition: opacity .3s ease-in, margin .22s
    }

    .ui-cpg__department-menu {
        align-items: flex-start;
        background: #fff;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        box-shadow: -2px 7px 12px 2px rgba(0, 0, 0, .09), 0 0 5px 0 rgba(0, 0, 0, .08);
        display: flex;
        flex-direction: column;
        height: 0;
        left: 0;
        margin-top: -6px;
        opacity: 0;
        overflow: hidden;
        padding: 0 28px;
        position: absolute;
        top: 100%;
        transition: opacity .3s ease-in, margin .22s;
        width: 300px;
        z-index: 1300
    }

    .ui-cpg__department-menu[aria-hidden=true] {
        display: none
    }

    .ui-cpg__department-menu[aria-hidden=false] {
        height: auto;
        margin-top: 0;
        opacity: 1;
        transition: opacity .3s ease-in, margin .22s
    }

    .ui-cpg__department-menu-title {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 20px;
        margin-top: 28px
    }

    .ui-cpg__department-menu-list-item {
        margin-bottom: 8px
    }

    .ui-cpg__department-menu-list-item-link {
        color: #333;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px
    }

    .ui-cpg__department-menu-list-item:hover {
        color: #3483fa
    }

    .ui-cpg__department-menu-list-item:last-child {
        margin-bottom: 12px
    }

    .ui-cpg__department-menu-link {
        align-items: center;
        color: #3483fa;
        display: flex;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        margin-bottom: 28px;
        padding-top: 20px;
        position: relative
    }

    .ui-cpg__department-menu-link:before {
        border: .5px solid #eaeaea;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        width: 68px
    }

    .ui-cpg__department-menu-chevron {
        height: 10px;
        margin-bottom: 2px;
        margin-left: 8px;
        margin-top: 4px;
        stroke: #3483fa;
        width: 6px
    }

    .ui-cpg__department:last-child .ui-cpg__department-menu,
    .ui-cpg__department:nth-child(8) .ui-cpg__department-menu,
    .ui-cpg__department:nth-child(9) .ui-cpg__department-menu {
        left: auto;
        right: 0
    }

    .ui-cpg .ui-cpg-color--gray {
        color: #666
    }

    .ui-cpg .ui-cpg-color--gray.ui-cpg-icon {
        fill: #666
    }

    .ui-cpg .ui-cpg-color--blue {
        color: #3483fa
    }

    .ui-cpg .ui-cpg-color--blue.ui-cpg-icon {
        fill: #3483fa
    }

    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 {
        width: 280px
    }

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

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

    .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: rgba(0, 0, 0, .04)
    }

    .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-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-floating-menu.andes-floating-menu--multiple .andes-checkbox {
        align-self: center;
        min-height: 20px;
        min-width: 20px;
        padding: 0 16px 0 0;
        pointer-events: none
    }

    .andes-floating-menu.andes-floating-menu--multiple .andes-list__item-with-secondary.andes-list__item--size-medium .andes-checkbox {
        top: -.85em
    }

    .andes-floating-menu.andes-floating-menu--multiple .andes-list__item-with-secondary.andes-list__item--size-large .andes-checkbox {
        top: -1em
    }

    .andes-floating-menu.andes-floating-menu--multiple .andes-list__item-with-image.andes-list__item--size-large .andes-checkbox,
    .andes-floating-menu.andes-floating-menu--multiple .andes-list__item-with-image.andes-list__item--size-medium .andes-checkbox {
        top: 0
    }

    .andes-floating-menu.andes-floating-menu--multiple .andes-list__item-asset,
    .andes-floating-menu.andes-floating-menu--multiple .andes-list__item-selection-control {
        display: flex
    }

    .ui-ms-profile__dynamic-menu-separator,
    .ui-ms-profile__menu-separator {
        border: 1px solid rgba(0, 0, 0, .25)
    }

    .ui-ms-profile-drop-down-menu__vertical-menu {
        background-color: #fff;
        border-top: 1px solid #e5e5e5;
        box-sizing: border-box;
        display: block;
        max-height: 72vh;
        overflow: auto;
        padding: 16px 0;
        scrollbar-color: rgba(0, 0, 0, .1) #fff;
        scrollbar-width: 8px;
        width: 278px;
        z-index: 100
    }

    .ui-ms-profile-drop-down-menu__vertical-menu a {
        color: #000;
        position: static
    }

    .ui-ms-profile-drop-down-menu__vertical-menu li:first-child,
    .ui-ms-profile-drop-down-menu__vertical-menu li:last-child {
        border-radius: 0
    }

    .ui-ms-profile-drop-down-menu__vertical-menu-blur {
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 51%);
        bottom: 0;
        box-sizing: border-box;
        height: 45px;
        position: absolute;
        width: 100%;
        z-index: 100
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__vertical-menu-item-container {
        align-items: center;
        box-sizing: border-box;
        cursor: pointer;
        display: flex;
        font-size: 14px;
        height: 40px;
        justify-content: space-between;
        width: 100%;
        z-index: 100
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__vertical-menu-item-container .ui-ms-profile-drop-down-menu__vertical-menu-item-container-wrapper {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 6px 10px 6px 16px;
        position: relative;
        width: 100%
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__vertical-menu-item-container:hover {
        background: linear-gradient(0deg, #ededed, #ededed), linear-gradient(0deg, #fff, #fff)
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__vertical-menu-item-container:after {
        display: none
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__vertical-menu-item-container .ui-ms-profile-drop-down-menu__vertical-menu-item {
        align-items: center;
        display: flex
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__vertical-menu-item-container .ui-ms-profile-drop-down-menu__vertical-menu-item-image {
        height: 28px;
        margin-right: 8px;
        mix-blend-mode: multiply;
        width: 28px
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__vertical-menu-item-container .ui-ms-profile-drop-down-menu__vertical-menu-item--chevron {
        cursor: pointer;
        height: 100%
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__vertical-menu-item-container .ui-ms-profile-drop-down-menu__vertical-menu-item--chevron path {
        fill: rgba(0, 0, 0, .55)
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__vertical-menu-item-container .ui-ms-profile-drop-down-menu__vertical-menu-item-link:before {
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__vertical-menu-item-container .ui-ms-profile-drop-down-menu__vertical-menu-item-link:after {
        display: none
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__nested-menu {
        background: #fff;
        border-left: 1px solid #ededed;
        border-top: 1px solid #e5e5e5;
        box-sizing: border-box;
        height: 100%;
        left: 100%;
        list-style: none;
        padding: 0 20px 16px 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__nested-menu .ui-ms-profile-drop-down-menu__nested-menu-wrapper {
        box-sizing: border-box;
        height: 100%;
        list-style: none;
        max-height: 72vh;
        overflow: auto;
        padding: 0 0 16px;
        position: absolute;
        width: 100%
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__nested-menu .ui-ms-profile-drop-down-menu__nested-menu-wrapper::-webkit-scrollbar {
        background-color: #fff;
        width: 8px
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__nested-menu .ui-ms-profile-drop-down-menu__nested-menu-wrapper::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, .04);
        border-radius: 4px
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__nested-menu .ui-ms-profile-drop-down-menu__nested-menu-scrollbar-width {
        width: 99%
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__nested-menu-view-all {
        background-color: #fff;
        border-left: 1px solid #ededed;
        box-sizing: border-box;
        left: 100%;
        padding: 28px 24px 0;
        position: fixed;
        width: 100%
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__nested-menu-view-all h2 {
        color: #000;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        margin-bottom: 4px;
        margin-top: 0
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__nested-menu-view-all a {
        color: var(--andes-color-blue-500, #3483fa);
        font-size: 14px;
        font-weight: 600;
        line-height: 18px
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__nested-menu-view-all-line {
        background: rgba(0, 0, 0, .1);
        height: 1px;
        margin: 16px 0 0;
        width: 100%
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__nested-menu-view-all .ui-ms-profile-drop-down-menu__nested-menu-view-all-link:after {
        display: none
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__nested-menu .ui-ms-profile-drop-down-menu__nested-menu-items-list {
        list-style: none;
        padding-left: 0;
        padding-top: 101px
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__nested-menu .ui-ms-profile-drop-down-menu__nested-menu-items-list::-webkit-scrollbar {
        background-color: #fff
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__nested-menu .ui-ms-profile-drop-down-menu__nested-menu-items-list::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, .04);
        border-radius: 4px;
        width: 0
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__nested-menu .ui-ms-profile-drop-down-menu__nested-menu-items-list a {
        position: static
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__nested-menu .ui-ms-profile-drop-down-menu__nested-menu-blur {
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 51%);
        bottom: 0;
        box-sizing: border-box;
        height: 55px;
        position: fixed;
        width: 95%
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__nested-menu .ui-ms-profile-drop-down-menu__nested-menu-item-link {
        border-radius: 0;
        box-sizing: border-box;
        color: #000;
        cursor: pointer;
        display: block;
        font-size: 14px;
        padding: 11px 24px
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__nested-menu .ui-ms-profile-drop-down-menu__nested-menu-item-link:hover {
        background: linear-gradient(0deg, #ededed, #ededed), linear-gradient(0deg, #fff, #fff)
    }

    .ui-ms-profile-drop-down-menu__vertical-menu .ui-ms-profile-drop-down-menu__nested-menu .ui-ms-profile-drop-down-menu__nested-menu-item-link:after {
        display: none
    }

    .ui-ms-profile__container {
        margin: 0 auto
    }

    .ui-ms-profile__container .ui-ms-profile__navigation-container {
        border-top: 1px solid #fff;
        max-width: 1180px;
        padding: 1px 0
    }

    .ui-ms-profile__container .ui-ms-profile__navigation-container .ui-ms-profile__share-link {
        align-items: center;
        color: var(--andes-color-blue-500, #3483fa);
        cursor: pointer;
        display: flex;
        font-size: 14px;
        font-weight: 600;
        gap: 4px;
        margin-left: 12px;
        padding: 8px
    }

    .ui-ms-profile__container .ui-ms-profile__navigation-container .ui-ms-profile__share-link:hover {
        color: var(--andes-color-blue-600, #2968c8);
        transition: color .2s ease-in-out
    }

    .ui-ms-profile__container .ui-ms-profile__navigation-container .ui-ms-profile__share-link:hover svg path {
        fill: var(--andes-color-blue-600, #2968c8);
        transition: color .2s ease-in-out
    }

    .ui-ms-profile__container .ui-ms-profile__navigation-container .ui-ms-profile__share-icon {
        align-items: center;
        cursor: pointer;
        display: flex;
        height: 40px;
        justify-content: center;
        width: 40px
    }

    .ui-ms-profile__container .ui-ms-profile__navigation-container .ui-ms-profile__share-icon--link svg {
        transform: scale(1.25)
    }

    .ui-ms-profile__container .ui-ms-profile__navigation-container .ui-ms-profile__social-media {
        box-shadow: 0 6px 16px rgba(0, 0, 0, .1)
    }

    .ui-ms-profile__container .ui-ms-profile__navigation-container .ui-ms-profile__social-media-triangle {
        background-color: #fff;
        height: 12px;
        left: 86px;
        position: absolute;
        top: -6px;
        transform: rotate(-45deg);
        width: 12px;
        z-index: 1
    }

    .ui-ms-profile__container .ui-ms-profile__navigation-container .ui-ms-profile__social-media-icons {
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(3, 1fr);
        padding: 12px 16px
    }

    .ui-ms-profile__container .ui-ms-profile__navigation-container .ui-ms-profile__social-media-container .profile-header-desktop .ui-ms-profile__container .andes-card,
    .ui-ms-profile__container .ui-ms-profile__navigation-container .ui-ms-profile__social-media-container .profile-header-desktop .ui-ms-profile__floating-menu .andes-popper .andes-card {
        border: none;
        border-radius: 6px;
        margin-top: -8px
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu {
        position: static
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu [data-tippy-root] {
        transform: translate3d(0, 65px, 0) !important;
        width: 100%
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .andes-popper {
        border-radius: 0
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .andes-list__group {
        display: inline-block;
        vertical-align: top
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .andes-list__group .andes-list__group--sublist {
        margin-bottom: 26px
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .andes-list__group .andes-list__group--sublist li:hover {
        background-color: transparent
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-group {
        margin-right: 0
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-group:nth-child(10),
    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-group:nth-child(5) {
        margin-right: 0
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .andes-list__group--header {
        color: rgba(0, 0, 0, .9);
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        height: auto;
        margin-bottom: 4px;
        min-width: 115px;
        padding: 0;
        vertical-align: bottom
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .andes-list__item-primary {
        color: rgba(0, 0, 0, .55);
        font-size: 14px;
        font-weight: 400;
        line-height: 24px
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__active-item .andes-list__item-primary {
        color: rgba(0, 0, 0, .9)
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .andes-floating-menu {
        border-radius: 0;
        box-shadow: none;
        box-sizing: border-box;
        margin: 0 auto;
        max-width: 1200px;
        padding: 32px 8px;
        position: static
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .andes-floating-menu .andes-list__item--size-medium {
        height: 24px
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .andes-list.andes-floating-menu {
        column-gap: 26px;
        display: grid;
        grid-template-columns: repeat(5, minmax(auto, 216px))
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .andes-list__item-first-column {
        padding: 0;
        width: 100%
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-item {
        padding: 0
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-item .andes-list .andes-list__item:after,
    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-item .andes-list .andes-list__item:hover:after,
    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-item .andes-list__item-anchor:after,
    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-item .andes-list__item:after {
        display: none
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-item:after {
        display: none
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-item,
    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-item:active,
    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-item:focus,
    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-item:focus-visible,
    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-item:focus:active {
        background-image: none;
        box-shadow: none;
        outline: 0
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-item *,
    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-item:active *,
    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-item:focus *,
    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-item:focus-visible *,
    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-item:focus:active * {
        background-image: none;
        box-shadow: none;
        outline: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .andes-floating-menu .andes-list__item>:focus-visible {
        background-image: none;
        box-shadow: none;
        outline: 0
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-link {
        border-radius: 0;
        border-top: 1px solid rgba(0, 0, 0, .25);
        margin-top: 4px;
        padding: 4px 0 0;
        width: 100px
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-link .andes-list__item-primary,
    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-link path,
    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-link svg {
        color: var(--andes-color-blue-500, #3483fa);
        fill: var(--andes-color-blue-500, #3483fa);
        vertical-align: -2px
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-link--hidden,
    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-link:after {
        display: none
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-link:hover {
        background-color: transparent
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu .ui-ms-profile__floating-menu-link:hover .andes-list__item-anchor:after {
        display: none
    }

    .ui-ms-profile__container .andes-list__item:hover {
        background-color: transparent
    }

    .ui-ms-profile__container .andes-list__item:hover .andes-list__item-primary {
        color: var(--andes-color-blue-500, #3483fa)
    }

    .ui-ms-profile__container .ui-ms-profile__floating-menu:hover {
        cursor: pointer
    }

    .ui-ms-profile__container .andes-list__item-anchor:focus-visible,
    .ui-ms-profile__container .andes-list__item:focus-visible {
        box-shadow: none
    }

    .ui-ms-profile__container .andes-list__group+.andes-list__group {
        border-top: none
    }

    .ui-ms-profile__container .ui-ms-profile__item {
        color: rgba(0, 0, 0, .55);
        font-size: 14px;
        font-weight: 600;
        line-height: 16px
    }

    .ui-ms-profile__container .ui-ms-profile__item svg {
        padding-left: 6px;
        vertical-align: -2px
    }

    .ui-ms-profile__container .ui-ms-profile__item path {
        fill: rgba(0, 0, 0, .55)
    }

    .ui-ms-profile__container .ui-ms-profile__item span,
    .ui-ms-profile__container a.ui-ms-profile__item {
        max-width: 181px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:
    }

    .ui-ms-profile__container .ui-ms-profile__item[aria-expanded=true] {
        color: var(--andes-color-blue-500, #3483fa);
        font-weight: 600
    }

    .ui-ms-profile__container .ui-ms-profile__item[aria-expanded=true] svg path {
        fill: var(--andes-color-blue-500, #3483fa)
    }

    .ui-ms-profile__container .ui-ms-profile__active,
    .ui-ms-profile__container .ui-ms-profile__active.ui-ms-profile__item {
        align-items: center;
        color: var(--andes-color-blue-500, #3483fa);
        display: flex;
        font-weight: 600;
        position: relative
    }

    .ui-ms-profile__container .ui-ms-profile__active.ui-ms-profile__item>a,
    .ui-ms-profile__container .ui-ms-profile__active>a {
        color: var(--andes-color-blue-500, #3483fa);
        font-weight: 600
    }

    .ui-ms-profile__container .ui-ms-profile__active.ui-ms-profile__item>svg,
    .ui-ms-profile__container .ui-ms-profile__active>svg {
        stroke: var(--andes-color-blue-500, #3483fa)
    }

    .ui-ms-profile__container .ui-ms-profile__active: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;
        top: 30px;
        width: 100%
    }

    .ui-ms-profile__container .ui-ms-profile__inactive {
        align-items: center;
        display: flex
    }

    .ui-ms-profile__container .ui-ms-profile__followers .ui-ms-profile__followers-button .andes-button__content .ui-ms-profile__coupon-icon {
        background: none;
        height: 12px;
        margin-left: 4px;
        margin-top: 2px;
        max-height: 12px;
        max-width: 16px;
        padding: 0;
        width: 16px
    }

    .ui-ms-profile__container .ui-ms-profile__followers .ui-ms-profile__followers-button .andes-button__content .ui-ms-profile__coupon-icon path:last-child {
        stroke-width: 0
    }

    .ui-ms-profile__container .ui-ms-profile__list .andes-card,
    .ui-ms-profile__list .ui-ms-profile__floating-menu .andes-popper .andes-card {
        border-top: 1px solid rgba(0, 0, 0, .1);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-top: -14px
    }

    .ui-ms-profile__container .ui-ms-profile__social-media-container .andes-card,
    .ui-ms-profile__social-media-container .ui-ms-profile__floating-menu .andes-popper .andes-card {
        margin-top: -6px
    }

    .ui-ms-profile__shop-free-shipping .ui-ms-free-shipping-bar__root--desktop {
        display: block;
        padding: 18px 20px 12px 16px
    }

    .ui-ms-profile__shop-free-shipping .ui-ms-free-shipping-bar__typography {
        letter-spacing: 0;
        text-align: initial
    }

    .ui-ms-profile__shop-free-shipping .eshops-fullsnackbar.ui-search-fullsnackbar {
        line-height: 1;
        padding: 18px 20px 12px 16px
    }

    .ui-ms-profile__actions-wrapper {
        display: flex;
        justify-content: space-between
    }

    .ui-ms-profile__actions-wrapper .andes-floating-menu svg {
        transform: scale(1.5)
    }

    .ui-ms-profile__options-menu {
        margin-left: 12px;
        position: static
    }

    .ui-ms-profile__close-floating-menu {
        flex-grow: 1;
        height: 45px
    }

    .ui-ms-profile__wrap-description .ui-ms-profile__description {
        display: -webkit-box;
        font-size: 14px;
        height: 24px;
        margin-bottom: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .ui-ms-profile__wrap-image--affiliate {
        height: 56px
    }

    .ui-search.shops__ui-main .ui-ms-profile__container .ui-ms-profile__item svg {
        height: 12px;
        width: 18px
    }

    .floating-menu-overlay--open {
        background: rgba(0, 0, 0, .55);
        bottom: -2500px;
        height: 2500px;
        left: 0;
        position: absolute;
        transition: visibility 0s, opacity 1s linear;
        visibility: visible;
        width: 100%
    }

    .floating-menu-overlay--close {
        opacity: 0;
        transition: visibility 0s, opacity 1s linear;
        visibility: hidden
    }

    .ui-ms-profile__banner--white>.ui-ms-profile__wrapper-components>.ui-ms-profile__info-wrapper>.ui-ms-profile__shop-info.ui-es-clickable {
        box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .1)
    }

    .ui-ms-profile__banner.banner--social .ui-ms-profile__info-wrapper {
        padding: 24px 0
    }

    .ui-ms-profile__banner.banner--social .ui-ms-profile__shop-info {
        align-items: stretch;
        height: auto;
        max-height: 72px
    }

    .ui-ms-profile__banner.banner--social .ui-ms-profile__wrap-description {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .ui-vip-core .ui-ms-profile__container .ui-ms-profile__item svg {
        width: 18px
    }

    .ui-search .ui-ms-profile__item svg {
        margin-left: 6px;
        padding: 0;
        vertical-align: 0
    }

    .ui-search .ui-ms-profile__social-media-container .andes-list a:hover:after,
    .ui-search .ui-ms-profile__social-media-container .andes-list li.andes-list__item:hover:after {
        display: none
    }

    .ui-ms-profile__dynamic-hover-menu {
        align-self: center
    }

    .ui-ms-profile__dynamic-hover-menu li:hover {
        cursor: pointer
    }

    .ui-ms-profile__dynamic-hover-menu .ui-ms-profile__dynamic-floating-menu {
        position: static
    }

    .ui-ms-profile__dynamic-hover-menu .ui-ms-profile__dynamic-floating-menu [data-tippy-root] {
        min-width: 254px;
        transform: translate3d(0, 50px, 0) !important
    }

    .ui-ms-profile__dynamic-hover-menu .ui-ms-profile__dynamic-floating-menu .andes-popper {
        border: none;
        border-radius: 0;
        margin-top: 0
    }

    .ui-ms-profile__dynamic-hover-menu .ui-ms-profile__dynamic-floating-menu .andes-floating-menu {
        background: #f5f5f5;
        border-radius: 0;
        box-shadow: none;
        box-sizing: border-box;
        width: 100%
    }

    .ui-ms-profile__dynamic-hover-menu .ui-ms-profile__dynamic-floating-menu .ui-ms-profile__dynamic-floating-menu-triangle {
        background-color: #fff;
        border-color: rgba(0, 0, 0, .1);
        border-style: solid;
        border-width: 0 1px 1px 0;
        content: "";
        height: 16px;
        left: 77px;
        position: absolute;
        top: -8px;
        transform: rotate(225deg);
        width: 16px
    }

    .ui-ms-profile__dynamic-hover-menu .ui-ms-profile__dynamic-floating-menu .ui-ms-profile__item svg {
        vertical-align: -2px
    }

    .ui-ms-modal-wrapper--eshop {
        max-width: 790px !important
    }

    .ui-ms-profile__logo-home {
        height: 24px
    }

    .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 .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--dropdown {
        padding: 16px 8px
    }

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

    .ui-compats-header {
        padding-top: 0
    }

    .ui-compats-header .ui-compats-label {
        font-weight: 400
    }

    .ui-compats-header .ui-compats-icon--custom {
        height: 36px;
        width: 36px
    }

    .ui-compats-header__form--row {
        flex-direction: row
    }

    .ui-compats-header__form--row .andes-message {
        padding: 24px 0 24px 24px
    }

    .ui-compats-header__form--row .andes-message__text {
        display: flex;
        flex-direction: row;
        gap: 24px;
        justify-content: space-between
    }

    .ui-compats-header__form--row .ui-compats-image img {
        max-width: 260px;
        width: inherit
    }

    .ui-compats-header__container {
        padding-top: 24px;
        width: 100%
    }

    .andes-message .ui-compats-header__w_70 {
        width: 75%
    }

    .andes-message .ui-compats-header__container_image {
        width: 40%
    }

    .ui-compats-header__w_70 {
        width: 70%
    }

    .ui-compats-header__container_image {
        align-items: end;
        display: flex;
        width: 30%
    }

    .ui-compats-header__container_image .ui-compats-image {
        padding: 0
    }

    .ui-compats-header__form--visible {
        display: flex
    }

    .ui-compats-header__label-container {
        width: calc(100% - 50px)
    }

    .ui-compats-header__label-container .ui-compats-header__column--left {
        align-self: flex-start
    }

    .ui-compats-header__label-container .ui-compats-header__column--right,
    .ui-compats-header__label-container.ui-compats-header__vertical-align--center .ui-compats-header__column--left {
        align-self: flex-end
    }

    .ui-compats-header__label-container.ui-compats-header__vertical-align--center .ui-compats-header__column--right {
        align-self: center
    }

    .ui-compats-header__vertical-align--center .ui-compats-header__column--titles {
        margin-bottom: 7px
    }

    .ui-compats-header__SUBTITLE,
    .ui-compats-header__TITLE {
        display: block;
        margin-bottom: 4px;
        width: 100%
    }

    .ui-compats-header__SUBTITLE .ui-compats-label,
    .ui-compats-header__TITLE .ui-compats-label {
        color: rgba(0, 0, 0, .9);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:
    }

    .ui-compats-header__SUBTITLE:last-child,
    .ui-compats-header__TITLE:last-child {
        margin-bottom: 0
    }

    .ui-compats-header__TITLE .ui-compats-label {
        font-size: 18px;
        line-height: 22px
    }

    .ui-compats-header__SUBTITLE .ui-compats-label,
    .ui-compats-header__action .ui-compats-label {
        font-size: 16px;
        line-height: 20px
    }

    .ui-compats-header__action .ui-compats-label {
        font-weight: 600;
        max-width: 100%
    }

    .ui-compats-header__action.ui-compats-header__vertical-align--center {
        line-height: 28px
    }

    .ui-compats-header__SUBTITLE {
        width: 100%
    }

    .ui-compats-header__SUBTITLE .ui-compats-label {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:
    }

    .ui-compats-header__action {
        position: relative;
        white-space:
    }

    .ui-compats-header__action .ui-compats-label {
        color: var(--andes-color-blue-500, #3483fa)
    }

    .ui-compats-header__action .ui-compats-icon--chevron,
    .ui-compats-header__action .ui-compats-icon--cross,
    .ui-compats-header__action .ui-compats-icon--pencil {
        position: relative;
        top: 5px
    }

    .ui-compats-header--COMPATS_CARD_COMPLETED.ui-compats-header--dark .ui-compats-header__TITLE {
        margin-bottom: 2px
    }

    .ui-compats-header--COMPATS_CARD_COMPLETED.ui-compats-header--dark .ui-compats-header__SUBTITLE:last-child {
        margin-top: 8px
    }

    .ui-compats-header__container-message .andes-message__text {
        width: 100%
    }

    .ui-compats-header__container-message .ui-compats-header__SUBTITLE .ui-compats-label,
    .ui-compats-header__container-message .ui-compats-header__TITLE .ui-compats-label {
        white-space: normal
    }

    .ui-compats-header__container-message .ui-compats-header__message-form {
        margin-left: -60px
    }

    .ui-compats-header__container-message .ui-compats-header__message-no-icon {
        margin-left: 0
    }

    .ui-compats-header__container-message .andes-message--quiet {
        background: #fff
    }

    .ui-compats-header__container-message .andes-message__close--accent:after,
    .ui-compats-header__container-message .andes-message__close--accent:before {
        background-color: rgba(0, 0, 0, .55)
    }

    .ui-compats-header__container-message .ui-compats-header__EDIT_ACTION {
        display: block;
        max-width: 215px;
        overflow: hidden;
        padding-top: 8px;
        text-overflow: ellipsis;
        white-space:
    }

    .ui-compats-header__container-message .ui-compats-header__container_image {
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px;
        margin-bottom: -24px;
        margin-top: -24px
    }

    .ui-compats-header__message-custom .andes-thumbnail--circle {
        border-radius: 4px
    }

    @media(min-width: 768px) {
        .ui-compats-header__SUBTITLE .ui-compats-label {
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            word-break: break-word;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            white-space: normal
        }

        .ui-compats-header__container-message .ui-compats-header__SUBTITLE .ui-compats-label {
            -webkit-line-clamp: 1
        }

        .ui-compats-header__container-message .ui-compats-header__SUBTITLE .ui-compats-label-FULL {
            -webkit-line-clamp: 10
        }
    }

    .ui-compats-label__actions {
        padding-top: 35px
    }

    .ui-compats__form-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        width: 100%
    }

    .ui-compats__form-container .ui-compats__inputs-container {
        align-items: center;
        display: flex;
        flex-direction: row;
        row-gap: 16px;
        gap: 12px;
        width: 100%
    }

    .ui-compats__form-container .ui-compats__inputs-container .ui-compats__actions,
    .ui-compats__form-container .ui-compats__inputs-container .ui-compats__inputs {
        align-self: end;
        display: flex;
        gap: 12px;
        justify-content: flex-end
    }

    .ui-compats__form-container .ui-compats__inputs-container .ui-compats__inputs {
        display: flex;
        flex-grow: 1;
        gap: 12px;
        justify-content: space-between
    }

    .ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form,
    .ui-compats__form-container .ui-compats__inputs-container .andes-tooltip__trigger {
        flex: 1 1 0;
        padding: 0
    }

    .ui-compats__form-container .ui-compats__inputs-container .andes-tooltip__trigger .andes-dropdown.andes-dropdown--form {
        width: 100%
    }

    .ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form:not(.andes-form-control--disabled) .andes-dropdown__trigger {
        background-color: #fff
    }

    .ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form .andes-list__item--size-medium {
        height: auto
    }

    .ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form.andes-form-control--disabled .andes-dropdown__trigger {
        background-color: rgba(0, 0, 0, .02)
    }

    .ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form .andes-form-control__label {
        top: -20px
    }

    .ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form .andes-dropdown__trigger:focus .andes-form-control__placeholder,
    .ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form.andes-dropdown--open .andes-floating-menu .andes-dropdown__trigger .andes-form-control__placeholder {
        color: rgba(0, 0, 0, .55)
    }

    .ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form .andes-dropdown__trigger {
        line-height: 16px;
        margin: 0
    }

    @media(min-width: 800px) {
        .ui-compats__form-container .ui-compats__inputs-container .andes-dropdown.andes-dropdown--form .andes-dropdown__trigger:focus {
            box-shadow: inset 0 0 0 2px #3483fa
        }
    }

    .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;
        min-width: 260px;
        overflow-y: auto;
        width: 100%
    }

    .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--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__inputs {
        justify-content: space-between
    }

    .ui-compats__form-container .ui-compats__inputs-container--with-rows .ui-compats__actions {
        justify-content: flex-end;
        margin-top: 16px
    }

    .ui-compats__form-container .ui-compats__inputs-container--with-rows .ui-compats__actions .andes-button:last-child {
        margin-left: 16px
    }

    @media(max-width: 820px) {
        .ui-compats__form-container {
            width: -webkit-fill-available
        }

        .ui-compats__form-container .ui-compats__inputs-container {
            align-items: stretch;
            flex-direction: column;
            width: 100%
        }
    }

    @media(max-width: 1024px) {
        .ui-compats__form-container .ui-compats__inputs-container {
            flex-wrap: wrap;
            justify-content: flex-end
        }
    }

    .ui-compats__inputs-container .ui-compats__inputs-qty-4 .andes-dropdown.andes-dropdown--form,
    .ui-compats__inputs-container .ui-compats__inputs-qty-4 div:has(>.andes-tooltip__trigger) {
        width: calc(25% - 9px)
    }

    .ui-compats__inputs-container .ui-compats__inputs-qty-5 .andes-dropdown.andes-dropdown--form,
    .ui-compats__inputs-container .ui-compats__inputs-qty-5 div:has(>.andes-tooltip__trigger) {
        width: calc(20% - 9.6px)
    }

    .ui-compats__inputs-container .ui-compats--button-search {
        height: 48px;
        padding-left: 24px;
        padding-right: 24px;
        white-space:
    }

    .ui-compats__inputs-container .ui-compats--button-search .andes-button__content {
        font-size: 16px;
        line-height: 20px
    }

    .ui-compats-label-MODAL .andes-modal__header {
        padding: 30px 32px 16px
    }

    .ui-compats-label-MODAL .andes-modal__header .andes-modal__title {
        font-size: 24px;
        margin: 0;
        padding: 0
    }

    .ui-compats-label-MODAL .andes-modal__header .andes-modal__close-button {
        margin-top: 2px;
        position: static;
        stroke: none;
        filter: none
    }

    .ui-compats-label-MODAL .andes-modal__content {
        margin-right: 28px;
        padding: 0 32px 32px
    }

    .ui-compats-label-MODAL .andes-modal__content .ui-compats-image {
        padding-top: 24px
    }

    .ui-compats-label-MODAL .andes-modal__content .ui-compats-label-SUBTITLE {
        font-size: 16px
    }

    .ui-compats-image {
        padding-top: 12px
    }

    .ui-compats-custom-card--error {
        background-color: #fff !important;
        border: 2px solid #f23d4f !important
    }

    .ui-compats-custom-card__header--error {
        background-color: #f23d4f
    }

    .ui-compats-custom-card__content--error {
        padding: 16px
    }

    .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--success {
        background-color: #fff !important;
        border: 2px solid #00a650 !important
    }

    .ui-compats-custom-card__header--success {
        background-color: #00a650
    }

    .ui-compats-custom-card__content--success {
        padding: 16px
    }

    .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: 2px solid #f73 !important
    }

    .ui-compats-custom-card__header--warning {
        background-color: #f73
    }

    .ui-compats-custom-card__content--warning {
        padding: 16px
    }

    .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: #fff !important;
        border: 2px solid #fff !important
    }

    .ui-compats-custom-card__header--neutral {
        background-color: #fff
    }

    .ui-compats-custom-card__content--neutral {
        padding: 24px
    }

    .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 #ededed;
        height: 64px;
        width: 64px
    }

    .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;
        position: relative
    }

    .ui-compats-custom-card__content--close {
        background-color: transparent;
        border: none;
        cursor: pointer;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .ui-compats-custom-card__content-details {
        align-items: center;
        display: flex
    }

    .ui-compats-custom-card__content-details-icon {
        align-items: center;
        border: 1px solid #ededed;
        border-radius: 4px;
        display: flex;
        justify-content: center
    }

    .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;
        white-space: ;
        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%
    }

    .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-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-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: 0 1 0%;
        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-specs__subtitle {
        font-size: 20px;
        margin-top: 32px;
        padding-bottom: 24px
    }

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

    .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);
        font-weight: 400;
        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 {
        width: 100%
    }

    .ui-pdp-qadb__search-bar,
    .ui-pdp-qadb__search-bar__input-container {
        display: block;
        position: relative
    }

    .ui-pdp-qadb__search-bar__input {
        padding: 0
    }

    .ui-pdp-qadb__search-bar__input .andes-form-control--textfield {
        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: !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-thumbnail:focus,
    .ui-pdp-thumbnail:focus-within {
        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))
    }

    .ui-pdp-actions__container .andes-button.andes-spinner__icon-base .andes-spinner__icon {
        animation: rotate-all 1s linear infinite;
        height: 18px;
        inset: 0;
        margin: 0 auto;
        position: absolute;
        width: 18px
    }

    .ui-pdp-actions__container .andes-button {
        width: 100%
    }

    .ui-pdp-buybox__quantity__input {
        padding: 24px 12px 12px;
        position: relative
    }

    .ui-pdp-buybox__quantity__input__custom-options {
        padding: 16px 0 20px;
        width: 100%
    }

    .ui-pdp-buybox__quantity__input__custom-options .ui-pdp-buybox__quantity__button {
        font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        height: 34px;
        line-height: 1;
        margin: 0;
        text-align: center;
        width: 68px
    }

    .ui-pdp-buybox__quantity__input__custom-options .andes-button.ui-pdp-buybox__quantity__button {
        margin: 7px
    }

    .ui-pdp-buybox__quantity__input__custom-options .andes-form-control--textfield .andes-form-control__field {
        padding-left: 6px;
        padding-right: 0
    }

    .ui-pdp-buybox__quantity__input__custom-options .andes-form-control__field::placeholder {
        padding-left: 4px
    }

    .ui-pdp-buybox__quantity__input__custom-options .andes-form-control--textfield .andes-form-control__control {
        height: 46px;
        min-height: 0
    }

    .ui-pdp-buybox__quantity__input__custom-options .andes-form-control {
        width: 100%
    }

    .ui-pdp-buybox__quantity__input__custom-options .andes-button__content {
        left: 1px;
        top: 0
    }

    .ui-pdp-buybox__quantity__input__custom-options .andes-money-amount__suffix {
        color: rgba(0, 0, 0, .9);
        font-size: 12px;
        margin-left: 0
    }

    .ui-pdp-buybox__quantity__input-textfield .andes-form-control__field {
        width: 100%
    }

    .ui-pdp-buybox__quantity__input .andes-form-control {
        display: inline-block;
        padding: 0
    }

    .ui-pdp-buybox__quantity__input .andes-button {
        margin: 8px
    }

    .ui-pdp-buybox__quantity__input .andes-form-control---error-icon path {
        fill: #fff
    }

    .ui-pdp-buybox__quantity__input .andes-form-control---error-icon path:first-child {
        fill: #f23d4f
    }

    .ui-pdp-buybox__quantity__stock {
        color: rgba(0, 0, 0, .25);
        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-quantity-selector {
        border: none;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
        padding: 0;
        width: 100%
    }

    .ui-pdp-quantity-selector__list--default {
        width: 100%
    }

    .ui-pdp-quantity-selector__list--default-bulk {
        width: 245px
    }

    .ui-pdp-quantity-selector__list--pdp {
        width: 278px
    }

    .ui-pdp-quantity-selector__list--vip-core {
        width: 320px
    }

    .ui-pdp-quantity-selector__list-custom-options .andes-list--selectable li.andes-list__item {
        border-bottom: 1px solid #ededed
    }

    .ui-pdp-quantity-selector__list-custom-options .andes-list--selectable li:last-of-type {
        border-bottom: 0
    }

    .ui-pdp-quantity-selector__list-custom-options .andes-money-amount .andes-money-amount__suffix {
        color: rgba(0, 0, 0, .9);
        font-size: 12px;
        margin-left: 0
    }

    .ui-pdp-quantity-selector .andes-tooltip-data__arrow {
        display: none
    }

    .ui-pdp-quantity-selector--volume {
        transform: translateX(-3px)
    }

    .ui-pdp-quantity-selector--options-bulk {
        width: 245px
    }

    .ui-pdp-quantity-selector--options-bulk .andes-list--dropdown {
        max-height: 310px;
        overflow-y: auto
    }

    .ui-pdp-quantity-selector--options {
        width: 265px
    }

    .ui-pdp-quantity-selector--options .andes-list--dropdown {
        max-height: 310px;
        overflow-y: auto
    }

    .ui-pdp-quantity-selector__options-custom-options {
        margin-top: 4px;
        overflow: hidden;
        width: 100%
    }

    .ui-pdp-quantity-selector .andes-tooltip-arrow,
    .ui-pdp-quantity-selector .andes-tooltip-button-close {
        display: none
    }

    .ui-pdp-quantity-selector .andes-list__item {
        align-items: center;
        justify-content: center
    }

    .ui-pdp-quantity-selector .andes-list__item+.andes-list__item {
        border: none
    }

    .ui-pdp-quantity-selector .andes-list__item.andes-list__item--selected .andes-list__item-primary {
        color: var(--andes-color-blue-500, #3483fa);
        font-weight: 600
    }

    .ui-pdp-quantity-selector .andes-list__item:first-child {
        border-top-left-radius: .25em;
        border-top-right-radius: .25em
    }

    .ui-pdp-quantity-selector .andes-list__item:last-child {
        border-bottom-left-radius: .25em;
        border-bottom-right-radius: .25em;
        height: auto
    }

    .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 {
        color: rgba(0, 0, 0, .9)
    }

    .ui-pdp-buybox__quantity__custom-options {
        position: relative;
        width: 100%
    }

    .ui-pdp-buybox__quantity__custom-options div[data-tippy-root] {
        width: 100%
    }

    .ui-pdp-buybox__quantity__custom-options .ui-pdp-buybox__quantity__available {
        font-size: 16px;
        margin-left: 4px
    }

    .ui-pdp-buybox__quantity__title {
        color: rgba(0, 0, 0, .9);
        font-size: 16px;
        font-weight: 400
    }

    .ui-pdp-buybox__quantity__title--last {
        font-weight: 600
    }

    .ui-pdp-buybox__quantity__title-error {
        color: #f23d4f;
        font-size: 16px;
        font-weight: 400;
        margin-right: 4px
    }

    .ui-pdp-buybox__quantity__title-error--last {
        font-weight: 600
    }

    .ui-pdp-buybox__quantity__selected {
        color: rgba(0, 0, 0, .9);
        font-size: 16px;
        font-weight: 600;
        margin-left: 4px;
        white-space:
    }

    .ui-pdp-buybox__quantity__selected__label {
        margin-left: 4px
    }

    .ui-pdp-buybox__quantity__selected-error {
        color: #f23d4f;
        font-size: 16px;
        font-weight: 600;
        margin-left: 2px;
        white-space:
    }

    .ui-pdp-buybox__quantity__selected-error span {
        color: #f23d4f
    }

    .ui-pdp-buybox__quantity__error {
        color: #f23d4f;
        font-size: 16px;
        font-weight: 600;
        white-space:
    }

    .ui-pdp-buybox__quantity__chevron {
        margin-left: 6px;
        vertical-align: bottom
    }

    .ui-pdp-buybox__quantity .ui-pdp-icon--disabled {
        stroke: rgba(0, 0, 0, .25)
    }

    .ui-pdp-buybox__quantity .ui-pdp-icon--disabled path {
        stroke: rgba(0, 0, 0, .25) !important
    }

    .ui-pdp-buybox__quantity__available {
        color: rgba(0, 0, 0, .55);
        font-size: 12px;
        font-weight: 400;
        margin-left: 6px;
        max-width: unset;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: ;
        width: auto;
    }

    .ui-pdp-buybox__quantity__trigger-bulksale {
        cursor: pointer;
        height: 20px;
        padding: 0
    }

    .ui-pdp-buybox__quantity__trigger-bulksale :active,
    .ui-pdp-buybox__quantity__trigger-bulksale :focus,
    .ui-pdp-buybox__quantity__trigger-bulksale:hover {
        background-color: transparent
    }

    .ui-pdp-buybox__quantity__trigger-bulksale .andes-button__content {
        display: grid;
        grid-auto-flow: column;
        max-width: 275px
    }

    .ui-pdp-buybox__quantity__trigger-bulksale--options .andes-button__content {
        max-width: 320px
    }

    .ui-pdp-buybox__quantity__trigger-bulksale--options .andes-button__content .ui-pdp-buybox__quantity__selected__label {
        display: inline;
        float: none
    }

    .ui-pdp-buybox__quantity__trigger-custom-options {
        border-radius: 6px;
        padding: 14px 10px;
        width: 100%
    }

    .ui-pdp-buybox__quantity__trigger-custom-options#quantity-selector {
        border: 1px solid rgba(0, 0, 0, .25)
    }

    .ui-pdp-buybox__quantity__trigger-custom-options--active#quantity-selector {
        border: 2px solid var(--andes-color-blue-500, #3483fa)
    }

    .ui-pdp-buybox__quantity__trigger-custom-options--error#quantity-selector {
        border: 2px solid #f23d4f
    }

    .ui-pdp-buybox__quantity__trigger-custom-options .andes-button__content {
        justify-content: flex-start
    }

    .ui-pdp-buybox__quantity__trigger-custom-options .ui-pdp-buybox__quantity__chevron {
        display: flex;
        flex: 1;
        justify-content: flex-end
    }

    .ui-pdp-buybox__quantity__trigger {
        cursor: pointer;
        padding: 0
    }

    .ui-pdp-buybox__quantity__trigger :active,
    .ui-pdp-buybox__quantity__trigger :focus,
    .ui-pdp-buybox__quantity__trigger:hover {
        background-color: transparent
    }

    .ui-pdp-buybox__quantity__trigger .andes-button__content {
        display: grid;
        grid-auto-flow: column;
        max-width: 275px
    }

    .ui-pdp-buybox__quantity__trigger--options .andes-button__content {
        max-width: 320px
    }

    .ui-pdp-buybox__quantity__trigger--options .andes-button__content .ui-pdp-buybox__quantity__selected__label {
        display: inline;
        float: none
    }

    .ui-pdp-buybox__quantity__messages {
        line-height: 18px
    }

    .ui-pdp-buybox__quantity__messages__message {
        display: flex;
        margin: 4px;
        margin-bottom: 10px;
    }

    .ui-pdp-buybox__quantity__messages__message .ui-pdp-price__part {
        line-height: inherit;
        margin: 0 .27em
    }

    .ui-pdp-buybox__quantity__messages__message .ui-pdp-price__part .price-tag-cents {
        line-height: inherit
    }

    .ui-pdp-payment-icon,
    .ui-pdp-payment-sprites {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        margin-top: 4px
    }

    .ui-pdp-payment-icon .ui-vip-payment_methods__icon,
    .ui-pdp-payment-sprites .ui-vip-payment_methods__icon {
        margin: 0 20px 20px 0
    }

    .ui-pdp-generic-summary .ui-pdp-payment-icon__container,
    .ui-pdp-generic-summary .ui-pdp-payment-sprites__icon-container,
    .ui-pdp-payment .ui-pdp-payment-icon__container,
    .ui-pdp-payment .ui-pdp-payment-sprites__icon-container {
        margin: 0 0 0 5px
    }

    .ui-pdp-generic-summary .ui-pdp-payment-icon__container:first-child,
    .ui-pdp-generic-summary .ui-pdp-payment-sprites__icon-container:first-child,
    .ui-pdp-payment .ui-pdp-payment-icon__container:first-child,
    .ui-pdp-payment .ui-pdp-payment-sprites__icon-container:first-child {
        margin-left: 0
    }

    .ui-pdp-buybox {
        border: 1px solid rgba(0, 0, 0, .1);
        border-radius: 8px;
        font-size: 14px;
        padding: 25px 16px;
        width: 100%
    }

    .ui-pdp-buybox__container {
        width: 100%
    }

    .ui-pdp-buybox .ui-pdp-icon--chevron {
        height: 18px;
        margin-right: 2px;
        transition: transform .15s linear;
        vertical-align: bottom;
        width: 7px
    }

    .ui-pdp-buybox .ui-pdp-icon--chevron .ui-pdp-icon--chevron--rotate-180 {
        transform: rotate(-180deg)
    }

    .ui-pdp-buybox .ui-pdp-seller__brand-title {
        margin-bottom: 4px
    }

    .ui-pdp-action__tooltip {
        width: 290px
    }

    .ui-pdp-iframe-modal {
        height: 70%;
        max-height: 92%;
        max-width: 100%;
        transition: .5s cubic-bezier(.72, .04, .12, .97);
        width: 840px
    }

    .ui-pdp-iframe-modal .andes-modal__content {
        padding: 0
    }

    .andes-modal.ui-pdp-action-modal__modal.ui-pdp-iframe-modal.ui-pdp-fc-us-taxes.andes-modal--small {
        width: 568px
    }

    .andes-modal.ui-pdp-action-modal__modal.ui-pdp-iframe-modal.ui-pdp-fc-us-taxes.andes-modal--small .andes-modal__header {
        padding: 32px 32px 0
    }

    .andes-modal.ui-pdp-action-modal__modal.ui-pdp-iframe-modal.ui-pdp-fc-us-taxes.andes-modal--small .andes-modal__scroll {
        border-radius: 6px;
        overflow: hidden
    }

    .andes-modal.ui-pdp-action-modal__modal.ui-pdp-iframe-modal.ui-pdp-fc-us-taxes.andes-modal--small .andes-modal__content {
        height: 50%
    }

    .ui-pdp-shipping--remaining .ui-pdp-media__text {
        max-width: 223px
    }

    [data-country=BR] .ui-pdp-shipping--remaining .ui-pdp-media__text {
        max-width: 209px
    }

    .ui-pdp-shipping--remaining .ui-pdp-media__text span {
        display: inline-table
    }

    .ui-pdp-shipping__info-tooltip__button {
        padding: 8px 16px
    }

    .ui-pdp-shipping__message {
        margin: 10px 0 20px
    }

    .ui-pdp-shipping-modal.andes-modal.andes-modal--small {
        width: 672px
    }

    .ui-pdp-shipping-modal.andes-modal.andes-modal--small .andes-modal__header,
    .ui-pdp-shipping-modal.andes-modal.andes-modal--small .andes-modal__header--sticky {
        background: none;
        padding: 48px 48px 0;
        position: relative;
        z-index: 1
    }

    .ui-pdp-shipping-modal.andes-modal.andes-modal--small .andes-modal__content {
        margin-top: -28px;
        position: relative;
        z-index: 0
    }

    .ui-pdp-shipping-modal.andes-modal.andes-modal--small .andes-modal__header--sticky {
        box-shadow: none
    }

    .ui-pdp-shipping-modal.andes-modal.andes-modal--small.ui-pdp-action-modal__modal--no-title .andes-modal__content {
        margin: 0
    }

    .ui-pdp-reputation__seller {
        margin: 24px 0
    }

    .ui-pdp-reputation__seller .ui-pdp-reputation-name {
        display: flex;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:
    }

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

    .ui-pdp-reputation__seller .ui-pdp-reputation-seller .ui-pdp-reputation-title-link {
        display: block;
        margin-left: 4px;
        margin-right: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:
    }

    .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 {
        white-space:
    }

    .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 .ui-pdp-reputation-main-info-seller {
        max-width: 275px
    }

    .ui-pdp-reputation__seller .ui-pdp-reputation-main-info-seller-logo {
        max-width: 220px
    }

    .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: 24px;
        font-weight: 400;
        padding-bottom: 24px
    }

    .ui-pdp-description__content {
        color: #666;
        font-size: 20px
    }

    .ui-pdp-description__message {
        margin-bottom: 24px;
        z-index: 800
    }

    .ui-pdp-description__message .andes-message__content {
        width: 90%
    }

    .ui-pdp-description-collapse a.ui-pdp-collapsable__action {
        padding-left: 24px
    }

    .ui-pdp-description-collapse-rex {
        border-top: 1px solid rgba(0, 0, 0, .1);
        padding-bottom: 40px;
        padding-top: 40px
    }

    .ui-pdp-description-collapse-rex p {
        font-size: 16px
    }

    .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 {
        position: relative
    }

    .ui-pdp-header:has(.ui-pdp-highlights) {
        display: flex;
        flex-direction: column;
        gap: 8px
    }

    .ui-pdp-header .ui-pdp-container__row--highlights {
        margin: 0
    }

    .ui-pdp-header__subtitle {
        margin-bottom: 8px;
        margin-right: 40px
    }

    .ui-pdp-header__bottom-subtitle {
        line-height: 1;
        margin-right: 40px;
        white-space:
    }

    .ui-pdp-header__bottom-subtitle.ui-pdp-background-color--LIGHT_GRAY {
        padding: 2px 4px;
        width: -moz-fit-content;
        width: fit-content
    }

    .ui-pdp-header__store {
        color: rgba(0, 0, 0, .55);
        font-size: 14px;
        font-weight: 400;
        margin-top: 2px
    }

    .ui-pdp-header__store a {
        font-weight: 400
    }

    .ui-pdp-header__title-container {
        display: flex;
        flex: initial;
        gap: 8px
    }

    .ui-pdp-header__title-container:has(.ui-pdp-highlights) {
        flex-direction: column-reverse
    }

    .ui-pdp-header__title-container svg {
        height: 22px;
        width: 22px
    }

    .ui-pdp-header .ui-pdp-subtitle {
        color: rgba(0, 0, 0, .55);
        font-size: 14px;
        font-weight: 400;
        white-space:
    }

    .ui-pdp-header .ui-pdp-subtitle_rex {
        font-size: 12px
    }

    .ui-pdp-header .ui-pdp-title {
        flex: auto;
        font-size: 22px;
        margin-right: 28px;
        padding: 0
    }

    .ui-pdp-container__row--header .ui-pdp-header {
        width: 100%
    }

    .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: 14px;
        margin-right: 8px;
        position: relative;
        top: 1px
    }

    .ui-pdp-review__amount {
        font-size: 14px;
        margin-left: 5px
    }

    .ui-pdp-review__ratings .ui-pdp-icon {
        height: 15px;
        width: 15px
    }

    .ui-pdp-gallery__zoom-container {
        background-color: #fff;
        display: none;
        height: 572px;
        position: fixed;
        width: 674px;
        z-index: 1024
    }

    .ui-pdp-gallery__zoom-container--visible {
        border: 1px solid rgba(0, 0, 0, .1);
        box-sizing: content-box;
        display: block
    }

    .ui-pdp-gallery__zoom-container img {
        object-fit: contain
    }

    .ui-pdp-gallery__zoom-zoom-pane {
        background: #fff;
        transform: translate3d(255, 255, 255)
    }

    .ui-pdp-gallery__zoom-zoom-pane.ui-pdp-gallery__zoom-closing,
    .ui-pdp-gallery__zoom-zoom-pane.ui-pdp-gallery__zoom-opening {
        animation: none
    }

    /*! 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(https://http2.mlstatic.com/frontend-assets/vpp-frontend/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(https://http2.mlstatic.com/frontend-assets/vpp-frontend/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 {
        color: #fff;
        font-size: 13px;
        height: 44px;
        left: 0;
        line-height: 44px;
        opacity: .75;
        padding: 0 10px;
        position: absolute;
        top: 0
    }

    .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(https://http2.mlstatic.com/frontend-assets/vpp-frontend/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;
        width: 100%
    }

    .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__counter {
        background-color: rgba(0, 0, 0, .25);
        border-radius: 12px;
        font-size: 12px;
        height: 24px;
        left: 46px;
        line-height: 24px;
        min-width: 42px;
        top: 46px
    }

    .pswp__button--close {
        background-color: rgba(0, 0, 0, .25);
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMyI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJtMTUgMTAuOTQgNS40Ny01LjQ3IDEuMDYgMS4wNkwxNi4wNiAxMmw1LjQ3IDUuNDctMS4wNiAxLjA2TDE1IDEzLjA2bC01LjQ3IDUuNDctMS4wNi0xLjA2TDEzLjk0IDEyIDguNDcgNi41M2wxLjA2LTEuMDZ6Ii8+PC9zdmc+) !important;
        background-position: 50%;
        background-size: 44px;
        height: 32px;
        right: 45px;
        top: 41px;
        width: 32px
    }

    .pswp__button--arrow--left:before,
    .pswp__button--arrow--right:before {
        background-color: rgba(0, 0, 0, .25);
        opacity: .75
    }

    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-position: 50%;
        background-size: 50px;
        height: 50px;
        width: 50px
    }

    .pswp--svg .pswp__button--arrow--left {
        left: 41px
    }

    .pswp--svg .pswp__button--arrow--left:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgY2xhc3M9InVpLWljb24iIHZpZXdCb3g9IjAgMCAxOCAxOCI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJtMTAuNjQ2IDQuNjQ2LTQgNEw2LjI5MyA5IDcgOS43MDdsLjM1NC0uMzUzIDQtNEwxMS43MDcgNSAxMSA0LjI5M3oiLz48cGF0aCBkPSJtMTEuMzU0IDEyLjY0Ni00LTRMNyA4LjI5MyA2LjI5MyA5bC4zNTMuMzU0IDQgNCAuMzU0LjM1My43MDctLjcwN3oiLz48L2c+PC9zdmc+)
    }

    .pswp--svg .pswp__button--arrow--right {
        right: 41px
    }

    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgY2xhc3M9InVpLWljb24gdWktaWNvbi0tY2hldnJvbi1yaWdodCIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZyBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Im02LjY0NiA1LjM1NCA0IDQgLjM1NC4zNTMuNzA3LS43MDctLjM1My0uMzU0LTQtNEw3IDQuMjkzIDYuMjkzIDV6Ii8+PHBhdGggZD0ibTcuMzU0IDEzLjM1NCA0LTRMMTEuNzA3IDkgMTEgOC4yOTNsLS4zNTQuMzUzLTQgNC0uMzUzLjM1NC43MDcuNzA3eiIvPjwvZz48L3N2Zz4=)
    }

    .pswp--svg .pswp__container iframe {
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .ui-pdp-gallery {
        height: 100%;
        min-height: 504px;
        position: relative;
        width: 478px
    }

    .ui-pdp-gallery__figure__image {
        cursor: zoom-in;
        height: auto;
        object-fit: contain;
        width: 100%
    }

    .ui-pdp-gallery__column {
        height: auto;
        margin-left: 24px;
        margin-top: 24px;
        position: absolute
    }

    .ui-pdp-gallery__column__variation-gallery {
        cursor: zoom-in;
        height: auto;
        object-fit: contain;
        width: 100%
    }

    .ui-pdp-gallery__column__variation-picture {
        background-color: #fff;
        display: none;
        height: 100%;
        left: 50px;
        margin: 24px 0 0;
        min-height: 500px;
        padding: 16px;
        position: absolute;
        top: 0;
        width: 410px;
        z-index: 1
    }

    .ui-pdp-gallery__figure {
        background-color: #fff;
        display: flex;
        height: 504px;
        left: 56px;
        margin: 0 24px;
        min-height: 500px;
        opacity: 100%;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 0;
        visibility: unset;
        width: 358px;
    }

    .ui-pdp-gallery__figure__with-overlay {
        border-radius: 8px;
        overflow: hidden
    }

    .ui-pdp-gallery__figure__clip {
        margin: auto;
        width: 20.231rem
    }

    .ui-pdp-gallery__figure-VIDEO {
        width: 100%
    }

    .ui-pdp-gallery__input {
        display: none
    }

    .ui-pdp-gallery__input:checked+.ui-pdp-gallery__wrapper .ui-pdp-gallery__figure {
        opacity: 1;
        visibility: visible;
        z-index: 1
    }

    .ui-pdp-gallery__input:checked+.ui-pdp-gallery__wrapper .ui-pdp-thumbnail__picture {
        margin: -1px
    }

    .ui-pdp-gallery__input:checked+.ui-pdp-gallery__wrapper .ui-pdp-gallery__thumbnail {
        border: 2px solid var(--andes-color-blue-500, #3483fa)
    }

    .ui-pdp-gallery__wrapper {
        display: block;
        margin-bottom: 8px
    }

    .ui-pdp-gallery__input:hover+.ui-pdp-gallery__wrapper .ui-pdp-gallery__figure {
        opacity: 1;
        visibility: visible;
        z-index: 3
    }

    .ui-pdp-gallery__thumbnail {
        border-radius: 4px;
        margin-right: 0;
        z-index: 5
    }

    .ui-pdp-gallery__thumbnail button {
        background-color: #fff;
        border: none;
        cursor: pointer;
        outline: none
    }

    .ui-pdp-gallery__label {
        display: flex;
        position: relative
    }

    .ui-pdp-gallery__see-more {
        background-color: hsla(0, 0%, 100%, .6);
        padding: 12px
    }

    .ui-pdp-gallery__thumbnail-icon {
        display: flex;
        height: 24px;
        width: 24px
    }

    .ui-pdp-gallery__video-icon {
        background-color: hsla(0, 0%, 100%, .6);
        border: 3px solid var(--andes-color-blue-500, #3483fa);
        border-radius: 50%;
        display: block;
        height: 32px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 32px
    }

    .ui-pdp-gallery__overlay {
        border-radius: 8px;
        height: 100%;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%
    }

    @media screen and (-ms-high-contrast:active),
    screen and (-ms-high-contrast:none) {

        :root .ui-pdp-gallery__figure__image,
        _:-ms-fullscreen {
            margin-left: auto;
            margin-right: auto;
            width: auto
        }
    }

    .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--desktop {
        align-items: center;
        display: block;
        justify-content: center;
        margin-top: 32px;
        width: 100%
    }

    .ui-vpp-gift-registry.ui-vpp-gift-registry--desktop .andes-checkbox.ui-vpp-gift-registry__checkbox {
        width: -moz-fit-content;
        width: fit-content
    }

    .ui-vpp-gift-registry.ui-vpp-gift-registry--desktop .ui-vpp-gift-registry__checkbox-container {
        display: flex;
        justify-content: end;
        width: 90%
    }

    .ui-vpp-gift-registry.ui-vpp-gift-registry--desktop .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--desktop .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--desktop .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;
        justify-content: flex-start;
        line-height: 18px;
        padding: 16px;
        width: -webkit-fill-available;
        width: fill-available
    }

    .ui-vpp-gift-registry.ui-vpp-gift-registry--desktop .ui-vpp-gift-registry__container .andes-checkbox--label-left {
        align-items: center;
        display: flex
    }

    .ui-vpp-gift-registry.ui-vpp-gift-registry--desktop .ui-vpp-gift-registry__container .andes-thumbnail.andes-thumbnail--square.andes-thumbnail--32.andes-thumbnail--neutral.ui-vpp-gift-registry__icon {
        align-items: center;
        background: #ededed;
        border: none;
        border-radius: 4px;
        display: flex;
        height: 32px;
        justify-content: center;
        width: 32px
    }

    .ui-vpp-gift-registry.ui-vpp-gift-registry--desktop .ui-vpp-gift-registry__tooltip {
        width: auto !important
    }

    .ui-vpp-gift-registry.ui-vpp-gift-registry--desktop .ui-vpp-gift-registry__tooltip :first-child {
        padding-right: 6px
    }

    .ui-vpp-gift-registry.ui-vpp-gift-registry--desktop .ui-vpp-gift-registry__tooltip button {
        height: 16px;
        width: 16px
    }

    .ui-vpp-gift-registry.ui-vpp-gift-registry--desktop .ui-vpp-gift-registry__tooltip button:before {
        height: 11px;
        transform: translate(2px, 1px) rotate(-45deg)
    }

    .ui-vpp-gift-registry.ui-vpp-gift-registry--desktop .ui-vpp-gift-registry__tooltip button:after {
        height: 11px;
        transform: translate(2px, 1px) rotate(45deg)
    }

    .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:after {
        content: ": "
    }

    .ui-pdp-list__text {
        display: inline
    }

    .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-list {
        overflow: auto
    }

    .ui-pdp-list__wrapper {
        display: flex
    }

    .ui-pdp-list__item {
        padding-left: 0;
        padding-right: 24px;
        width: 50%
    }

    .ui-pdp-list__item:before {
        display: none
    }

    .ui-pdp-list--floating .ui-pdp-list__item {
        width: 33.33%
    }

    .ui-pdp-list__item__label {
        font-size: 14px;
        font-weight: 600
    }

    .ui-pdp-list__text {
        font-size: 14px;
        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);
        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 .ui-pdp-price__part {
        font-weight: 300
    }

    .ui-pdp-price__second-line .ui-pdp-price__bulk-part {
        font-weight: 400
    }

    .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__label-discount {
        font-size: 16px;
        font-weight: 400;
        margin: 0 0 0 8px;
        position: relative
    }

    .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 {
        font-weight: 400
    }

    .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.acquisition .ui-vpp-payment-promotion__container {
        display: flex;
        flex-wrap: wrap;
        gap: 0
    }

    .ui-vpp-payment-promotion.acquisition .ui-vpp-payment-promotion__container-icon {
        position: absolute
    }

    .ui-vpp-payment-promotion.acquisition .ui-vpp-payment-promotion__container-text {
        margin-left: 54px
    }

    .ui-vpp-payment-promotion.acquisition .ui-vpp-payment-promotion__container .ui-pdp-container__row {
        flex-basis: 100%;
        margin-left: 54px
    }

    .ui-vpp-payment-promotion.activation .ui-vpp-payment-promotion__container {
        max-width: 317px;
        min-width: 317px
    }

    @media(max-width: 1024px) {
        .ui-vpp-payment-promotion.activation .ui-vpp-payment-promotion__container {
            min-width: 276px
        }
    }

    .ui-vpp-payment-promotion__container {
        margin: 16px 0 8px;
        width: 100%
    }

    .ui-vpp-payment-promotion__container .ui-pdp-container__row {
        margin-top: 4px
    }

    .ui-vpp-payment-promotion .ui-vpp-payment-icon,
    .ui-vpp-payment-promotion .ui-vpp-payment-icon__container {
        margin-top: 0
    }

    .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_desktop {
        align-items: center;
        display: flex;
        font-size: 14px;
        margin-bottom: 4px
    }

    .ui-vpp-payment-promotion .payment_wording_desktop .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-text {
        font-weight: 400;
        margin-right: 6px
    }

    .ui-pdp-price__price-ref .price-tag {
        line-height: unset
    }

    .ui-pdp-price__price-ref .ui-pdp-icon--price-info {
        top: 6px
    }

    .ui-pdp-price {
        max-width: 340px
    }

    .ui-pdp-price__second-line {
        transform: translateX(-1px)
    }

    .ui-pdp-price__second-line__text {
        max-height: 25px;
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ui-pdp-price__second-line__label {
        display: flex;
        gap: 4px;
        margin-left: 6px;
        margin-top: 1px
    }

    .ui-pdp-price__tags {
        margin-top: 16px
    }

    .ui-pdp-price__tags__wrapper-tags {
        align-items: baseline;
        margin-bottom: 8px
    }

    .ui-pdp-price__tags__wrapper-tags:last-of-type {
        margin-bottom: 0
    }

    .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-price__tags--MELI_USD {
        padding: 0
    }

    .ui-pdp-price__tags__wrapper-tags:last-of-type .ui-pdp-price__tags--MELI_USD .ui-pdp-promotions-pill-label__text {
        overflow-wrap: break-word;
        white-space: normal;
        word-break: normal
    }

    .ui-pdp-price__tags__wrapper-tags:last-of-type .ui-pdp-price__tags--MELI_USD .ui-pdp-price__part {
        font-size: 16px !important
    }

    .ui-pdp-price__tags__wrapper-tags:last-of-type .ui-pdp-price__tags--MELI_USD .andes-money-amount__cents--superscript-SMALL,
    .ui-pdp-price__tags__wrapper-tags:last-of-type .ui-pdp-price__tags--MELI_USD .andes-money-amount__cents--superscript-XSMALL {
        font-size: 10px;
        font-weight: 600
    }

    .ui-pdp-price__tags__wrapper-tags:last-of-type .ui-pdp-promotions-pill-label--tag {
        margin-bottom: 0
    }

    .ui-pdp-price__tags__wrapper-tags .ui-pdp-action-modal .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 .ui-pdp-action-modal .ui-pdp-price__tags--wrapper-tags--click .ui-pdp-price__part {
        font-weight: 300
    }

    .ui-pdp-price__tags__wrapper-tags .ui-pdp-action-modal .ui-pdp-price__tags--wrapper-tags--click .ui-pdp-icon--meli-coins {
        height: 22px;
        padding-left: 6px;
        width: 26px
    }

    .ui-pdp-price__tags__wrapper-tags .ui-pdp-action-modal .ui-pdp-price__tags--wrapper-tags--click.ui-pdp-family--SEMIBOLD .ui-pdp-price__part {
        font-weight: inherit
    }

    .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--tag-click {
        margin-right: 8px
    }

    .ui-pdp-price__tags .ui-pdp-action-modal {
        align-self: center
    }

    .ui-pdp-price__discounts-tags .ui-vpp-tag-limited_element {
        margin-top: 0
    }

    .ui-pdp-price__discounts-tags .ui-vpp-tag-limited_element .ui-vpp-discounts__tags {
        border-radius: 2px;
        font-size: 14px;
        font-weight: 600;
        height: 28px;
        line-height: 16px;
        padding: 6px 8px;
        text-transform: none;
        width: max-content
    }

    .ui-pdp-price__discounts-tags .ui-pdp-action-modal {
        margin-top: 0
    }

    .ui-pdp-price__discounts-tags .ui-vpp-discounts__action-button {
        display: none
    }

    .ui-pdp-price__tooltip-buy_loyalty_level_tooltip {
        width: 330px
    }

    .ui-pdp-price__tooltip-currency_tooltip {
        width: 390px
    }

    @media(min-width: 768px) {
        .ui-pdp-price__buy-loyalty-modal.andes-modal {
            max-height: 531px;
            max-width: 784px
        }

        .ui-pdp-price__buy-loyalty-modal .andes-modal__content {
            padding: 0
        }

        .ui-pdp-price__buy-loyalty-modal .andes-modal__close-button,
        .ui-pdp-price__buy-loyalty-modal .andes-modal__header--sticky {
            display: none
        }
    }

    .ui-pdp-price__second-line__label.loyalty-tooltip {
        cursor: pointer
    }

    .ui-pdp-price__second-line__label.loyalty-tooltip .ui-pdp-icon--loyalty {
        position: relative;
        top: 4px
    }

    .ui-pdp-price__second-line__label.loyalty-tooltip .ui-pdp-icon--chevron {
        stroke: rgba(0, 0, 0, .25);
        align-self: center;
        margin-left: 10px;
        transform: rotate(90deg)
    }

    .ui-pdp-price__loyalty-purchase-description {
        font-weight: 400
    }

    .ui-pdp-price .ui-pdp-icon--price-info {
        position: relative;
        top: 2px
    }

    .ui-pdp-price__original-value {
        display: inline-flex;
        font-size: 16px
    }

    .ui-pdp-price__payments-link {
        margin-top: 8px
    }

    .ui-pdp-price__payments-link .ui-pdp-action-modal {
        margin-top: 0
    }

    .ui-pdp-price__payments-link .ui-pdp-action-modal .ui-pdp-media .ui-pdp-media__body .ui-pdp-media__title {
        font-size: 14px;
        line-height: 1
    }

    .ui-pdp-price .ui-vpp-payment-promotion .ui-vpp-payment-icon {
        margin-top: 0
    }

    .ui-pdp-price__upper {
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        margin-bottom: 4px
    }

    .ui-pdp-price__bulk-subtitles {
        align-items: baseline;
        display: flex;
        flex-direction: column;
        line-height: 1;
        margin-top: 4px
    }

    .ui-pdp-price__bulk-subtitles:has(.ui-pdp-label-as-pill) {
        margin-top: 12px
    }

    .ui-pdp-price__bulk-subtitles>p {
        display: inline;
        padding-top: 4px
    }

    .ui-pdp-price__bulk-subtitles .ui-pdp-price__bulk-part {
        display: inline-flex;
        font-weight: 400;
        padding-top: 4px
    }

    .ui-pdp-price__subtitles {
        align-items: baseline;
        display: flex;
        flex-direction: column;
        line-height: 1;
        margin-top: 4px
    }

    .ui-pdp-price__subtitles:has(.ui-pdp-label-as-pill) {
        margin-top: 12px
    }

    .ui-pdp-price__subtitles>p {
        display: inline;
        margin-bottom: 4px
    }

    .ui-pdp-price__subtitles>p:last-child {
        margin-bottom: 0
    }

    .ui-pdp-price__subtitles .ui-pdp-price__part {
        display: inline-flex;
        font-weight: 400
    }

    .ui-pdp-price--size-large {
        font-weight: 300
    }

    .ui-pdp-buy-box-offers__offer-list-item .ui-pdp-price__subtitles:has(.ui-pdp-label-as-pill) {
        margin-top: 3px
    }

    .ui-pdp-buy-box-offers__offer-list-item .ui-pdp-price__subtitles .ui-pdp-label-as-pill {
        line-height: 20px;
        padding: 4px 8px
    }

    .ui-pdp-buy-box-offers__offer-list-item--NOT-SELECTED .ui-pdp-price__subtitles .ui-pdp-label-as-pill {
        line-height: 15px;
        padding: 3px 4px
    }

    .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__desktop .ui-pdp-buy-box-offers__filter-message {
        padding: 12px 0 24px
    }

    .ui-pdp-buy-box-offers__desktop .ui-pdp-buy-box-offers__offer-price {
        padding: 4px 0
    }

    .ui-pdp-buy-box-offers__desktop .ui-pdp-buy-box-offers__offer-content {
        padding: 3px 2px 0 6px
    }

    .ui-pdp-buy-box-offers__desktop .ui-pdp-buy-box-offers-bottom__promotions,
    .ui-pdp-buy-box-offers__desktop .ui-pdp-buy-box-offers-bottom__tags {
        padding-bottom: 16px;
        padding-top: 16px
    }

    .ui-pdp-buy-box-offers__desktop .ui-pdp-buy-box-offers-bottom__promotions .ui-vpp-payment-promotion__container,
    .ui-pdp-buy-box-offers__desktop .ui-pdp-buy-box-offers-bottom__tags .ui-pdp-price__tags {
        margin: 0
    }

    .ui-pdp-buy-box-offers__desktop .ui-pdp-buy-box-offers__offer-generic-summary {
        margin-bottom: 20px
    }

    .ui-pdp-buy-box-offers__desktop .ui-pdp-buy-box-offers__offer-see-more {
        background: none !important;
        cursor: default
    }

    .ui-pdp-buy-box-offers__desktop .andes-list--selectable .andes-list__item.ui-pdp-buy-box-offers__offer-list-item--SELECTED {
        padding-bottom: 0
    }

    .ui-pdp-buy-box-offers__desktop .andes-list--selectable .andes-list__item.ui-pdp-buy-box-offers__offer-list-item--NOT-SELECTED .andes-list__item-action {
        cursor: pointer
    }

    .ui-pdp-buy-box-offers__desktop .andes-list--selectable .andes-list__item.ui-pdp-buy-box-offers__offer-list-item--NOT-SELECTED .ui-pdp-price__subtitles {
        gap: 8px;
        margin-top: 8px
    }

    .ui-pdp-buy-box-offers__desktop .ui-pdp-buy-box-offers__offer-list-children {
        font-size: 14px;
        margin: 20px 6px 16px
    }

    .ui-pdp-buy-box-offers__desktop .ui-pdp-buy-box-offers__offer-list-children .ui-pdp-seller__header {
        margin-bottom: 0;
        width: 100%
    }

    .ui-pdp-buy-box-offers__desktop .ui-pdp-buy-box-offers__offer-list-children .ui-pdp-seller__header__title {
        align-items: baseline;
        display: flex;
        flex-wrap: wrap;
        line-height: 1;
        margin-bottom: 4px
    }

    .ui-pdp-buy-box-offers__desktop .ui-pdp-buy-box-offers__offer-list-children .ui-pdp-seller__header__subtitle {
        line-height: 14px
    }

    .ui-pdp-buy-box-offers__desktop .ui-pdp-buy-box-offers__offer-list-children .ui-pdp-seller__header__subtitle:not(:last-child) {
        margin-bottom: 6px
    }

    .ui-pdp-buy-box-offers__desktop .ui-pdp-buy-box-offers__offer-list-children .ui-pdp-seller__header__image-container {
        flex-shrink: 0;
        height: 40px;
        margin-right: 16px;
        width: 40px
    }

    .ui-pdp-buy-box-offers__desktop .ui-pdp-buy-box-offers__offer-list-children .ui-pdp-seller__brand-title {
        margin-bottom: 4px
    }

    .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-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-promotions-pill__tooltip--highlight_seller_api_tooltip {
        width: 312px
    }

    .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;
        word-break: normal
    }

    .ui-pdp-variations {
        font-size: 14px;
        font-weight: 600;
        margin-top: 25px;
        width: 100%
    }

    .ui-pdp-variations .ui-pdp-thumbnail--SELECTED .ui-pdp-thumbnail__picture {
        height: 42px;
        width: 42px
    }

    .ui-pdp-variations .ui-pdp-thumbnail__container {
        align-items: center;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        max-width: 250px;
        padding: 8px 12px
    }

    .ui-pdp-variations .ui-pdp-thumbnail__label {
        color: #000;
        max-width: 80px;
        overflow: hidden;
        padding: 0;
        text-overflow: ellipsis
    }

    .ui-pdp-variations .ui-pdp-thumbnail__subtitle {
        font-size: 10px;
        padding: 0
    }

    .ui-pdp-variations .ui-pdp-thumbnail__price .ui-pdp-price__part {
        line-height: 1.25
    }

    .ui-pdp-variations__title {
        width: 100%
    }

    .ui-pdp-variations__picker,
    .ui-pdp-variations__picker-default-container {
        display: flex;
        flex-wrap: wrap
    }

    .ui-pdp-variations__picker-default-container .ui-pdp-price__second-line {
        transform: unset
    }

    .ui-pdp-variations__picker-default-container-error {
        position: relative
    }

    .ui-pdp-variations__picker-default-container-error:before {
        border: 1.5px solid #f23d4f;
        border-radius: 6px;
        box-sizing: content-box;
        content: "";
        height: 100%;
        left: -5.5px;
        position: absolute;
        top: -5.5px;
        width: 100%
    }

    .ui-pdp-variations__picker .ui-pdp-variations__title {
        margin-bottom: 8px
    }

    .ui-pdp-variations__picker .ui-pdp-variations--thumbnail {
        align-items: center;
        display: flex;
        justify-content: center;
        margin: 0 8px 8px 0
    }

    .ui-pdp-variations__picker .andes-list__item--size-medium .andes-list__item-first-column {
        padding: 0
    }

    .ui-pdp-variations__picker>.andes-dropdown.andes-dropdown--form.ui-pdp-dropdown-selector.andes-form-control {
        width: 100%
    }

    .ui-pdp-variations__picker>.andes-dropdown.andes-dropdown--form .andes-dropdown__trigger span {
        align-items: center;
        display: flex;
        flex-basis: content
    }

    .ui-pdp-variations__picker .andes-floating-menu--show .andes-card__content .andes-list--default.andes-list--selectable.andes-floating-menu {
        overflow-x: hidden
    }

    .ui-pdp-variations__picker-single+.ui-pdp-variations__picker {
        margin-top: 12px
    }

    .ui-pdp-variations__picker-single+.ui-pdp-variations__picker-single {
        margin-top: 0
    }

    .ui-pdp-variations__picker-size-specs-chart+.ui-pdp-variations__picker {
        margin-top: 20px
    }

    .ui-pdp-variations__picker-size-spec-sizechart-fit {
        align-items: flex-end;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%
    }

    .ui-pdp-variations__tooltip {
        display: inline-block
    }

    .ui-pdp-variations__label {
        font-size: 16px;
        font-weight: 400;
        margin-top: 4px;
        max-width: 340px;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all .5s ease-out 0s;
        white-space:
    }

    .ui-pdp-variations__label-only-text {
        margin-bottom: 8px;
        margin-top: 4px
    }

    .ui-pdp-variations__label-error {
        display: inline-block;
        margin-left: 8px
    }

    .ui-pdp-variations__label--with-subtitle {
        margin-bottom: 0
    }

    .ui-pdp-variations__selected-label {
        font-weight: 600;
        margin-left: 4px;
        text-overflow: ellipsis;
        transition: all .5s ease-out 0s
    }

    .ui-pdp-variations__selected-label .ui-pdp-icon {
        height: 16px;
        position: relative;
        top: 3px;
        transition: all .5s ease-out 0s;
        width: 16px
    }

    .ui-pdp-variations__selected-label .ui-pdp-icon--message-warning {
        margin-right: 4px
    }

    .ui-pdp-variations__selected-text {
        display: inline;
        margin-right: 4px
    }

    .ui-pdp-variations__selected-text .ui-pdp-icon {
        margin-right: 4px
    }

    .ui-pdp-variations__selected-title {
        font-weight: 600
    }

    .ui-pdp-variations__selected-subtitle {
        margin-left: 4px
    }

    .ui-pdp-variations__selected-subtitle:before {
        content: "|";
        margin-right: 4px
    }

    .ui-pdp-variations__subtitle {
        font-size: 12px;
        font-weight: 400
    }

    .ui-pdp-variations--thumbnail {
        margin: 0
    }

    .ui-pdp-variations--thumbnail .ui-pdp-thumbnail__picture {
        height: 44px;
        width: 44px
    }

    .ui-pdp-variations__expand-action {
        cursor: pointer;
        display: inline-block;
        font-weight: 400
    }

    .ui-pdp-variations__expand-action .ui-pdp-icon--chevron-down {
        height: 10px;
        margin-left: 7px;
        vertical-align: middle;
        width: 10px
    }

    .ui-pdp-variations__alert {
        padding: 2px 0 8px
    }

    .ui-pdp-variations__alert-text {
        margin-left: 5px
    }

    .ui-pdp-variations--refurbished .ui-pdp-thumbnail--BLOCKED,
    .ui-pdp-variations--refurbished .ui-pdp-thumbnail--DISABLED,
    .ui-pdp-variations--refurbished .ui-pdp-thumbnail__container {
        align-items: flex-start
    }

    .ui-pdp-variations--refurbished .ui-pdp-thumbnail__label {
        font-size: 14px
    }

    .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-dropdown--form.ui-pdp-dropdown-selector.andes-form-control .andes-card__content .andes-list.andes-floating-menu.andes-list--default.andes-list--selectable {
        overflow-x: hidden
    }

    .andes-dropdown--form.ui-pdp-dropdown-selector.andes-form-control button {
        margin-top: 0
    }

    .ui-pdp-dropdown-selector.andes-dropdown--form {
        padding-top: 0
    }

    .ui-pdp-dropdown-selector.andes-dropdown--form .andes-dropdown__trigger {
        height: 48px;
        justify-content: space-between
    }

    .ui-pdp-dropdown-selector.andes-dropdown--form .andes-dropdown__trigger .ui-pdp-dropdown-selector__item {
        display: inline
    }

    .ui-pdp-dropdown-selector.andes-dropdown--form .andes-dropdown__trigger .ui-pdp-dropdown-selector__item-with-thumbnail {
        display: inline-flex
    }

    .ui-pdp-dropdown-selector.andes-dropdown--form .andes-dropdown__trigger .ui-pdp-dropdown-selector__item--label-small .ui-pdp-dropdown-selector__item--subtitle {
        width: -moz-fit-content;
        width: fit-content
    }

    .ui-pdp-dropdown-selector.andes-dropdown--form .andes-floating-menu {
        left: 0;
        width: 100%
    }

    .ui-pdp-dropdown-selector.andes-dropdown--form .andes-floating-menu .andes-list__item {
        font-size: 18px;
        height: 48px;
        padding: 14px 8px
    }

    .ui-pdp-dropdown-selector.andes-dropdown--form .andes-floating-menu .andes-list__item-text {
        width: 100%
    }

    .ui-pdp-dropdown-selector.andes-dropdown--form .andes-floating-menu .andes-list__item-primary {
        display: flex;
        justify-content: space-between
    }

    .ui-pdp-dropdown-selector.andes-dropdown--form .andes-floating-menu .andes-list__item-secondary {
        bottom: 16px;
        position: absolute;
        right: 8px
    }

    .andes-dropdown__trigger .ui-pdp-dropdown-selector__item--label,
    .andes-dropdown__trigger .ui-pdp-dropdown-selector__item--subtitle {
        width: -moz-fit-content;
        width: fit-content
    }

    .ui-pdp-dropdown-selector__item {
        align-items: center;
        display: flex;
        position: relative
    }

    .ui-pdp-dropdown-selector__item-first-column {
        margin-left: 2px
    }

    .ui-pdp-dropdown-selector__item--label {
        width: 185px
    }

    .ui-pdp-dropdown-selector__item--label,
    .ui-pdp-dropdown-selector__item--label-small {
        height: 20px;
        max-width: 220px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:
    }

    .ui-pdp-dropdown-selector__item--subtitle {
        height: 20px;
        margin-left: 4px
    }

    .ui-pdp-dropdown-selector__item--subtitle:before {
        content: "|";
        margin-right: 4px
    }

    .ui-pdp-dropdown-selector__item--secondary_text {
        align-items: center;
        color: rgba(0, 0, 0, .55);
        font-size: 12px;
        line-height: 1.1;
        margin-left: 8px;
        margin-right: 12px;
        max-width: 90px;
        text-align: right
    }

    .ui-pdp-dropdown-selector__item--secondary_text+.ui-pdp-dropdown-selector__item--label {
        padding-right: 80px
    }

    .ui-pdp-dropdown-selector__item-blocked img {
        opacity: .5
    }

    .ui-pdp-dropdown-selector__item-blocked .ui-pdp-dropdown-selector__item--secondary_text {
        top: 3px
    }

    .ui-pdp-dropdown-selector__thumbnail {
        height: 32px;
        margin-right: 12px;
        width: 32px
    }

    .ui-pdp-dropdown-selector__thumbnail+.ui-pdp-dropdown-selector__item--label {
        margin-top: 6px
    }

    .ui-pdp-dropdown-selector--error .andes-dropdown__trigger {
        background-color: rgba(242, 61, 79, .05);
        border: 1px solid #f23d4f
    }

    .ui-pdp-dropdown-selector--warning .andes-dropdown__trigger {
        border: 1px solid #f73
    }

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

    .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 {
        position: relative;
        width: 100%
    }

    .ui-pdp-generic-summary__map-content {
        display: grid;
        font-weight: 400;
        gap: 0 3rem;
        grid-template-columns: repeat(2, 1fr);
        min-width: 400px
    }

    .ui-pdp-generic-summary__message {
        margin: 20px 0 0
    }

    .ui-pdp-generic-summary__spinner {
        left: 50%;
        margin-left: -16px;
        position: absolute;
        transform: translate(-50%, -50%)
    }

    @media(min-width: 768px) {
        .ui-pdp-generic-summary-modal.andes-modal.meliplus_summary__modal {
            background-color: #f5f5f5
        }

        .ui-pdp-generic-summary-modal.andes-modal.second_shipping_summary__modal .andes-modal__header,
        .ui-pdp-generic-summary-modal.andes-modal.second_shipping_summary__modal .andes-modal__header--sticky,
        .ui-pdp-generic-summary-modal.andes-modal.shipping_summary__modal .andes-modal__header,
        .ui-pdp-generic-summary-modal.andes-modal.shipping_summary__modal .andes-modal__header--sticky,
        .ui-pdp-generic-summary-modal.andes-modal.ui-pdp-shipping-modal .andes-modal__header,
        .ui-pdp-generic-summary-modal.andes-modal.ui-pdp-shipping-modal .andes-modal__header--sticky {
            background: none;
            padding: 48px 48px 0;
            position: relative;
            z-index: 1
        }

        .ui-pdp-generic-summary-modal.andes-modal.second_shipping_summary__modal .andes-modal__content,
        .ui-pdp-generic-summary-modal.andes-modal.shipping_summary__modal .andes-modal__content,
        .ui-pdp-generic-summary-modal.andes-modal.ui-pdp-shipping-modal .andes-modal__content {
            margin-top: -28px;
            position: relative;
            z-index: 0
        }

        .ui-pdp-generic-summary-modal.andes-modal.second_shipping_summary__modal .andes-modal__header--sticky,
        .ui-pdp-generic-summary-modal.andes-modal.shipping_summary__modal .andes-modal__header--sticky,
        .ui-pdp-generic-summary-modal.andes-modal.ui-pdp-shipping-modal .andes-modal__header--sticky {
            box-shadow: none
        }

        .ui-pdp-generic-summary-modal.andes-modal.ui-pdp-action-modal__modal--no-title .andes-modal__content {
            margin: 0
        }
    }

    .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: 50px;
        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;
        white-space: ;
        width: 100%
    }

    .ui-pdp-buybox .ui-pdp-seller__header {
        align-items: flex-start
    }

    .ui-pdp-buybox .ui-pdp-seller__header__title {
        flex-wrap: wrap;
        font-size: 14px;
        margin-top: 0
    }

    .ui-pdp-buybox .ui-pdp-seller__with-logo .ui-pdp-seller__header__title {
        align-items: baseline;
        display: flex;
        font-size: 14px
    }

    .ui-pdp-buybox .ui-pdp-seller__with-logo .ui-pdp-seller__header__title .ui-pdp-action-modal__link {
        font-size: 14px
    }

    .ui-pdp-buybox .ui-pdp-seller--lowend .ui-pdp-buybox .ui-pdp-seller__container-qualification {
        margin-right: 64px
    }

    .ui-pdp-buybox .ui-pdp-seller__link-trigger.ui-pdp-action-modal {
        font-weight: 400;
        margin-top: 4px
    }

    .ui-pdp-buybox .ui-pdp-seller-modal {
        width: 720px
    }

    .ui-pdp-buybox .ui-pdp-seller__second-line {
        align-items: flex-end;
        display: flex
    }

    .ui-pdp-modal-seller .andes-modal__header {
        -webkit-user-select: none;
        user-select: none
    }

    .ui-pdp-modal-seller .andes-modal__content {
        padding: 0 64px 64px
    }

    .ui-pdp-modal-seller .ui-pdp-seller {
        flex-direction: column;
        gap: 48px
    }

    .ui-pdp-modal-seller .ui-pdp-seller__header {
        margin: 0
    }

    .ui-pdp-modal-seller .ui-pdp-seller__list-info {
        width: 100%
    }

    .ui-pdp-modal-seller .andes-modal__close-button:focus {
        outline: transparent
    }

    .ui-pdp-modal-seller .andes-modal__close-button {
        margin-top: 4px
    }

    .ui-pdp-modal-seller .andes-modal__header__contents {
        margin-right: 16px
    }

    .ui-pdp-s-results .ui-pdp-seller__with-logo .ui-pdp-seller__header__subtitle {
        line-height: 14px
    }

    .ui-pdp-seller__compats {
        padding-top: 32px;
        width: 100%
    }

    .ui-pdp-seller__link {
        display: inline
    }

    .ui-pdp-products {
        margin-top: 32px
    }

    .ui-pdp-products__label {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.25
    }

    .ui-pdp-products__list {
        margin-top: 8px
    }

    .ui-pdp-products__link {
        display: inline-flex;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.25;
        margin-top: 4px
    }

    .ui-pdp-products__link .ui-pdp-price__part {
        line-height: 1.25;
        margin: 0 .27em
    }

    .ui-pdp-products__link:first-child {
        margin-top: 0
    }

    .ui-pdp-products .price-tag {
        color: inherit;
        font-size: inherit;
        line-height: inherit
    }

    .ui-pdp-iframe-reviews {
        height: 100%;
        max-height: 640px !important;
        max-width: unset;
        min-height: 480px;
        overflow: hidden;
        position: relative;
        width: 840px
    }

    .ui-pdp-iframe-reviews__content {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .ui-pdp-iframe-reviews .andes-modal__scroll {
        height: 100%;
        overflow-y: hidden
    }

    .ui-pdp-iframe-reviews .andes-modal__content {
        height: 100%;
        padding: unset
    }

    .ui-pdp-iframe-reviews .andes-modal__close-button {
        opacity: 0
    }

    .ui-pdp-related-search {
        color: rgba(0, 0, 0, .9);
        height: 20px;
        margin-bottom: 12px;
        margin-top: 16px;
        overflow: hidden;
        overflow-wrap: break-word;
        width: 900px
    }

    .ui-pdp-related-search__item {
        color: rgba(0, 0, 0, .9);
        display: inline;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: pre;
        width: 100%
    }

    .ui-pdp-related-search__item:not(:first-of-type, :nth-child(2)):before {
        content: "-";
        padding: 0 4px
    }

    .ui-pdp-related-search__item:first-of-type {
        font-weight: 600
    }

    .ui-pdp-related-search__item:first-of-type:after {
        content: ":";
        padding: 0 4px 0 0
    }

    .ui-pdp-related-search__item:last-of-type:after {
        content: none
    }

    .ui-pdp-related-search__list {
        color: rgba(0, 0, 0, .9);
        font-weight: 400
    }

    .ui-pdp-related-search__link,
    .ui-pdp-related-search__link:active,
    .ui-pdp-related-search__link:visited {
        color: rgba(0, 0, 0, .9)
    }

    .ui-pdp-related-search__link:hover {
        color: rgba(0, 0, 0, .9);
        text-decoration: none
    }

    .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 {
        align-items: center;
        display: flex;
        font-size: 14px;
        line-height: 1
    }

    .ui-pdp-share .andes-button__content {
        top: 1px
    }

    .ui-pdp-share__tooltip {
        padding: unset;
        width: auto
    }

    .ui-pdp-share__tooltip .andes-tooltip__trigger {
        display: inline-block;
        width: 100px
    }

    .ui-pdp-share__tooltip .andes-tooltip-button-close {
        display: none
    }

    .ui-pdp-share__link__label {
        color: var(--andes-color-blue-500, #3483fa) !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        height: 14px !important;
        line-height: 1 !important;
        padding: 0 8px !important
    }

    .ui-pdp-share__link__label:hover {
        background-color: transparent;
        cursor: pointer
    }

    .ui-pdp-share__link__input {
        display: none
    }

    .ui-pdp-share__link__input:checked+div {
        display: block
    }

    .ui-pdp-share__link__tooltip {
        background: #fff;
        border: 1px solid #ededed;
        border-radius: 4px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
        display: none;
        margin-left: -88px;
        margin-top: 26px;
        padding: 8px;
        position: absolute
    }

    .ui-pdp-eyi+.ui-pdp-share:before,
    .ui-pdp-syi+.ui-pdp-share:before {
        background-color: rgba(0, 0, 0, .2);
        content: "";
        display: inline-block;
        height: 14px;
        margin: 2px 1px 0 11px;
        vertical-align: middle;
        width: .5px
    }

    .ui-pdp-share__content__list {
        display: flex;
        padding: 6px 18px 2px 16px
    }

    .ui-pdp-share__content__list__item {
        align-items: center;
        display: flex
    }

    .ui-pdp-share__content__list svg {
        width: 20px
    }

    .ui-pdp-share__content__list svg.ui-pdp-icon--email {
        width: 18px
    }

    .ui-pdp-share__content__list svg.ui-pdp-icon--twitter {
        width: 25px
    }

    .ui-pdp-share__content__list__item:not(:last-of-type) {
        margin-right: 20px
    }

    .ui-pdp-specs {
        color: rgba(0, 0, 0, .9)
    }

    .ui-pdp-specs__title {
        font-size: 24px;
        padding-bottom: 32px
    }

    .ui-pdp-specs-groups__subtitle {
        font-size: 20px;
        padding-top: 20px
    }

    .ui-pdp-specs__list {
        padding-bottom: 0
    }

    .ui-pdp-specs__table__column,
    .ui-pdp-specs__table__column-title {
        font-size: 16px
    }

    .ui-pdp-specs__tabs .andes-tabs__container .andes-tab {
        width: auto
    }

    .ui-pdp-specs__compats {
        margin-bottom: 32px
    }

    .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-specs-groups-collapsable {
        color: rgba(0, 0, 0, .9)
    }

    .ui-pdp-specs-groups-collapsable__subtitle {
        padding-bottom: 16px;
        padding-top: 20px
    }

    .ui-pdp-specs-groups-collapsable__list {
        padding-bottom: 0
    }

    .ui-pdp-specs-groups-collapsable__action {
        cursor: pointer
    }

    .ui-pdp-specs-groups-collapsable__action:focus {
        outline: 0
    }

    .ui-pdp-specs-groups-collapsable--is-collapsed-only-pdp {
        max-height: 494px;
        overflow: hidden
    }

    .ui-pdp-specs {
        width: 100%
    }

    .ui-pdp-specs__action {
        align-items: center;
        color: var(--andes-color-blue-500, #3483fa);
        cursor: pointer;
        display: inline-flex;
        font-size: 14px;
        font-weight: 400;
        padding-right: 16px;
        padding-top: 8px
    }

    .ui-pdp-specs__action:focus {
        outline: 0
    }

    .ui-pdp-specs__chevron {
        margin-left: 6px;
        margin-top: 4px
    }

    .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 {
        margin-top: 2px
    }

    .ui-pdp-action-modal.cho-guest {
        margin-top: -20px
    }

    .ui-pdp-action-modal-content {
        height: 100%;
        padding-bottom: 0
    }

    .ui-pdp-action-modal .ui-pdp-icon {
        height: 15px;
        width: 14px
    }

    .ui-pdp-action-modal__modal--no-title .andes-modal__header {
        display: none
    }

    .ui-pdp-action-modal__modal.vip-mshops-buy-now__iframe-modal--no-title .andes-modal__header {
        padding: 0
    }

    .ui-pdp-reviews__rating {
        margin-bottom: 24px
    }

    .ui-pdp-reviews__rating__summary {
        display: inline-block
    }

    .ui-pdp-reviews__rating__summary__average {
        line-height: .53;
        text-align: right
    }

    .ui-pdp-reviews__rating__summary__rating {
        margin-top: 14px;
        text-align: right
    }

    .ui-pdp-reviews__rating__summary__rating__star {
        height: 22.8px;
        margin-left: 8px;
        width: 24px
    }

    .ui-pdp-reviews__rating__summary__rating__star:first-child {
        margin-left: 0
    }

    .ui-pdp-reviews__rating__summary__label {
        font-size: 14px;
        font-weight: 300;
        margin-top: 12px;
        position: relative;
        top: -8px
    }

    .ui-pdp-reviews__rating__extended {
        display: inline-block;
        max-width: 315px;
        width: 100%
    }

    .ui-pdp-reviews__rating__extended__level {
        align-items: center;
        display: flex;
        flex-direction: row;
        height: 10px;
        margin-bottom: 15px
    }

    .ui-pdp-reviews__rating__extended__level__column {
        display: flex;
        flex-direction: column
    }

    .ui-pdp-reviews__rating__extended__level__column--right--margin {
        margin-right: 24px
    }

    .ui-pdp-reviews__rating__extended__level__column--left--margin {
        margin-left: 24px
    }

    .ui-pdp-reviews__rating__extended__level__text {
        color: rgba(0, 0, 0, .55);
        min-width: 72px;
        text-align: right
    }

    .ui-pdp-reviews__rating__extended__level__value {
        color: rgba(0, 0, 0, .55)
    }

    .ui-pdp-reviews__rating__extended__level__progress-bar {
        border-radius: 100px;
        display: inline-block;
        height: 4px;
        margin-top: 4px;
        position: relative;
        vertical-align: middle;
        width: 120px
    }

    .ui-pdp-reviews__rating__extended__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-pdp-reviews__rating__extended__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-pdp-reviews__comments__button {
        display: block;
        font-size: 14px;
        margin-top: 25px
    }

    .ui-pdp-reviews__comments__button:hover {
        text-decoration: none
    }

    .ui-pdp-reviews__comments__review-comment {
        margin-top: 30px
    }

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

    .ui-pdp-reviews__actions__container {
        display: flex
    }

    .ui-pdp-reviews__actions__divider {
        color: rgba(0, 0, 0, .25);
        font-weight: 700;
        margin: 0 12px
    }

    .ui-pdp-reviews {
        width: 100%
    }

    .ui-pdp-reviews__header__title {
        font-size: 24px;
        line-height: 1
    }

    .ui-pdp-reviews .andes-tab-content,
    .ui-pdp-reviews__comments__tab-content {
        margin-top: 32px;
        padding: 0 0 32px
    }

    .ui-pdp-reviews .andes-tabs__slider {
        top: 40px
    }

    .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-bookmark__link-bookmark {
        background: transparent;
        border: 0;
        cursor: pointer;
        padding: 0;
        position: relative
    }

    .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 g {
        stroke-width: 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:
    }

    .ui-pdp-bookmark__label--hidden {
        display: none
    }

    .snackbar--add-bookmark,
    .snackbar--remove-bookmark {
        display: flex !important;
        flex-wrap: !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 {
        position: relative
    }

    .ui-pdp-bookmark__link-bookmark {
        position: absolute;
        right: 0;
        top: 0
    }

    .ui-pdp-fetching-component+form.ui-pdp-bookmark__link-bookmark {
        position: absolute
    }

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

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

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

    .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-vpp-questions-ai-form__andes-form {
        display: flex;
        gap: 12px
    }

    .ui-vpp-questions-ai-form__content {
        display: flex;
        flex: 1;
        position: relative
    }

    .ui-vpp-questions-ai-form__input {
        width: 100%
    }

    .ui-vpp-questions-ai-form__input .andes-form-control__field {
        padding-right: 42px
    }

    .ui-vpp-questions-ai-form__clear {
        cursor: pointer;
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%)
    }

    .ui-vpp-questions-ai-form__clear svg {
        fill: var(--andes-color-blue-500, #3483fa);
        fill-opacity: 1;
        height: 12px;
        width: 12px
    }

    .ui-vpp-questions-ai-form__actions {
        width: 185px
    }

    .ui-vpp-questions-ai-form__actions-span-progress {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .ui-vpp-questions-ai-form__actions-button .andes-button__content .andes-button__text {
        margin-left: 0
    }

    .ui-vpp-questions-ai-form__actions-button .andes-button__content .ui-pdp-action-icon--BLUE {
        fill: var(--andes-color-blue-500, #3483fa)
    }

    .ui-vpp-questions-ai-form__actions-button .andes-button__content .ui-pdp-action-icon--WHITE {
        fill: #fff
    }

    .ui-vpp-questions-ai-suggestion__spinner-container {
        display: flex;
        justify-content: center
    }

    .ui-vpp-questions-ai-suggestion__spinner-container__spinner {
        align-items: center;
        display: flex;
        justify-content: center;
        width: 100%
    }

    .ui-vpp-questions-ai-suggestion__card-content {
        display: flex;
        flex-direction: column;
        gap: 8px
    }

    .ui-vpp-questions-ai-suggestion__answered-by {
        display: flex;
        gap: 4px;
        margin-top: 8px
    }

    .ui-vpp-questions-ai-suggestion__icon {
        height: 16px;
        width: 17px;
        fill: #3483fa;
        margin-top: 1px
    }

    .ui-vpp-questions-ai-suggestion__content {
        padding: 16px 16px 10px
    }

    .ui-vpp-questions-ai-suggestion__content-answer {
        display: flex;
        gap: 20px;
        justify-content: space-between
    }

    .ui-vpp-questions-ai-suggestion__footer {
        align-items: center;
        border-top: 1px solid rgba(0, 0, 0, .1);
        display: flex;
        justify-content: space-between;
        padding: 16px
    }

    .ui-vpp-questions-ai-suggestion p.ui-vpp-questions-ai-suggestion__ask-seller {
        cursor: pointer;
        margin: 0
    }

    .ui-vpp-questions-ai-suggestion .andes-card {
        background-color: #e9f2ff
    }

    .ui-vpp-questions-ai-suggestion .andes-card--outline {
        border: none
    }

    .ui-vpp-questions-ai-suggestion .andes-card.andes-popper {
        align-content: center;
        background-color: #fff;
        height: 48px;
        width: 196px
    }

    .ui-vpp-questions-ai-user-feedback {
        display: flex;
        flex-direction: column;
        gap: 6px
    }

    .ui-vpp-questions-ai-user-feedback__buttons {
        display: flex
    }

    .ui-vpp-questions-ai-user-feedback__buttons .andes-button {
        border: 1px solid #c4c4c4;
        border-radius: 100px;
        color: rgba(0, 0, 0, .55);
        height: 32px;
        margin-right: 8px;
        padding: 0 8px
    }

    .ui-vpp-questions-ai-user-feedback__buttons .andes-button:hover {
        background-color: var(--andes-color-blue-100, rgba(65, 137, 230, .1));
        border-color: var(--andes-color-blue-500, #3483fa);
        color: var(--andes-color-blue-500, #3483fa)
    }

    .ui-vpp-questions-ai-user-feedback__buttons .andes-button:hover path {
        stroke: none !important;
        fill: var(--andes-color-blue-500, #3483fa)
    }

    .ui-vpp-questions-ai-user-feedback__buttons .andes-button:last-child .andes-button__content {
        left: 1px
    }

    .ui-vpp-questions-ai-user-feedback__buttons .ui-vpp-questions-ai-user-feedback__button {
        border: 0;
        box-shadow: none;
        color: rgba(0, 0, 0, .55);
        font-weight: 300;
        outline: none;
        padding: 0
    }

    .ui-vpp-questions-ai-user-feedback__buttons .ui-vpp-questions-ai-user-feedback__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-vpp-questions-ai-user-feedback__buttons .ui-vpp-questions-ai-user-feedback__button:hover path {
        stroke: transparent !important;
        fill: var(--andes-color-blue-500, #3483fa)
    }

    .ui-vpp-questions-ai-user-feedback__buttons .ui-vpp-questions-ai-user-feedback__button path {
        stroke: transparent !important;
        fill: rgba(0, 0, 0, .55);
        fill-opacity: 1
    }

    .ui-vpp-questions-ai-user-feedback__buttons .ui-vpp-questions-ai-user-feedback__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 8px
    }

    .ui-vpp-questions-ai-user-feedback__buttons .ui-vpp-questions-ai-user-feedback__button-like .andes-button__content {
        gap: 6px
    }

    .ui-vpp-questions-ai-user-feedback__buttons .ui-vpp-questions-ai-user-feedback__button-like .andes-button__content:after {
        content: none
    }

    .ui-vpp-questions-ai-user-feedback__buttons .ui-vpp-questions-ai-user-feedback__button-like__text {
        font-size: 12px;
        font-weight: 600;
        white-space:
    }

    .ui-vpp-questions-ai-user-feedback__buttons .ui-vpp-questions-ai-user-feedback__button-dislike {
        border: 1px solid #c4c4c4;
        border-radius: 100px;
        box-sizing: border-box;
        display: flex;
        height: 32px;
        padding: 0 8px;
        width: 32px
    }

    .ui-vpp-questions-ai-user-feedback__buttons .active {
        pointer-events: none
    }

    .ui-vpp-questions-ai-user-feedback__buttons .active,
    .ui-vpp-questions-ai-user-feedback__buttons .active.andes-button.andes-button--transparent:focus {
        background-color: var(--andes-color-blue-500, #3483fa);
        border: none;
        color: #fff
    }

    .ui-vpp-questions-ai-user-feedback__buttons .active.andes-button.andes-button--transparent:hover {
        background-color: transparent;
        border-color: transparent;
        color: #3483fa
    }

    .ui-vpp-questions-ai-user-feedback__buttons .active path {
        stroke: none !important;
        fill: #fff
    }

    .ui-vpp-questions-ai-denounce__tooltip {
        color: rgba(0, 0, 0, .9);
        padding: 8px 4px
    }

    .ui-vpp-questions-ai-denounce__tooltip .andes-tooltip__content {
        margin-left: 16px;
        margin-right: 0
    }

    .ui-vpp-questions-ai-denounce__tooltip .andes-tooltip__actions {
        margin-top: 0
    }

    .ui-vpp-questions-ai-denounce__tooltip--button,
    .ui-vpp-questions-ai-denounce__tooltip--button.andes-button {
        border: none;
        border-radius: 50%;
        cursor: pointer;
        height: 16px;
        outline: none;
        padding: 0;
        vertical-align: top;
        width: 8px
    }

    .ui-vpp-questions-ai-denounce__tooltip--button.andes-button:after,
    .ui-vpp-questions-ai-denounce__tooltip--button.andes-button:before,
    .ui-vpp-questions-ai-denounce__tooltip--button:after,
    .ui-vpp-questions-ai-denounce__tooltip--button:before {
        display: none
    }

    .ui-vpp-questions-ai-denounce__tooltip--button.andes-button:active,
    .ui-vpp-questions-ai-denounce__tooltip--button.andes-button:hover,
    .ui-vpp-questions-ai-denounce__tooltip--button:active,
    .ui-vpp-questions-ai-denounce__tooltip--button:hover {
        background: transparent
    }

    .ui-vpp-questions-ai-denounce__tooltip--button.andes-button>.andes-button__content,
    .ui-vpp-questions-ai-denounce__tooltip--button>.andes-button__content {
        flex-wrap: wrap;
        height: 100%;
        padding-right: 3px;
        padding-top: 4px;
        vertical-align: top
    }

    .ui-vpp-questions-ai-denounce__tooltip--button.andes-button>.andes-button__content:after,
    .ui-vpp-questions-ai-denounce__tooltip--button>.andes-button__content:after {
        display: none
    }

    .ui-vpp-questions-ai-denounce__tooltip--button .denounce-dropdown__circle,
    .ui-vpp-questions-ai-denounce__tooltip--button.andes-button .denounce-dropdown__circle {
        background-color: rgba(0, 0, 0, .9);
        border-radius: 20px;
        display: block;
        float: none;
        height: 3px;
        width: 3px
    }

    .ui-vpp-questions-ai-denounce__tooltip--button .denounce-dropdown__circle:not(.ui-vpp-questions-ai-denounce__tooltip--button .denounce-dropdown__circle:first-child, .ui-vpp-questions-ai-denounce__tooltip--button.andes-button .denounce-dropdown__circle:first-child),
    .ui-vpp-questions-ai-denounce__tooltip--button.andes-button .denounce-dropdown__circle:not(.ui-vpp-questions-ai-denounce__tooltip--button .denounce-dropdown__circle:first-child, .ui-vpp-questions-ai-denounce__tooltip--button.andes-button .denounce-dropdown__circle:first-child) {
        margin-top: 2px
    }

    .ui-vpp-questions-ai-denounce-content__item-menu {
        align-items: center;
        background-color: transparent;
        border: none;
        color: rgba(0, 0, 0, .9);
        cursor: pointer;
        display: flex;
        font-size: 16px;
        gap: 12px;
        padding: 0
    }

    .ui-vpp-questions-ai-denounce-content__item-menu:hover {
        color: #000
    }

    .ui-vpp-questions-ai-denounce-content__item-menu--denounced {
        opacity: .25;
        pointer-events: none
    }

    .ui-pdp-questions__questions-ai {
        display: flex;
        flex-direction: column;
        gap: 24px;
        margin: 36px 0
    }

    .ui-pdp-questions__questions-ai .andes-form-control--focused.visible-focused,
    .ui-pdp-questions__questions-ai .andes-form-control__control.visible-focused {
        box-shadow: 0 0 0 .125em #3483fa
    }

    .ui-pdp-questions {
        margin-bottom: 48px;
        width: 100%
    }

    .ui-pdp-questions__list {
        display: inline-block
    }

    .ui-pdp-questions__list-container {
        display: inline-block;
        position: relative
    }

    .ui-pdp-questions__tooltip {
        background-color: var(--andes-color-blue-500, #3483fa);
        border-radius: 4px;
        box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .15), 0 0 2px 0 rgba(0, 0, 0, .2);
        color: #fff;
        display: inline-block;
        height: auto;
        margin-left: 6px;
        padding: 16px;
        position: absolute;
        right: -215px;
        top: -14px;
        width: 212px;
        z-index: 2
    }

    .ui-pdp-questions__tooltip__primary {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 5px
    }

    .ui-pdp-questions__tooltip p {
        line-height: 14px
    }

    .ui-pdp-questions__tooltip__close {
        cursor: pointer;
        display: block;
        height: 12px;
        position: absolute;
        right: 16px;
        top: 17px;
        width: 12px
    }

    .ui-pdp-questions__tooltip__close:after {
        transform: rotate(-45deg)
    }

    .ui-pdp-questions__tooltip__close:before {
        transform: rotate(45deg)
    }

    .ui-pdp-questions__tooltip__close:after,
    .ui-pdp-questions__tooltip__close:before {
        background-color: #fff;
        content: "";
        cursor: pointer;
        height: 12px;
        left: 6px;
        position: absolute;
        top: 0;
        width: 1px
    }

    .ui-pdp-questions__tooltip:after {
        border-bottom: 8px solid transparent;
        border-right: 8px solid var(--andes-color-blue-500, #3483fa);
        border-top: 8px solid transparent;
        content: "";
        left: -7px;
        position: absolute;
        top: 33px
    }

    .ui-pdp-questions__form {
        display: flex;
        margin-bottom: 24px
    }

    .ui-pdp-questions__title {
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 40px
    }

    .ui-pdp-questions__subtitle,
    .ui-pdp-questions__subtitle--question,
    .ui-pdp-questions__title {
        color: rgba(0, 0, 0, .9)
    }

    .ui-pdp-questions__subtitle {
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 4px
    }

    .ui-pdp-questions__subtitle--question {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 14px;
        margin-top: 44px
    }

    .ui-pdp-questions__content-input {
        display: inline-block
    }

    .ui-pdp-questions__input {
        font-size: 15px;
        height: -moz-fit-content !important;
        height: fit-content !important;
        padding-top: 0;
        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__control .andes-form-control__field:focus,
    .ui-pdp-questions__input .andes-form-control__control .andes-form-control__field:hover {
        border-width: 1px
    }

    .ui-pdp-questions__input .andes-form-control__field::placeholder {
        font-size: 15px
    }

    .ui-pdp-container__row--questions div:not(.ui-pdp-questions__checkbox-credits-interest__wrapper)+.ui-pdp-questions__button {
        margin-left: 16px
    }

    div:not(.ui-pdp-questions__checkbox-credits-interest__wrapper)+.ui-pdp-questions__button {
        display: inline-block;
        font-size: 16px;
        height: 48px;
        padding: 16px 0;
        vertical-align: top;
        width: 184px
    }

    .ui-pdp-questions__questions-list__answer-item__denounce,
    .ui-pdp-questions__questions-list__question-item__denounce {
        opacity: 0;
        padding: 2px 0 0
    }

    .ui-pdp-questions__questions-list__item__denounce--VISIBLE {
        opacity: 1
    }

    .ui-pdp-questions__questions-list__title {
        font-size: 18px
    }

    .ui-pdp-questions__questions-list__item-questions--others-questions:first-child {
        padding-top: 8px
    }

    .ui-pdp-questions__questions-list__question-wrap {
        display: flex;
        flex-wrap: wrap
    }

    .ui-pdp-questions__questions-list__answer-item__denounce__overriding-default-button,
    .ui-pdp-questions__questions-list__answer-item__denounce__overriding-default-button:active,
    .ui-pdp-questions__questions-list__answer-item__denounce__overriding-default-button:focus,
    .ui-pdp-questions__questions-list__answer-item__denounce__overriding-default-button:hover,
    .ui-pdp-questions__questions-list__question-item__denounce__overriding-default-button,
    .ui-pdp-questions__questions-list__question-item__denounce__overriding-default-button:active,
    .ui-pdp-questions__questions-list__question-item__denounce__overriding-default-button:focus,
    .ui-pdp-questions__questions-list__question-item__denounce__overriding-default-button:hover {
        align-items: center;
        background-color: transparent;
        border-color: transparent;
        box-shadow: none;
        color: var(--andes-color-blue-500, #3483fa);
        cursor: pointer;
        display: flex;
        font-weight: 400;
        height: 22px !important;
        justify-content: center;
        outline: none;
        overflow: visible
    }

    .ui-pdp-questions__questions-list__answer-item__denounce__overriding-default-button:active,
    .ui-pdp-questions__questions-list__question-item__denounce__overriding-default-button:active {
        color: #1f4e96
    }

    .ui-pdp-questions__content {
        display: flex;
        width: 100%
    }

    .ui-pdp-questions__content .ui-pdp-questions__button {
        margin-left: 16px
    }

    .ui-pdp-questions__checkbox-credits-interest-content {
        display: inline-block;
        width: 100%
    }

    .ui-pdp-questions__checkbox-credits-interest__wrapper .ui-pdp-questions__button {
        width: auto
    }

    .ui-pdp-questions__time-text {
        color: rgba(0, 0, 0, .55);
        display: block;
        font-size: 14px;
        margin-top: 8px
    }

    .ui-pdp-questions .ui-pdp-action-modal {
        margin-top: 0
    }

    .ui-pdp-questions__item {
        display: inline-block;
        margin-right: 12px;
        margin-top: 12px
    }

    .ui-pdp-questions__item:last-child {
        margin-right: 15px
    }

    .ui-pdp-questions .andes-form-control__field {
        margin-top: 0
    }

    .ui-pdp-questions .andes-form-control__message-fixed {
        margin-top: 8px
    }

    .ui-pdp-questions__message-container {
        border-radius: 4px;
        display: inline-block;
        margin-top: 24px;
        padding: 9px 16px
    }

    .ui-pdp-questions__stock-modal {
        width: 500px
    }

    .ui-pdp-questions__message-location--simple .ui-pdp-icon,
    .ui-pdp-questions__message-location--simple figure {
        height: 20px;
        width: 20px
    }

    .ui-pdp-questions__message-location--container {
        margin-bottom: 16px;
        width: -moz-fit-content;
        width: fit-content
    }

    .ui-pdp-questions__message-location--container .andes-message__content {
        padding-right: 32px;
        width: -moz-fit-content;
        width: fit-content
    }

    .ui-pdp-questions__no-questions--text span {
        font-weight: 400
    }

    .ui-pdp-questions__questions-others-question-modal .ui-pdp-action-modal__link {
        font-size: 14px
    }

    .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-container__row--questions-short-description .ui-pdp-questions__form {
        display: block;
        margin-bottom: unset;
        padding-top: 32px
    }

    .ui-pdp-container__row--questions-short-description .ui-pdp-questions__content {
        display: flex;
        flex-direction: column;
        gap: 1rem
    }

    .ui-pdp-container__row--questions-short-description .ui-pdp-questions__content-input {
        display: block
    }

    .ui-pdp-container__row--questions-short-description .ui-pdp-questions__button {
        display: block;
        margin: 0;
        width: 100%
    }

    .ui-pdp-container__row--questions-short-description .ui-pdp-questions .ui-pdp-questions__input .andes-form-control__control .andes-form-control__field {
        min-height: 112px !important
    }

    .ui-pdp-accessibility-texts__buy {
        height: 1px;
        left: -10000px;
        margin-top: .3rem;
        overflow: hidden;
        position: absolute;
        top: auto;
        width: 1px
    }

    .ui-pdp-accessibility-texts__buy:focus,
    .ui-pdp-accessibility-texts__buy:focus-visible {
        height: auto;
        padding-top: -10px;
        position: static;
        width: auto
    }

    .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 {
        bottom: 0;
        content: "";
        height: 100%;
        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-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);
        left: 0
    }

    .ui-pdp-collapsable.ui-pdp-collapsable--is-collapsed .ui-pdp-collapsable__container-items-hidden .ui-pdp-list__wrapper:nth-child(n+12),
    .ui-vip-core .ui-pdp-collapsable.ui-pdp-collapsable--is-collapsed .ui-pdp-collapsable__container-items-hidden .ui-pdp-list__wrapper:nth-child(n+7) {
        display: none
    }

    .ui-pdp-collapsable__action {
        cursor: pointer;
        margin-top: 8px;
        padding-left: 0
    }

    .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 .ui-pdp-summary-list__item {
        margin-bottom: 6px;
        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: 14px;
        margin-left: 10px
    }

    .ui-pdp-other-sellers-item__tag {
        margin: 1px 0 0;
        right: 14px;
        top: 9px
    }

    .ui-pdp-other-sellers-item__cbt {
        margin-bottom: -8px;
        margin-top: 16px
    }

    .ui-pdp-other-sellers-item__cbt .ui-pdp-media__title {
        margin-bottom: 0
    }

    .ui-pdp-other-sellers-item__cbt .ui-pdp-media__figure {
        margin: 2px -2px 0 0
    }

    .ui-pdp-other-sellers-item__cbt .ui-pdp-media__figure .ui-pdp-icon--cbt-world {
        height: 15px;
        width: 15px
    }

    .ui-pdp-other-sellers-item__cbt .ui-pdp-icon--cbt-summary {
        height: 12px;
        width: 154px
    }

    .ui-pdp-other-sellers .ui-pdp-price__second-line__label {
        font-size: 14px;
        margin-left: 6px
    }

    .ui-pdp-other-sellers .ui-pdp-price__original-value {
        font-size: 14px;
        margin-bottom: 1px
    }

    .ui-pdp-other-sellers .ui-pdp-price__tags {
        margin-top: 12px
    }

    .ui-pdp-other-sellers .ui-pdp-price__tags__wrapper-tags {
        align-items: baseline;
        margin-bottom: 4px
    }

    .ui-pdp-other-sellers .ui-pdp-price__tags__wrapper-tags:last-of-type {
        margin-bottom: 0
    }

    .ui-pdp-other-sellers .ui-pdp-price__tags__wrapper-tags:last-of-type .ui-pdp-promotions-pill-label--info {
        padding-top: 4px
    }

    .ui-pdp-other-sellers .ui-pdp-price__tags__wrapper-tags:last-of-type .ui-pdp-promotions-pill-label--tag {
        margin-bottom: 0
    }

    .ui-pdp-other-sellers .ui-pdp-price__tags .ui-pdp-promotions-pill-label {
        margin-bottom: 0;
        margin-right: 5px;
        padding: 3px 5px;
        text-transform: none
    }

    .ui-pdp-other-sellers .ui-pdp-price__tags .ui-pdp-promotions-pill-label--info {
        line-height: .9;
        margin-bottom: 0;
        padding: 5px 0 0
    }

    .ui-pdp-other-sellers .ui-pdp-price__subtitles {
        margin-top: 1px
    }

    .ui-pdp-other-sellers-item__list-top {
        flex-wrap: wrap;
        padding-bottom: 13px
    }

    .ui-pdp-other-sellers .ui-pdp-buybox {
        border: 0;
        padding: 0
    }

    .ui-pdp-other-sellers .ui-pdp-actions__container {
        align-items: center;
        display: flex;
        flex-direction: unset
    }

    .ui-pdp-other-sellers .ui-pdp-actions__container .andes-button+.andes-button {
        margin-left: 0
    }

    [data-country=BR] .ui-pdp-other-sellers-item__actions .ui-pdp-actions__container {
        gap: 7px
    }

    [data-country=BR] .ui-pdp-other-sellers-item__actions .ui-pdp-actions__container .andes-button {
        font-size: 12px;
        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-qadb__make-question__label {
        margin-top: 28px
    }

    .ui-pdp-qadb__make-question__button {
        height: 32px;
        margin-top: 17px;
        padding: 9px 11px
    }

    .ui-pdp-qadb__make-question__button .andes-button__content {
        font-size: 14px
    }

    .ui-pdp-qadb__make-question__modal {
        height: 312px;
        width: 100%
    }

    .ui-pdp-qadb__make-question__modal .andes-modal__header {
        padding: 25px 32px
    }

    .ui-pdp-qadb__make-question__modal .andes-modal__header-title {
        color: rgba(0, 0, 0, .9);
        font-size: 24px;
        font-weight: 600
    }

    .ui-pdp-qadb__make-question__modal .andes-modal__content {
        padding-bottom: 32px;
        padding-left: 32px;
        padding-right: 32px
    }

    .ui-pdp-qadb__make-question__modal .ui-pdp-qadb__question-form__form__actions__button {
        padding: 14px 24px
    }

    .ui-pdp-qadb__make-question__modal .andes-form-control--textfield.andes-form-control--multiline .andes-form-control__field {
        max-height: 125px;
        min-height: 125px
    }

    .ui-qadb__make-question-sa__label {
        margin-top: 28px
    }

    .ui-qadb__make-question-sa__form {
        display: flex
    }

    .ui-qadb__make-question-sa__content {
        display: inline-block;
        width: 100%
    }

    .ui-qadb__make-question-sa__content .andes-form-control.ui-qadb__make-question-sa__input {
        padding-top: 0
    }

    .ui-pdp-qadb__card-answer__smart-answers {
        padding: 16px 19px 15px
    }

    .ui-pdp-qadb__question-form__form__actions__button:not(:first-of-type) {
        margin-left: 8px
    }

    .andes-modal__overlay--large .ui-pdp-question-modal__modal {
        min-height: 345px;
        width: 100%
    }

    .andes-modal__overlay--large .ui-pdp-question-modal__modal.modal-fixed-height {
        height: auto;
        min-height: 315px
    }

    .andes-modal__overlay--large .ui-pdp-question-modal__modal .andes-modal__header {
        padding: 32px 32px 0
    }

    .andes-modal__overlay--large .ui-pdp-question-modal__modal .andes-modal__content {
        padding: 0 32px
    }

    .andes-modal__overlay--large .ui-pdp-question-modal__modal .andes-modal__close-button {
        margin: 0
    }

    .andes-modal__overlay--large .ui-pdp-question-modal__modal .andes-modal-title {
        color: rgba(0, 0, 0, .9);
        font-size: 24px;
        line-height: 1.25
    }

    .andes-modal__overlay--large .ui-pdp-question-modal__modal .ui-pdp-question-modal__subtitle {
        color: rgba(0, 0, 0, .9);
        font-size: 16px;
        line-height: 1.25;
        margin: 12px 0 28px
    }

    .andes-modal__overlay--large .ui-pdp-question-modal__modal .andes-form-control--textfield.andes-form-control--multiline .andes-form-control__field {
        max-height: 125px;
        min-height: 125px
    }

    .andes-modal__overlay--large .ui-pdp-qadb__question-form__form__actions {
        margin-bottom: 0
    }

    .andes-modal__overlay--large .ui-pdp-qadb__question-form__form__actions__button {
        padding: 14px 24px
    }

    .ui-pdp-qadb__search-bar {
        margin-top: 40px
    }

    .ui-pdp-qadb__search-bar .ui-pdp-search-bar__title {
        font-size: 18px
    }

    .ui-pdp-qadb__search-bar__input.andes-form-control {
        padding-top: 0
    }

    .ui-pdp-qadb__search-bar__input .andes-form-control__field {
        padding-right: 64px
    }

    .ui-pdp-qadb__search-bar__input .andes-form-control__field::placeholder {
        font-size: 16px
    }

    .ui-pdp-qadb__search-bar__input--shows-close .andes-form-control__field {
        padding-right: 94px
    }

    .ui-pdp-qadb__search-bar__input-container {
        margin-top: 16px
    }

    .ui-pdp-qadb__search-bar__search {
        width: 64px
    }

    .ui-pdp-qadb__search-bar__search:focus {
        box-shadow: 0 0 0 3px rgba(var(--andes-color-blue-200, rgba(65, 137, 230, .2)), .3)
    }

    .ui-pdp-qadb__search-bar__clear-search {
        right: 80px
    }

    .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 {
        padding-right: 38px;
        width: 418px
    }

    .ui-pdp-qadb__feedback {
        padding: 48px 72px
    }

    .ui-pdp-qadb__feedback__label {
        text-align: center
    }

    .ui-pdp-qadb__questions-list__see-more__modal-content {
        height: 700px;
        max-height: 90%;
        max-width: unset;
        width: 840px
    }

    .ui-pdp-qadb__questions-list__question {
        margin-top: 24px
    }

    .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: flex;
        margin-top: 32px
    }

    .ui-pdp-qadb__no-last-questions .no-last-questions__subtitle {
        padding-left: 3px
    }

    .ui-pdp-quick-access__container {
        margin-top: 40px
    }

    .ui-pdp-quick-access__container .ui-pdp-questions__subtitle {
        font-weight: 600;
        padding-bottom: 8px
    }

    .ui-pdp-quick-access__container .ui-pdp-action-modal {
        margin-top: 8px
    }

    .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__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__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: 20px
    }

    .ui-pdp-qadb__smart-answer .ui-pdp-action-modal {
        display: inline-block
    }

    .ui-pdp-qadb__smart-answer .ui-pdp-action-modal__link {
        font-size: 16px;
        font-weight: 400
    }

    .ui-pdp-qadb__smart-answer-modal__button .andes-button {
        margin-left: 8px
    }

    .ui-pdp-qadb__smart-answer-modal__button .andes-button__content {
        font-weight: 600
    }

    .ui-pdp-qadb__smart-answer-modal .ok-cta {
        margin-right: 10px
    }

    .ui-pdp-qadb__smart-answer-modal__label {
        color: rgba(0, 0, 0, .9)
    }

    .ui-pdp-qadb__smart-answer-modal__label .ui-pdp-action-modal {
        display: inline;
        font-size: 16px
    }

    .ui-pdp-qadb__smart-answer-modal__label .ui-pdp-action-modal .andes-tooltip__trigger,
    .ui-pdp-qadb__smart-answer-modal__label .ui-pdp-action-modal div {
        display: inline
    }

    .ui-pdp-qadb__smart-answer-modal__modal {
        height: auto;
        width: 500px
    }

    .ui-pdp-qadb__smart-answer-modal__modal .ok-cta {
        margin-right: 10px
    }

    .ui-pdp-qadb__smart-answer-modal__modal .andes-modal__header {
        padding: 24px 32px 0
    }

    .ui-pdp-qadb__smart-answer-modal__modal .andes-modal__header-title {
        color: rgba(0, 0, 0, .9);
        font-size: 24px;
        font-weight: 600
    }

    .ui-pdp-qadb__smart-answer-modal__modal .andes-modal__content,
    .ui-pdp-qadb__smart-answer-modal__modal .andes-modal__header~.andes-modal__content {
        padding: 24px 60px 0 32px
    }

    .ui-pdp-qadb__smart-answer-modal__modal .andes-modal__button-close {
        right: 32px;
        top: 16px
    }

    .ui-pdp-qadb__smart-answer-modal__modal .andes-modal__container {
        position: relative
    }

    .ui-pdp-qadb__smart-answer-modal__modal .andes-modal__actions {
        padding: 24px 32px;
        position: relative
    }

    .ui-pdp-qadb__smart-answer-modal__modal.andes-modal--large .andes-modal__header {
        padding: 2em
    }

    .ui-pdp-qadb__smart-answer-modal__modal.andes-modal--large .andes-modal__content {
        padding: 0 5em 2em 2em
    }

    .ui-pdp-qadb__smart-answer-modal__modal.andes-modal--large .andes-modal__actions {
        padding: .25em 2em 2em
    }

    .ui-pdp-qadb__smart-answer-modal__modal.andes-modal--large.ui-pdp-qadb__smart-answer-modal__modal--without-title .andes-modal__header {
        padding: 24px 32px 0
    }

    .ui-pdp-qadb__smart-answer-modal__modal.andes-modal--large.ui-pdp-qadb__smart-answer-modal__modal--without-title .andes-modal__close-button {
        margin: 0
    }

    .ui-pdp-pick-up--remaining .ui-pdp-media__text {
        max-width: 223px
    }

    [data-country=BR] .ui-pdp-pick-up--remaining .ui-pdp-media__text {
        max-width: 209px
    }

    .ui-pdp-pick-up--remaining .ui-pdp-media__text span {
        display: inline-table
    }

    .ui-pdp-syi {
        align-items: center;
        display: flex;
        font-size: 14px;
        line-height: 1;
        position: relative
    }

    .ui-pdp-syi__link {
        color: var(--andes-color-blue-500, #3483fa);
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle
    }

    .ui-pdp-syi__link:hover {
        cursor: pointer
    }

    .ui-pdp-eyi+.ui-pdp-syi:before {
        background-color: rgba(0, 0, 0, .2);
        content: "";
        display: inline-block;
        height: 14px;
        margin: 0 10px;
        vertical-align: middle;
        width: .5px
    }

    .ui-pdp-eyi {
        line-height: 1;
        position: relative
    }

    .ui-pdp-eyi__link {
        color: var(--andes-color-blue-500, #3483fa);
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        vertical-align: middle
    }

    .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-pdp-container__row--payment-methods .ui-box-component__title {
        line-height: 16px
    }

    .ui-vip-payment_methods .ui-pdp-action-modal {
        margin-top: 0
    }

    .ui-vip-payment_methods .ui-pdp-payment-icon__size {
        margin: 10px 24px 4px 0
    }

    .ui-vip-payment_methods .ui-pdp-action-modal__link {
        width: 100%
    }

    .ui-vip-payment_methods__title {
        color: rgba(0, 0, 0, .9);
        font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 12px
    }

    .ui-vip-payment_methods__subtitle {
        color: rgba(0, 0, 0, .55);
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        margin-top: 8px
    }

    .ui-box-component {
        display: flex;
        flex-flow: row wrap;
        padding: 32px 16px
    }

    .ui-box-component__title {
        color: rgba(0, 0, 0, .9);
        font-family: Proxima Nova, -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 28px;
        width: 100%
    }

    .ui-box-component__action {
        font-size: 14px;
        font-weight: 400;
        margin-top: 24px
    }

    .ui-box-component--block {
        display: block
    }

    .onboarding__modal {
        border-radius: 6px;
        max-width: 644px
    }

    .onboarding__modal .andes-modal__content {
        height: 100%;
        justify-content: center;
        padding: 48px
    }

    .onboarding__container {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: auto;
        justify-content: center;
        margin: 0 auto;
        max-width: 450px
    }

    .onboarding__container .ui-pdp-container__row {
        justify-content: center;
        width: 100%
    }

    .onboarding__container .ui-pdp-container__row:first-child {
        display: flex;
        justify-content: center
    }

    .onboarding__container .ui-pdp-container__row .ui-pdp-media {
        margin-bottom: 20px;
        width: 100%
    }

    .onboarding__container .ui-pdp-container__row .ui-pdp-media__body {
        margin-left: 14px
    }

    .onboarding__container .ui-pdp-container__row .ui-pdp-media__title {
        line-height: 22px
    }

    .onboarding__container .ui-pdp-container__row .ui-pdp-media__text {
        line-height: 18px
    }

    .onboarding__container .ui-pdp-container__row .ui-pdp-actions {
        margin: 0 auto;
        max-width: 248px;
        width: 100%
    }

    .onboarding__modal.full-modal .ui-pdp-container__row .ui-vpp-styled-label__cbt-image-label {
        line-height: 28px
    }

    .onboarding__modal.full-modal .ui-pdp-container__row .ui-vpp-image-component {
        height: auto;
        margin: 0
    }

    .onboarding__modal.full-modal-fs {
        max-height: 35em
    }

    .onboarding__modal.full-modal-fs .ui-pdp-container__row .ui-vpp-styled-label__cbt-image-label {
        line-height: 28px
    }

    .onboarding__modal.full-modal-fs .ui-pdp-container__row .ui-vpp-image-component {
        height: auto;
        margin: 0
    }

    .onboarding__modal.full-modal-fs .ui-pdp-container__row--full-label .ui-pdp-icon {
        vertical-align: middle
    }

    .onboarding__modal.full-modal-fs .ui-pdp-container__row--full-first-info-row,
    .onboarding__modal.full-modal-fs .ui-pdp-container__row--full-second-info-row {
        margin-bottom: 40px
    }

    .onboarding__modal.full-modal-fs .ui-pdp-container__row--full-first-info-row .ui-pdp-price__part,
    .onboarding__modal.full-modal-fs .ui-pdp-container__row--full-second-info-row .ui-pdp-price__part {
        line-height: 1.35
    }

    .onboarding__modal.mcoin-modal .andes-modal__content {
        padding: 30px
    }

    .onboarding__modal.mcoin-modal .ui-pdp-actions {
        margin-top: 10px
    }

    .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 {
        max-height: 426px;
        max-width: 480px
    }

    .onboarding__modal.cbt-modal--short {
        max-height: 380px
    }

    .onboarding__modal.cbt-modal .andes-modal__content {
        padding: 32px 48px 40px
    }

    .onboarding__modal.cbt-modal .ui-pdp-container__row .ui-pdp-media {
        margin-bottom: 16px
    }

    .onboarding__modal.cbt-modal .ui-pdp-container__row .ui-pdp-media.cbt-third-info-row {
        margin-bottom: 0
    }

    .onboarding__modal.cbt-modal .ui-pdp-container__row .ui-pdp-media:not(.cbt-image-label) .ui-pdp-media__body {
        width: 320px
    }

    .onboarding__modal.cbt-modal .ui-pdp-container__row .ui-pdp-media__text,
    .onboarding__modal.cbt-modal .ui-pdp-container__row .ui-pdp-media__title--plain {
        line-height: 20px
    }

    .onboarding__modal.cbt-modal .ui-pdp-container__row .cbt-image-label {
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    .onboarding__modal.cbt-modal .ui-pdp-container__row .cbt-image-label .ui-pdp-icon--cbt-world {
        height: 23.4px;
        width: 23.4px
    }

    .onboarding__modal.cbt-modal .ui-pdp-container__row .cbt-image-label .ui-pdp-icon--cbt-summary {
        height: 15px;
        width: 198px
    }

    .onboarding__modal.cbt-modal .ui-pdp-container__row .cbt-image-label .ui-pdp-media__body {
        flex: unset;
        margin-left: 8px
    }

    .onboarding__modal.cbt-modal .ui-pdp-container__row .ui-pdp-actions {
        margin-top: 13px
    }

    .onboarding__modal.cbt-modal--short {
        max-height: 348px
    }

    .onboarding__modal.loan-summary-modal {
        height: 415px
    }

    .onboarding__modal.loan-summary-modal .onboarding__container {
        max-width: 400px
    }

    .onboarding__modal.loan-summary-modal .loan-summary-image {
        margin: 0
    }

    .onboarding__modal.loan-summary-modal .loan-summary-label {
        line-height: 1.3;
        margin-bottom: 30px
    }

    .onboarding__modal.external-credits-modal {
        max-height: 387px;
        max-width: 480px
    }

    .onboarding__modal.external-credits-modal .andes-modal__content {
        padding: 32px
    }

    .onboarding__modal.external-credits-modal .external-credits-modal-image {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        margin-top: unset
    }

    .onboarding__modal.external-credits-modal .external-credits-modal-image img {
        height: 128px;
        width: 223px
    }

    .onboarding__modal.external-credits-modal .external-credits-modal-title {
        font-size: 24px;
        margin-bottom: 8px
    }

    .onboarding__modal.external-credits-modal .external-credits-modal-subtitle {
        line-height: 1.25;
        margin-bottom: 35px;
        width: 97%
    }

    .onboarding__modal.external-credits-modal .ui-pdp-container__row--modal-actions .ui-pdp-actions {
        margin-left: auto;
        margin-right: auto;
        width: unset
    }

    .onboarding__modal.external-credits-modal .andes-modal__close-button {
        color: rgba(0, 0, 0, .55);
        margin-top: unset;
        right: 32px;
        top: 32px
    }

    .onboarding__modal.external-credits-modal .andes-modal__close-button:after,
    .onboarding__modal.external-credits-modal .andes-modal__close-button:before {
        background-color: rgba(0, 0, 0, .55)
    }

    .onboarding__modal.external-credits-mc-modal {
        max-height: 369px;
        max-width: 480px
    }

    .onboarding__modal.external-credits-mc-modal .andes-modal__content {
        padding: 32px
    }

    .onboarding__modal.external-credits-mc-modal .external-credits-modal-image {
        margin-bottom: 32px;
        margin-left: auto;
        margin-right: auto;
        margin-top: unset
    }

    .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 {
        font-size: 24px;
        margin-bottom: 8px
    }

    .onboarding__modal.external-credits-mc-modal .external-credits-modal-subtitle {
        line-height: 1.25;
        margin-bottom: 32px;
        width: 90%
    }

    .onboarding__modal.external-credits-mc-modal .ui-pdp-container__row--modal-actions .ui-pdp-actions {
        margin-left: auto;
        margin-right: auto;
        width: unset
    }

    .onboarding__modal.external-credits-mc-modal .andes-modal__close-button {
        color: rgba(0, 0, 0, .55);
        margin-top: unset;
        right: 32px;
        top: 32px
    }

    .onboarding__modal.external-credits-mc-modal .andes-modal__close-button:after,
    .onboarding__modal.external-credits-mc-modal .andes-modal__close-button:before {
        background-color: rgba(0, 0, 0, .55)
    }

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

    .onboarding__modal.long-term-rental-modal {
        max-height: 400px;
        max-width: 480px
    }

    .onboarding__modal.long-term-rental-modal .long-term-rental-modal-image {
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        margin-top: unset
    }

    .onboarding__modal.long-term-rental-modal .andes-modal-dialog__content {
        padding: 32px
    }

    .onboarding__modal.long-term-rental-modal .long-term-rental-modal-title {
        margin-bottom: 8px
    }

    .onboarding__modal.long-term-rental-modal .long-term-rental-modal-subtitle {
        line-height: 1.25;
        margin-bottom: 35px
    }

    .onboarding__modal.long-term-rental-modal .ui-pdp-container__row--modal-actions .ui-pdp-actions {
        margin-left: auto;
        margin-right: auto;
        width: unset
    }

    .ui-pdp-component-list__item--desktop-onboarding .andes-money-amount__cents.andes-money-amount__cents--superscript-SMALL,
    .ui-pdp-component-list__item--desktop-onboarding .andes-money-amount__cents.andes-money-amount__cents--superscript-XSMALL {
        font-size: 10px;
        font-weight: 600;
        margin-top: 1px
    }

    .onboarding__container .ui-pdp-container__row.ui-pdp-container__row--meli-usd-modal-title span {
        display: inline-flex
    }

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

    .ui-vpp-tooltip.ui-vpp-pickup,
    .ui-vpp-tooltip.ui-vpp-shipping_summary {
        width: 19em
    }

    .ui-vpp-tooltip {
        box-sizing: content-box
    }

    .ui-vpp-tooltip .ui-vpp-image-component {
        display: block;
        margin: 0 auto
    }

    .ui-vpp-tooltip .ui-pdp-icon--cbt {
        margin-right: 4px
    }

    .ui-vpp-tooltip .ui-pdp-media__title--plain {
        margin-bottom: 3px
    }

    .ui-vpp-tooltip .ui-pdp-media__text {
        margin: 0
    }

    .ui-vpp-tooltip .ui-pdp-media__icon {
        margin-right: 16px
    }

    .full-fixed-tooltip {
        width: 225px
    }

    .full-hover-tooltip {
        max-width: 310px;
        padding-bottom: 24px;
        padding-top: 24px
    }

    .full-hover-tooltip .full-image {
        margin-bottom: 4px
    }

    .full-hover-tooltip .full-label {
        line-height: 24px;
        margin-bottom: 24px
    }

    .full-hover-tooltip .full-first-info-row {
        margin-bottom: 28px
    }

    .full-hover-tooltip .full-icon-info-row {
        padding-left: 20px;
        text-align: center;
        -webkit-padding-after: 20px;
        max-width: 300px;
        padding-block-end: 20px
    }

    .full-hover-tooltip .ui-pdp-icon--cart,
    .full-hover-tooltip .ui-pdp-icon--express {
        height: 42px;
        padding-bottom: 4px;
        width: 42px
    }

    .full-fixed-tooltip-fs {
        width: 225px
    }

    .full-fixed-tooltip-fs .full-subtitle .ui-pdp-price__part {
        line-height: 1.38
    }

    .full-hover-tooltip-fs {
        margin-bottom: 24px;
        margin-top: 14px
    }

    .full-hover-tooltip-fs .full-label {
        line-height: 24px;
        margin-bottom: 24px
    }

    .full-hover-tooltip-fs .ui-pdp-media .ui-pdp-icon {
        height: 32px;
        width: 32px
    }

    .full-hover-tooltip-fs .ui-pdp-container__row--full-first-info-row {
        margin-bottom: 28px
    }

    .full-hover-tooltip-fs .ui-pdp-container__row--full-first-info-row .andes-money-amount {
        display: inline-block
    }

    .full-hover-tooltip-fs .ui-pdp-container__row--full-second-info-row {
        margin-bottom: 28px
    }

    .full-hover-tooltip-fs .ui-pdp-container__row--full-third-info-row {
        margin-bottom: 14px
    }

    .full-hover-tooltip-fs .ui-pdp-price__part {
        line-height: 1.3
    }

    .cbt-tooltip {
        box-sizing: border-box;
        padding: 36px 30px 15px 27px;
        width: 522px
    }

    .cbt-tooltip .cbt-image-label {
        align-items: center;
        justify-content: center;
        width: 100%
    }

    .cbt-tooltip .cbt-image-label .ui-pdp-media__body {
        flex: unset
    }

    .cbt-tooltip .cbt-image-label .ui-pdp-icon--cbt-world {
        height: 23.4px;
        margin-right: 10px;
        width: 23.4px
    }

    .cbt-tooltip .cbt-label {
        line-height: 24px;
        margin-bottom: 32px;
        margin-top: 8px
    }

    .cbt-tooltip .cbt-first-info-row,
    .cbt-tooltip .cbt-fourth-info-row,
    .cbt-tooltip .cbt-second-info-row,
    .cbt-tooltip .cbt-third-info-row {
        margin-bottom: 16px
    }

    .cbt-tooltip .cbt-first-info-row:not(.ui-pdp-icon),
    .cbt-tooltip .cbt-fourth-info-row:not(.ui-pdp-icon),
    .cbt-tooltip .cbt-second-info-row:not(.ui-pdp-icon),
    .cbt-tooltip .cbt-third-info-row:not(.ui-pdp-icon) {
        align-items: flex-start;
        display: flex
    }

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

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

    .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__card {
        border: 1px solid #e5e5e5;
        box-shadow: 0 1px 2px 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 .andes-card__content {
        padding: 12px 16px
    }

    .ui-vpp-highlighted-specs__highlighted-attributes__card-labels {
        margin-left: 12px
    }

    .ui-vpp-highlighted-specs__highlighted-attributes__card-content {
        padding-left: 16px;
        padding-right: 16px
    }

    .ui-vpp-highlighted-specs__highlighted-attributes-list {
        column-count: 3;
        width: 100%
    }

    .ui-vpp-highlighted-specs__highlighted-attributes-list>div {
        display: inline-block;
        margin-bottom: 24px;
        width: 100%
    }

    .ui-vpp-highlighted-specs__features-action {
        margin-top: 16px
    }

    .ui-vpp-highlighted-specs__features-list-item:before {
        content: "•";
        font-size: 18px;
        line-height: 14px
    }

    .ui-vpp-highlighted-specs__features-list-item {
        line-height: 1.43em;
        margin-top: 8px;
        padding-left: 10px;
        text-indent: -11px
    }

    .ui-vpp-highlighted-specs__features-list-item:first-child {
        margin-top: 16px
    }

    .ui-vpp-highlighted-specs__features-list-item:before {
        color: rgba(0, 0, 0, .9);
        padding-right: 5px
    }

    .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__discrete-bar__attribute {
        max-width: 315px
    }

    .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__continuous-bar__attribute {
        margin-left: 16px;
        max-width: 315px
    }

    .ui-vpp-highlighted-specs__key-value {
        align-items: center;
        display: flex;
        width: 100%
    }

    .ui-vpp-highlighted-specs__key-value__labels {
        align-items: center;
        display: flex
    }

    .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__labels {
        margin-left: 16px
    }

    .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__striped-specs {
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 40px;
        padding-top: 20px
    }

    .ui-vpp-highlighted-specs__striped-specs .ui-vpp-striped-specs__table {
        display: inline-block;
        margin-bottom: 32px;
        width: 100%
    }

    .ui-vpp-highlighted-specs__striped-specs .ui-vpp-striped-specs__table .andes-table__column--value {
        white-space: normal
    }

    .ui-vpp-highlighted-specs__features__additional-information {
        margin: 24px 16px;
        margin: 16px 0
    }

    .ui-vpp-highlighted-specs-rex {
        border-top: 1px solid rgba(0, 0, 0, .1);
        padding-bottom: 40px;
        padding-top: 40px
    }

    .ui-vpp-highlighted-specs {
        width: 100%
    }

    .ui-vpp-highlighted-specs__features {
        max-width: 340px;
        overflow-wrap: break-word;
        width: 100%
    }

    .ui-vpp-highlighted-specs .ui-pdp-container__row--highlighted-features-title {
        margin-left: 0;
        margin-right: 0;
        margin-top: 32px
    }

    .ui-vpp-highlighted-specs .ui-pdp-container__row--highlighted-attributes {
        display: block;
        margin-top: 32px
    }

    .ui-vpp-highlighted-specs .ui-pdp-container__row--discrete-bar,
    .ui-vpp-highlighted-specs .ui-pdp-container__row--highlighted-attributes-list {
        margin-top: 32px
    }

    .ui-vpp-highlighted-specs .ui-pdp-container__row--highlighted-attributes-all {
        margin-top: 8px
    }

    .ui-vpp-highlighted-specs .ui-pdp-container__row--attributes,
    .ui-vpp-highlighted-specs .ui-pdp-container__row--compats-widget {
        margin-top: 32px
    }

    .ui-vpp-highlighted-specs .ui-pdp-container__row--technical-specifications {
        margin-top: 16px
    }

    .ui-vpp-highlighted-specs__attribute-columns {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        grid-gap: 40px
    }

    .ui-vpp-highlighted-specs__attribute-columns__column {
        overflow: hidden;
        width: 100%
    }

    .ui-vpp-highlighted-specs__attribute-columns__row:not(:last-of-type) {
        margin-bottom: 24px
    }

    .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;
        white-space: ;
        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-container__row--cpg-summary .ui-pdp-media__text {
        font-size: 14px;
        line-height: 1.29
    }

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

    .ui-pdp-description .lazy-loadable {
        min-height: 100px
    }

    .ui-pdp-description-content {
        margin-left: -5px;
        margin-right: -5px
    }

    .ui-pdp-description__action--center {
        position: relative;
        text-align: left
    }

    .ui-pdp-description__action--center .ui-pdp-collapsable__container {
        text-align: left
    }

    .ui-pdp-description__action--center .ui-pdp-collapsable__action {
        font-size: 14px;
        font-weight: 400;
        margin-top: 24px
    }

    .ui-pdp-description__spinner {
        left: 0;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .ui-pdp-description__spinner .andes-spinner__mask {
        display: none
    }

    .ui-pdp-description__spinner .andes-spinner__icon {
        height: 64px;
        width: 64px
    }

    .ui-pdp-container__comparator .andes-tab__link {
        font-size: 18px
    }

    .ui-pdp-container__col.col-1.pl-24.pr-24 .ui-recommendations-comparator__icon {
        fill: transparent;
        stroke: var(--andes-color-blue-500, #3483fa)
    }

    .ui-pdp-container__col.col-1.pl-24.pr-24 .ui-recommendations-comparator__wrapper-ref:not(:empty):after {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        content: "";
        display: block;
        height: 1px;
        margin: 40px 0;
        padding-bottom: 7px;
        width: 100%
    }

    .ui-recommendations-carousel-snapped.recos-override__card-vertical .andes-carousel-snapped__control {
        top: 212px
    }

    .ui-recommendations-carousel-snapped .poly-component__compats {
        font-size: 12px
    }

    .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-pdp--sticky-wrapper {
        margin-bottom: 24px;
        position: sticky;
        will-change: transform, top;
        z-index: 0
    }

    .ui-pdp--sticky-wrapper-right {
        z-index: 1
    }

    .ui-vpp-apparel-size {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        padding: 0;
        position: absolute;
        width: 100%
    }

    .ui-vpp-apparel-size .ui-pdp-action-modal {
        font-size: 14px;
        line-height: 12px;
        margin-top: 32px
    }

    .ui-vpp-apparel-size .ui-pdp-action-modal a {
        color: var(--andes-color-blue-500, #3483fa);
        display: flex;
        flex-direction: row
    }

    .ui-vpp-apparel-size .ui-pdp-action-modal a .ui-vpp-apparel-size__action-modal {
        align-items: center;
        display: flex
    }

    .ui-vpp-apparel-size .ui-pdp-action-modal a svg {
        margin-right: .5rem
    }

    .ui-vpp-apparel-size-picker {
        justify-content: inherit;
        margin-bottom: 8px;
        position: inherit
    }

    .ui-vpp-apparel-size-picker .ui-pdp-action-modal {
        line-height: inherit;
        margin-top: 0
    }

    .ui-vpp-fit-as-expected {
        margin-bottom: 8px;
        white-space: ;
        width: 100%
    }

    .ui-vpp-fit-as-expected .ui-vpp-fit-as-expected__fit-as-expected {
        background-color: #fff;
        border: 0;
        cursor: pointer;
        font-size: 12px;
        line-height: 14px;
        outline: none;
        padding: 0
    }

    .ui-vpp-fit-as-expected .ui-vpp-fit-as-expected__fit-as-expected .ui-vpp-fit-as-expected__chevron {
        height: 12px;
        margin-left: 4px;
        vertical-align: middle;
        width: 12px
    }

    .ui-vpp-fit-as-expected :focus {
        outline: none
    }

    .ui-vpp-fit-as-expected .andes-tooltip__trigger {
        margin-right: 0
    }

    .ui-vpp-fit-as-expected__tooltip {
        width: max-content
    }

    .ui-pdp-moq-information__subtitle {
        margin-right: 5px
    }

    .ui-pdp-stock-information__subtitle {
        margin-right: 4px
    }

    .ui-pdp-shipping-message {
        margin-bottom: 10px
    }

    .ui-pdp-shipping-message .andes-button--small {
        margin-top: 10px
    }

    .ui-pdp-legal-tooltip {
        padding-right: 34px
    }

    .ui-pdp-legal-tooltip__trigger {
        align-items: center;
        display: flex
    }

    .ui-sizechart-desktop {
        border-radius: 6px;
        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-desktop table {
        background: #ededed;
        border-collapse: separate;
        border-spacing: 0;
        margin: 0;
        white-space: ;
        width: 100%
    }

    .ui-sizechart-desktop table tr {
        align-items: center;
        height: 40px
    }

    .ui-sizechart-desktop table tr td,
    .ui-sizechart-desktop table tr th {
        min-width: 28px;
        padding: 0 1rem;
        text-align: left;
        vertical-align: middle
    }

    .ui-sizechart-desktop table thead {
        background-color: #ededed;
        border-bottom: 1px solid #f5f5f5;
        font-weight: 600;
        vertical-align: middle
    }

    .ui-sizechart-desktop table thead>tr>th {
        font-weight: 600;
        max-width: 90px;
        padding-bottom: 10px;
        padding-top: 10px;
        top: 0;
        white-space: ;
        z-index: 1
    }

    .ui-sizechart-desktop table thead>tr>th:first-child {
        background-color: #ededed;
        left: 0;
        max-width: 123px;
        min-width: 28px;
        position: sticky
    }

    .ui-sizechart-desktop table tbody {
        background-color: #fff;
        border-bottom: 1px solid #f5f5f5;
        vertical-align: middle
    }

    .ui-sizechart-desktop table tbody tr:nth-child(2n),
    .ui-sizechart-desktop table tbody tr:nth-child(2n) th {
        background-color: #f5f5f5
    }

    .ui-sizechart-desktop table tbody>tr th {
        background-color: #fff;
        font-weight: 600;
        height: 40px;
        left: 0;
        min-width: 62px;
        padding: 0 1rem;
        position: sticky
    }

    .ui-sizechart-desktop table tbody>tr td {
        height: 40px
    }

    .ui-sizechart-desktop table.small {
        table-layout: fixed;
        white-space: inherit
    }

    .ui-sizechart-desktop__plus tbody tr th:first-child:after,
    .ui-sizechart-desktop__plus thead tr th:first-child:after {
        bottom: -1px;
        box-shadow: inset 10px 0 8px -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:after {
        background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .4) 60%, #fff);
        content: "";
        inset: 0;
        position: absolute;
        z-index: 1
    }

    .ui-vpp-apparel-size-specs-preview__table .sizechart {
        overflow-x: auto;
        width: 100%
    }

    .navigation-official-stores {
        border-top: 1px solid rgba(0, 0, 0, .1);
        padding: 40px 30px 30px;
        width: 100%
    }

    .navigation-official-stores .andes-carousel-snapped {
        height: auto
    }

    .navigation-official-stores .andes-carousel-snapped__wrapper {
        height: 215px
    }

    .navigation-official-stores .andes-carousel-snapped__slide {
        cursor: auto
    }

    .navigation-official-stores .andes-carousel-snapped__controls-wrapper {
        height: 230px
    }

    .navigation-official-stores .andes-carousel-snapped__control--next {
        right: -28px
    }

    .navigation-official-stores .andes-carousel-snapped__control--previous {
        left: -28px
    }

    .navigation-official-stores .andes-card {
        border-radius: 4px;
        box-shadow: 0 7px 11px 0 rgba(0, 0, 0, .1), 0 2px 4px 0 rgba(0, 0, 0, .1);
        height: 210px;
        left: 8px;
        position: relative;
        width: -moz-fit-content;
        width: fit-content
    }

    .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__logo img {
        height: auto !important
    }

    .navigation-official-stores__header {
        align-items: baseline;
        display: flex;
        margin-bottom: 24px;
        margin-left: 7px
    }

    .navigation-official-stores__view-more {
        margin-left: 12px
    }

    .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 {
        height: 107px;
        margin-bottom: -55px;
        overflow: hidden;
        width: 260px
    }

    .navigation-official-stores__background img {
        border-radius: 4px 4px 0 0
    }

    .navigation-official-stores__divider {
        background: rgba(0, 0, 0, .1);
        height: 1px;
        position: relative;
        top: 55px
    }

    .ui-pdp__header-top-brand {
        align-items: center;
        display: flex;
        margin-bottom: 10px;
        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-container__row--header-top-brand {
        margin: -9px 0 17px;
        max-height: 24px
    }

    .ui-vpp-header-top-brand__bg-image {
        position: relative
    }

    .ui-vpp-header-top-brand__bg-image,
    .ui-vpp-header-top-brand__image-wrapper {
        height: 250px;
        width: 100%
    }

    .ui-vpp-header-top-brand__image-wrapper {
        pointer-events: none;
        position: absolute;
        z-index: -1
    }

    .ui-vpp-header-top-brand__image-wrapper img {
        height: 100%;
        object-fit: cover;
        object-position: left top;
        width: 100%
    }

    .ui-vpp-header-top-brand__logo-container {
        display: flex;
        margin: 0 auto;
        max-width: 1184px;
        position: relative;
        transform: translateY(50%)
    }

    .ui-vpp-header-top-brand__logo-image-wrapper {
        background-color: #fff;
        border-radius: 4px;
        height: 70px;
        position: absolute;
        width: 96px
    }

    .ui-vpp-header-top-brand__logo-image {
        border-radius: 4px;
        display: block;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        max-height: 70px;
        max-width: 96px;
        width: auto
    }

    .ui-vpp-header-top-brand-card {
        align-items: center;
        background: #fff;
        border-radius: 6px;
        display: flex;
        flex-direction: row;
        height: 72px;
        padding: 16px;
        width: 225px
    }

    .ui-vpp-header-top-brand-card__title-container {
        display: flex;
        flex-direction: column
    }

    .ui-vpp-header-top-brand-card__title-and-icon {
        text-wrap: balance
    }

    .ui-vpp-header-top-brand-card__title-and-icon .ui-pdp-cockade-icon {
        margin-bottom: -2px;
        margin-left: 2px
    }

    .ui-vpp-header-top-brand-card__image-container {
        align-items: center;
        display: flex;
        height: 40px;
        margin-right: 12px;
        padding: 2px;
        position: relative;
        width: 40px
    }

    .ui-vpp-header-top-brand-card__image-container:before {
        background: rgba(0, 0, 0, .04);
        border-radius: 4px;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

    .ui-vpp-header-top-brand-card__image-container__image {
        border-radius: 4px;
        max-height: 100%;
        max-width: 100%;
        object-fit: contain
    }

    .ui-pdp__header-brand-logo {
        align-items: center;
        aspect-ratio: 25/2;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        display: flex;
        justify-content: center;
        overflow: hidden;
        width: 100%
    }

    .ui-pdp__header-brand-logo__image {
        height: 100%;
        max-height: 100%;
        max-width: 100%;
        object-fit: cover;
        width: 100%
    }

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

    .iframe-modal--hidden,
    .on-demand-iframe--no__close__button .andes-modal__close-button {
        display: none
    }

    .andes-modal__overlay--large>.on-demand-iframe--desktop {
        border-radius: 0
    }

    .on-demand-iframe--desktop {
        animation: translate-in .3s ease-in-out;
        display: block;
        height: 100vh;
        position: absolute;
        right: 0;
        width: 412px
    }

    .on-demand-iframe--desktop .andes-modal__header {
        padding: 20px 24px
    }

    .on-demand-iframe--desktop .andes-modal__header .andes-modal__header__contents {
        min-height: 16.25px
    }

    .on-demand-iframe--desktop .andes-modal__header .andes-modal__close-button path {
        stroke: none
    }

    .on-demand-iframe--desktop .andes-modal__scroll {
        height: 100%;
        overflow-y: hidden
    }

    .on-demand-iframe--desktop .andes-modal__content {
        height: calc(100% - 64px)
    }

    .on-demand-iframe--desktop iframe {
        height: 100%
    }

    @keyframes translate-in {
        0% {
            width: 0
        }

        to {
            width: 412px
        }
    }

    @media(max-height: 900px) {
        .on-demand-iframe--desktop .andes-modal__header {
            padding: 16px 24px
        }

        .on-demand-iframe--desktop .andes-modal__content {
            height: calc(100% - 48.25px)
        }
    }

    .ui-ms-profile__container .andes-button__content {
        top: unset
    }

    .wrapper-sticky {
        position: sticky;
        top: 0;
        z-index: 98
    }

    @media(min-width: 1184px) {
        .wrapper-sticky {
            margin-left: calc(592px - 50vw);
            width: 100vw
        }

        .ui-pdp-extended .wrapper-sticky {
            margin-left: unset;
            width: 100%
        }

        .ui-ms-profile__item svg {
            box-sizing: content-box
        }
    }

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

    .ui-vpp-tag-limited__list-item {
        cursor: pointer;
        display: inline-flex;
        margin-top: 8px;
        padding-right: 8px
    }

    .ui-vpp-tag-limited__plus-button {
        border-radius: 2px;
        font-size: 14px;
        font-weight: 600;
        height: 28px;
        line-height: 16px;
        padding: 6px 8px;
        width: max-content
    }

    .ui-vpp-tag-limited__plus-button .andes-button__content {
        top: 0
    }

    .ui-vpp-coupons__pills-container {
        margin-top: 0
    }

    .ui-vpp-coupons__text {
        margin-bottom: 8px;
        margin-top: 4px
    }

    .ui-vpp-coupons__action.ui-pdp-media {
        margin-top: 8px
    }

    .ui-vpp-coupons .ui-vpp-tag-limited__plus-button {
        display: inline-grid
    }

    .ui-vpp-coupons .ui-vpp-tag-limited__plus-button .andes-button__content {
        top: -2px
    }

    .ui-vpp-coupons .ui-pdp-action-modal {
        margin-top: 0
    }

    .vpp-coupons-modal__modal.ui-pdp-iframe-modal .ui-pdp-iframe {
        height: 100%
    }

    .vpp-coupons-modal__modal.ui-pdp-iframe-modal .andes-modal__header {
        padding: 48px 48px 12px
    }

    .ui-pdp-action-modal__modal.ui-vpp-coupons-action-modal__awareness {
        height: 255px
    }

    @media(min-width: 768px) {
        .ui-pdp-action-modal__modal.ui-vpp-coupons-action-modal__awareness .andes-modal__header {
            padding: 42px 50px 16px
        }

        .ui-pdp-action-modal__modal.ui-vpp-coupons-action-modal__awareness .andes-modal__header.andes-modal__header--sticky {
            padding: 17px 49px
        }

        .ui-pdp-action-modal__modal.ui-vpp-coupons-action-modal__awareness .andes-modal__header .andes-modal__header__contents .andes-modal__title {
            font-size: 24px
        }
    }

    .ui-vpp-coupons--cursor-pointer,
    .ui-vpp-coupons__awareness .ui-vpp-coupons__text {
        cursor: pointer
    }

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

    .ui-pdp-trade-in-modal {
        overflow: hidden
    }

    .ui-pdp-trade-in-modal .andes-modal__scroll .andes-modal__header {
        display: none
    }

    .ui-pdp-trade-in-modal .andes-modal__scroll .andes-modal__content {
        height: 100%;
        padding: 0
    }

    .ui-pdp-trade-in-modal__how-works {
        overflow: hidden;
        width: 800px
    }

    .ui-pdp-trade-in-modal__how-works .ui-pdp-trade-in-modal__content {
        display: flex
    }

    .ui-pdp-trade-in-modal__how-works .andes-modal__actions {
        padding: 16px 48px 48px
    }

    .ui-pdp-trade-in-modal__how-works .andes-modal__actions.andes-modal__actions--border,
    .ui-pdp-trade-in-modal__how-works .andes-modal__actions.padding .ui-pdp-trade-in-modal__actions {
        padding-bottom: 16px
    }

    .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 {
        background-color: rgba(0, 0, 0, .8);
        height: 100%;
        width: 100%
    }

    .ui-pdp__header-official-store {
        align-items: center;
        display: flex;
        margin-bottom: 10px;
        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-container__row--header-official-store {
        margin: -9px 0 17px;
        max-height: 24px
    }

    .ui-pdp-header-official-store__bg-image {
        position: relative
    }

    .ui-pdp-header-official-store__bg-image,
    .ui-pdp-header-official-store__image-wrapper {
        height: 250px;
        width: 100%
    }

    .ui-pdp-header-official-store__image-wrapper {
        pointer-events: none;
        position: absolute;
        z-index: -1
    }

    .ui-pdp-header-official-store__image-wrapper img {
        height: 100%;
        object-fit: cover;
        object-position: left top;
        width: 100%
    }

    .ui-pdp-header-official-store__logo-container {
        display: flex;
        margin: 0 auto;
        max-width: 1184px;
        position: relative;
        top: 24px;
        z-index: 2
    }

    .ui-pdp-header-official-store__logo-image-wrapper {
        background-color: #fff;
        border-radius: 4px;
        height: 70px;
        position: relative;
        width: 96px
    }

    .ui-pdp-header-official-store__logo-image {
        border-radius: 4px;
        display: block;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        max-height: 70px;
        max-width: 96px;
        width: auto
    }

    .ui-pdp-header-official-store-card {
        align-items: center;
        background: #fff;
        border-radius: 6px;
        display: flex;
        flex-direction: row;
        height: 96px;
        padding: 16px;
        width: -moz-fit-content;
        width: fit-content
    }

    .ui-pdp-header-official-store-card__title-container {
        cursor: default;
        display: flex;
        flex-direction: column
    }

    .ui-pdp-header-official-store-card__image-container {
        align-items: center;
        border-radius: 4px;
        display: flex;
        height: 64px;
        justify-content: center;
        margin-right: 12px;
        overflow: hidden;
        position: relative;
        width: 64px
    }

    .ui-pdp-header-official-store-card__image-container:before {
        background: rgba(0, 0, 0, .04);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%
    }

    .ui-pdp-header-official-store-card__image-container__image {
        height: 64px;
        object-fit: contain;
        position: relative;
        width: 64px
    }

    .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 {
        justify-content: flex-end;
        margin-bottom: 20px;
        width: 100%
    }

    .ui-vpp-denounce__action {
        padding-right: 0
    }

    .ui-vpp-store__bg-image {
        position: relative
    }

    .ui-vpp-store__bg-image,
    .ui-vpp-store__image-wrapper {
        height: 250px;
        width: 100%
    }

    .ui-vpp-store__image-wrapper {
        pointer-events: none;
        position: absolute
    }

    .ui-vpp-store__image-wrapper img {
        height: 100%;
        object-fit: cover;
        object-position: left top;
        width: 100%
    }

    .ui-vpp-store__logo-container {
        margin: 0 auto;
        max-width: 1184px;
        position: relative
    }

    .ui-vpp-store__logo-image-wrapper {
        background-color: #fff;
        border-radius: 4px;
        height: 70px;
        position: absolute;
        transform: translateY(50%);
        width: 96px
    }

    .ui-vpp-store__logo-image {
        border-radius: 4px;
        display: block;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        max-height: 70px;
        max-width: 96px;
        width: auto
    }

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

    .container-advertising.ui-billboard-ad.billboard-context {
        padding-top: 8px;
        width: 100%
    }

    .ui-billboard-ad__title-container {
        align-items: center;
        display: flex;
        margin-bottom: 8px
    }

    .ui-billboard-ad__title {
        color: #999;
        font-size: 12px;
        font-weight: 400;
        padding-right: 4px
    }

    .ui-billboard-ad__line {
        border-top: 1px solid rgba(0, 0, 0, .1);
        flex-grow: 1
    }

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

    .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-installation {
        margin-top: 25px
    }

    .ui-pdp-installation-modal {
        display: block;
        height: 100%;
        width: 90%
    }

    .ui-pdp-installation-modal .andes-modal__header {
        padding: 24px
    }

    .ui-pdp-installation-modal .andes-modal__content {
        padding: 0 24px 24px
    }

    .ui-pdp-installation-modal .andes-modal__close-button path {
        stroke: rgba(0, 0, 0, .9)
    }

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

    .pdp-enhanced-descriptions__title {
        font-size: 24px;
        padding: 0
    }

    .pdp-enhanced-descriptions__image {
        padding: 0
    }

    .ui-pdp-extended-menu {
        margin-top: 40px
    }

    .ui-pdp-extended-menu .seo-ui-extended-menu__header__title {
        color: rgba(0, 0, 0, .9);
        font-size: 20px;
        font-weight: 600;
        line-height: 1.35;
        margin-top: 8px
    }

    .ui-pdp-extended-menu .seo-ui-extended-menu {
        margin-bottom: 8px
    }

    .ui-pdp-gradings-wrapper .andes-button {
        font-weight: 400;
        margin: 8px 2px 0 16px;
        padding: 0
    }

    .ui-pdp-gradings-wrapper {
        margin: 0
    }

    .ui-pdp-gradings-wrapper a {
        color: var(--andes-color-blue-500, #3483fa);
        font-size: 12px;
        line-height: 1.45
    }

    .ui-pdp-gradings-wrapper a:hover {
        color: var(--andes-color-blue-600, #2968c8)
    }

    .ui-pdp-gradings-wrapper a:visited {
        color: var(--andes-color-blue-500, #3483fa)
    }

    .ui-pdp-gradings-modal {
        width: 600px
    }

    .ui-pdp-gradings-modal .andes-modal__scroll {
        overflow: unset
    }

    .ui-pdp-gradings-modal .andes-modal__scroll .andes-modal__header {
        display: none
    }

    .ui-pdp-gradings-modal .andes-modal__scroll .andes-modal__content {
        height: 100%;
        padding: 0
    }

    .ui-pdp-gradings-modal__button {
        background-color: transparent;
        border: 0;
        color: var(--andes-color-blue-500, #3483fa);
        cursor: pointer;
        padding: 0
    }

    .ui-pdp-gradings-modal__button:hover {
        color: var(--andes-color-blue-600, #2968c8)
    }

    .ui-pdp-gradings-modal__button:visited {
        color: var(--andes-color-blue-500, #3483fa)
    }

    .ui-pdp-gradings-modal__button svg {
        margin-left: 4px
    }

    .ui-pdp-gradings-modal__icon {
        height: 12px;
        width: 12px
    }

    .ui-pdp-component-list {
        border-radius: 8px;
        font-size: 14px;
        padding: 16px;
        width: 100%
    }

    .ui-pdp-component-list:not(:empty) {
        border: 1px solid rgba(0, 0, 0, .1)
    }

    .ui-pdp-component-list .ui-vpp-payment-promotion .ui-pdp-icon--chevron {
        align-self: center;
        height: 14px;
        margin-right: 0;
        vertical-align: middle;
        width: 9px
    }

    .ui-pdp-component-list .ui-pdp-icon--chevron {
        height: 18px;
        margin-right: 2px;
        transition: transform .15s linear;
        vertical-align: bottom;
        width: 7px
    }

    .ui-pdp-component-list .ui-pdp-icon--chevron .ui-pdp-icon--chevron--rotate-180 {
        transform: rotate(-180deg)
    }

    .ui-pdp-component-list .ui-pdp-seller {
        margin-top: 32px
    }

    .ui-pdp-component-list .ui-pdp-container__row {
        width: 100%
    }

    .ui-pdp-container--top.ui-pdp-container--card-one-item {
        max-width: 368px
    }

    .ui-vpp-highlighted-specs__compats {
        width: 100%
    }

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

    .ui-pdp-compats__compats .ui-compats-header__container-message .andes-message--quiet,
    .ui-pdp-seller__compats .ui-compats-header__container-message .andes-message--quiet {
        background: rgba(0, 0, 0, .04)
    }

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

    .ui-pdp-compats--message {
        margin-bottom: 12px
    }

    .ui-pdp-compats--message.compats-message-visible {
        position: relative
    }

    .compats-message-hidden {
        animation: messageAnimationOut .7s linear 0s 1 normal forwards;
        display: none
    }

    .compats-message-visible {
        animation: messageAnimationIn .7s linear 0s 1 normal forwards;
        display: block
    }

    .compats-specs__action-button-specs:hover {
        background: #f5f5f5
    }

    .compats-specs__action-button-specs .andes-button__content {
        gap: 4px
    }

    .specs_component_message-visible {
        animation: colapseAnimationVisible 2s ease-in-out forwards;
        height: 100%
    }

    .specs_component_message-hidden {
        animation: none;
        height: 75px;
        overflow: hidden;
        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-compats-custom-card__content--error,
    .ui-compats-custom-card__content--success,
    .ui-compats-custom-card__content--warning {
        padding: 12px
    }

    @keyframes messageAnimationIn {
        0% {
            opacity: 0
        }

        to {
            display: block;
            opacity: 1
        }
    }

    @keyframes messageAnimationOut {
        0% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @keyframes colapseAnimationVisible {
        0% {
            height: 75px
        }

        to {
            height: 100%
        }
    }

    @keyframes colapseAnimationHidden {
        0% {
            height: 100%
        }

        to {
            height: 75px;
            overflow: hidden;
            position: relative
        }
    }

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

    .ui-pdp-container__row--compats-widget-sticky.ui-pdp-compats--intersecting .ui-compats-header {
        box-shadow: 0 6px 16px rgba(0, 0, 0, .1)
    }

    .ui-pdp-container__row--compats-widget-sticky .andes-tooltip.ui-compats-toolip-with-dropdown {
        left: -60px;
        position: relative
    }

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

    .ui-pdp-container__row--compats-widget-sticky-mshop .andes-tooltip.ui-compats-toolip-with-dropdown {
        left: -60px;
        position: relative
    }

    .ui-pdp-compats__compats {
        padding-top: 32px;
        width: 100%
    }

    .ui-pdp-container__row--compats-feedback.ui-pdp-compats--store {
        background: #ededed;
        margin: -83px auto 53px;
        max-width: 1184px;
        padding: 0 16px
    }

    @media(max-width: 768px) {
        .ui-pdp-container__row--compats-feedback .ui-vpp-menssage {
            margin: 12px
        }

        .ui-pdp-container__row--compats-feedback .andes-message__text {
            line-height: 18px;
            margin-right: 12px
        }
    }

    .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 {
        cursor: pointer
    }

    .ui-compats-highlight,
    .ui-compats-highlight__text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space:
    }

    .ui-compats-highlight__text {
        max-width: 298px
    }

    .ui-compats-highlight__tooltip-compats {
        right: 20px
    }

    .ui-compats-highlight__tooltip-compats .andes-tooltip-data__arrow:before {
        height: 11px;
        right: -2px;
        width: 11px
    }

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

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

    .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-list__items-wrapper--pads .poly-card--list-card.poly-card--mobile,
    .ui-recommendations-list__items-wrapper--pads .poly-card--list.poly-card--mobile {
        margin-bottom: 24px;
        padding: 0
    }

    .ui-recommendations-list__items-wrapper--pads .poly-card--list-card.poly-card--mobile:last-child,
    .ui-recommendations-list__items-wrapper--pads .poly-card--list.poly-card--mobile:last-child {
        margin-bottom: 0
    }

    .ui-recommendations-list__items-wrapper--pads .poly-card--list-card.poly-card--mobile .poly-card__portada,
    .ui-recommendations-list__items-wrapper--pads .poly-card--list.poly-card--mobile .poly-card__portada {
        border: 1px solid #ededed;
        border-radius: 4px;
        height: 86px;
        min-height: 86px;
        min-width: 86px;
        width: 86px
    }

    .ui-recommendations-list__items-wrapper--pads .poly-card--list-card.poly-card--mobile .poly-card__content,
    .ui-recommendations-list__items-wrapper--pads .poly-card--list.poly-card--mobile .poly-card__content {
        margin-left: 16px;
        margin-top: 0
    }

    .ui-recommendations-carousel-snapped .poly-card--list-card.poly-card--mobile,
    .ui-recommendations-carousel-snapped .poly-card--list.poly-card--mobile {
        width: 100%
    }

    .ui-recommendations-carousel-snapped .poly-card--list-card.poly-card--mobile .poly-component__title,
    .ui-recommendations-carousel-snapped .poly-card--list.poly-card--mobile .poly-component__title {
        -webkit-line-clamp: 2
    }

    body,
    html {
        min-width: 1160px
    }

    .nav-footer,
    .nav-header,
    [role=main] {
        display: flex;
        flex-flow: column wrap
    }

    .ui-pdp {
        max-width: 1184px
    }

    .ui-pdp .ui-pdp-header-official-store-header {
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }

    .ui-pdp .ui-pdp-header-official-store-header .ui-vpp-header-top-brand__bg-image,
    .ui-pdp .ui-pdp-header-official-store-header .ui-vpp-store__image-wrapper {
        z-index: -1
    }

    .ui-pdp-container--top.ui-vpp-container-top--gray {
        background-color: #ededed;
        border-radius: 4px 4px 0 0;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, .25);
        margin-bottom: 0;
        margin-top: 143px
    }

    .ui-pdp-container--top.ui-vpp-container-top--gray .ui-pdp-group-header {
        padding: 16px 24px 0;
        position: relative;
        z-index: 2
    }

    .ui-pdp-container--top.ui-vpp-container-top--gray .ui-pdp-group-header-breadcrumb {
        background-color: #ededed;
        padding: 0 24px 16px;
        position: relative;
        z-index: 2
    }

    .ui-pdp-container--top.ui-vpp-container-top--gray .ui-pdp-container--breadcrumb-related:empty,
    .ui-pdp-container--top.ui-vpp-container-top--gray .ui-pdp-container__row--breadcrumb,
    .ui-pdp-container--top.ui-vpp-container-top--gray .ui-pdp-related-search {
        margin-top: 0
    }

    .ui-pdp-title {
        -webkit-hyphens: none;
        hyphens: none
    }

    .ui-pdp-container__row--reverse {
        flex-direction: row-reverse
    }

    .ui-pdp-container--top {
        margin-bottom: 12px
    }

    .ui-pdp-container--official-store {
        background: #ededed;
        border-radius: 4px 4px 0 0;
        padding: 0 16px 12px
    }

    .ui-pdp-container--recos-top {
        margin-top: 16px
    }

    .ui-pdp-container--recos-top:empty {
        margin-top: 0
    }

    .ui-pdp-container__row--breadcrumb {
        margin-top: 12px
    }

    .ui-pdp-container--share {
        align-items: flex-end;
        display: flex;
        justify-content: flex-end;
        width: 200px
    }

    .ui-pdp-container--pdp {
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .25);
        margin-bottom: 24px;
        min-width: 800px
    }

    .ui-pdp-container--pdp.ui-vpp-container--bt-rect {
        border-radius: 0 0 4px 4px
    }

    .ui-pdp-container__row--available-quantity {
        display: contents
    }

    .ui-pdp--cbt-taxes-summary:not(:empty) {
        margin-top: 20px
    }

    .ui-pdp--cbt-taxes-fc-us-summary:not(:empty) {
        margin-top: 5px
    }

    .ui-pdp--relative {
        position: relative
    }

    .ui-pdp-container--border-left {
        border-right: 1px solid rgba(0, 0, 0, .1)
    }

    .ui-pdp-container--column-right {
        max-width: 325px;
        min-width: 325px
    }

    .ui-pdp-container--border-bottom {
        border-right: 1px solid rgba(0, 0, 0, .1)
    }

    .ui-pdp-variations .andes-dropdown.andes-dropdown--form {
        padding-top: 0
    }

    .ui-pdp-variations .andes-dropdown.andes-dropdown--form .andes-dropdown__arrow {
        z-index: 0
    }

    .ui-pdp-container__top-wrapper {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        position: relative
    }

    .ui-pdp-with--separator--40-24:not(:empty):after {
        margin: 40px 24px
    }

    .ui-pdp-with--separator--auto:not(:empty):after {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        content: "";
        display: block;
        height: 1px;
        width: auto
    }

    .ui-pdp-recommendations-row {
        max-width: 860px
    }

    .ui-pdp-recommendations-row .ui-recommendations-carousel-snapped.ui-pdp-with--separator:not(:empty):after {
        width: 100%
    }

    .ui-pdp-recommendations-row .ui-recommendations-carousel-snapped .andes-carousel-snapped__container {
        max-width: 720px
    }

    .ui-pdp .ui-recommendations-combos.ui-pdp-with--separator:not(:empty):after {
        width: calc(100% + 24px)
    }

    .ui-pdp-container__col .ui-pdp__header-top-brand {
        margin-bottom: -30px;
        margin-top: 16px
    }

    .ui-pdp-carousel-above-seller {
        border-top: 1px solid rgba(0, 0, 0, .1)
    }

    .ui-pdp-carousel-above-seller.no-border {
        border-top: none
    }

    .ui-pdp-spot-middle {
        margin-left: 24px;
        margin-right: 24px
    }

    .ui-pdp-spot-middle__separator:not(:empty):before {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        content: "";
        display: block;
        height: 1px;
        margin: 40px 0;
        width: 100%
    }

    .ui-pdp-stock-and-full:has(.ui-pdp-promotions-pill),
    .ui-pdp-stock-and-full:has(.ui-pdp-stock-information) {
        margin-bottom: 8px;
        margin-top: 24px
    }

    .ui-pdp-banner+.ui-pdp-container__row--returns-summary,
    .ui-pdp-banner+.ui-pdp-stock-and-full {
        margin-top: 0
    }

    .drift-bounding-box {
        z-index: 2
    }

    @media(max-width: 1209px) {
        .ui-vpp-payment-promotion__container.split-payments .ui-vpp-payment-promotion__action_button_chevron {
            padding: 1px 0
        }
    }

    .ui-pdp-iframe-modal.andes-modal.ui-pdp-action-modal__modal.split-payments-modal.andes-modal--small {
        height: 425px;
        width: 607px
    }

    .ui-pdp-iframe-modal.andes-modal.ui-pdp-action-modal__modal.split-payments-modal.andes-modal--small .andes-modal__content {
        height: 310px;
        padding: 0
    }

    .ui-pdp-iframe-modal.andes-modal.ui-pdp-action-modal__modal.split-payments-modal.andes-modal--small iframe {
        border: 0;
        transition: .5s cubic-bezier(.72, .04, .12, .97);
        width: 100%
    }

    .ui-pdp-iframe-modal.andes-modal.ui-pdp-action-modal__modal.split-payments-modal.andes-modal--small .andes-modal__header {
        padding: 48px 48px 12px
    }

    .ui-pdp-iframe-modal.andes-modal.ui-pdp-action-modal__modal.split-payments-modal.andes-modal--small .andes-spinner__mask {
        background-color: #fff
    }

    .ui-pdp-container__row--highlighted-specs+.ui-pdp-recommendations-row .ui-recommendations--desktop .slick-list {
        padding-bottom: 0
    }

    .ui-pdp-container__row--cbt-summary,
    .ui-pdp-container__row--cbt-taxes-summary {
        margin-bottom: 20px
    }

    .ui-pdp-container__row--cbt-taxes-fc-us-summary {
        margin-bottom: 4px
    }

    .ui-pdp-stock-and-full .andes-tooltip__trigger:hover {
        cursor: pointer
    }

    .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-icon--tooltip {
        fill: var(--andes-color-blue-500, #3483fa)
    }

    .ui-pdp-stock-and-full .ui-pdp-promotions-pill-label--with-icon {
        padding: 0
    }

    .ui-box-component-pdp__visible--desktop {
        border: 1px solid rgba(0, 0, 0, .1);
        border-radius: 8px;
        margin-top: 24px;
        padding: 32px 16px 24px;
        width: 100%
    }

    .ui-box-component-pdp__hidden--desktop {
        display: none
    }

    .andes-tab:first-child:nth-last-child(3),
    .andes-tab:nth-child(2):nth-last-child(2),
    .andes-tab:nth-child(3):last-child {
        width: 33.3333%
    }

    .andes-tooltip__content,
    .ui-pdp-header .ui-pdp-title {
        margin-right: 0
    }

    .ui-review-capability__container-vpp .ui-review-capability>div:first-child {
        flex-shrink: 1
    }

    .ui-pdp .ui-pdp-container__row--grouped-share-bookmark {
        position: relative;
        top: -9px
    }

    .ui-pdp .ui-pdp-container__row--gift-registry {
        align-items: center;
        display: flex;
        justify-content: center;
        width: 100%
    }

    .snackbar--add-bookmark,
    .snackbar--remove-bookmark {
        margin-bottom: 32px
    }

    .ui-pdp-container__row.ui-pdp-group-header-breadcrumb {
        min-height: 28px
    }

    .ui-pdp-container__row.ui-pdp-group-header-breadcrumb .ui-pdp-container__col.col-4 {
        flex-grow: 2
    }

    main[role=main] {
        position: relative
    }

    main[role=main] .ui-pdp {
        width: 1184px
    }

    main[role=main] .ui-pdp .ui-pdp-questions__content {
        column-gap: 16px
    }

    main[role=main] .ui-pdp .ui-pdp-header-official-store-header,
    main[role=main] .ui-pdp .ui-vpp-header-top-brand,
    main[role=main] .ui-pdp .ui-vpp-store-header {
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    main[role=main] .ui-pdp .ui-pdp-header-official-store-header .ui-vpp-store__image-wrapper,
    main[role=main] .ui-pdp .ui-vpp-header-top-brand .ui-vpp-store__image-wrapper,
    main[role=main] .ui-pdp .ui-vpp-store-header .ui-vpp-store__image-wrapper {
        z-index: -1
    }

    main[role=main] .ui-pdp .ui-vpp__cpg-header .ui-pdp-header-official-store-header,
    main[role=main] .ui-pdp .ui-vpp__cpg-header .ui-vpp-header-top-brand,
    main[role=main] .ui-pdp .ui-vpp__cpg-header .ui-vpp-store-header {
        top: 136px
    }

    main[role=main] .ui-pdp-container__row--top-available-quantity-summary {
        margin: 24px 0 0
    }

    main[role=main] .ui-pdp-container__row--top-available-quantity-summary svg {
        height: 15px !important;
        margin-right: 4px;
        top: 1px;
        width: 15px !important
    }

    main[role=main] .ui-pdp-container__row--top-available-quantity-summary .ui-pdp-action-modal__link {
        font-weight: 600
    }

    main[role=main] .ui-pdp-container--column-right .ui-pdp-component-list,
    main[role=main] .ui-pdp-container--column-right .ui-pdp-container__row--warranty {
        flex-grow: 1
    }

    main[role=main] .ui-pdp-container--column-right .ui-pdp-component-list {
        padding: 0
    }

    main[role=main] .ui-pdp-container--column-right .ui-pdp-component-list .ui-vpp-box.warranty>.ui-vpp-box__item {
        margin-bottom: 24px
    }

    main[role=main] .ui-pdp-container--column-right .ui-pdp-component-list .ui-vpp-box.warranty>.ui-vpp-box__item:last-child {
        margin-bottom: 0
    }

    main[role=main] .ui-pdp-container--column-right .ui-pdp-component-list .ui-vpp-box.warranty .ui-vpp-box__item__title {
        margin-bottom: 12px
    }

    main[role=main] .ui-pdp-container--column-right .ui-pdp-component-list .ui-pdp-container__row .ui-box-component {
        border: none;
        margin: 0;
        padding: 0
    }

    main[role=main] .ui-pdp-container--column-right .ui-pdp-component-list>* {
        border: none;
        border-radius: 0;
        border-top: 1px solid rgba(0, 0, 0, .1);
        margin: 0;
        padding: 32px 16px
    }

    main[role=main] .ui-pdp-container--column-right .ui-pdp-component-list>:first-child {
        border-top: none
    }

    main[role=main] .ui-pdp-container--column-right .mshops-pads-variation-original__client-pdp {
        margin-top: 24px
    }

    main[role=main] .ui-pdp-container--column-right-bottom .mshops-pads-variation-original__client-pdp {
        margin-top: -16px
    }

    main[role=main] .ui-pdp-iframe-modal-top-quantity-summary {
        height: 570px;
        width: 830px
    }

    main[role=main] .ui-pdp-iframe-modal-top-quantity-summary .andes-modal__scroll {
        height: 100%;
        overflow: hidden
    }

    main[role=main] .ui-pdp-iframe-modal-top-quantity-summary .andes-modal__header {
        padding: 48px 48px 32px !important
    }

    main[role=main] .ui-pdp-iframe-modal-top-quantity-summary .andes-modal__content {
        height: 100%;
        padding: 0 48px
    }

    main[role=main] .ui-pdp-iframe-modal-top-quantity-summary .andes-modal__content iframe {
        height: 100%;
        overflow: hidden
    }

    main[role=main] .ui-pdp-iframe-modal-top-quantity-summary .andes-modal__close-button path {
        stroke: rgba(0, 0, 0, .25) !important
    }

    main[role=main] .ui-vip-compats--dark {
        margin-bottom: 25px
    }

    main[role=main] .ui-vip-compats--head {
        margin-bottom: 12px
    }

    main[role=main] .ui-pdp-compats__compats {
        padding-top: 24px
    }

    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.desktop.aa02bf83.css.map*/

    $andes-theme: 'mercadolibre' !default;

    @import 'variables';
    @import '~@andes/common/mixins';

    *,
    *:before,
    *:after {
        box-sizing: border-box;
    }

    body {
        background: $andes-bg-primary;
    }

    main[role='main'] {
        // sass-lint:disable-line no-qualifying-elements
        font-family: $font-family-primary;
        font-size: $font-size-base;
        font-weight: 300;
        line-height: $line-height-base;
        // Propietary webkit rule: avoid font resizing on device rotation
        -webkit-text-size-adjust: 100%;
        // Propietary webkit rule: standarize cross device tap highlight color
        -webkit-tap-highlight-color: $andes-tap-highlight-color;
    }

    ::selection {
        background: $andes-text-selection-color;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0;
        font-weight: 400;
        line-height: $line-height-s;
    }

    p {
        margin: 0;
    }

    a,
    a:link,
    a:hover,
    a:visited {
        text-decoration: none;
    }

    a {
        color: $andes-link-state-link;
        transition: color 0.2s ease-in-out;
    }

    a:focus {
        color: $andes-link-state-hover;
    }

    a:hover {
        color: $andes-link-state-hover;
        cursor: pointer;
    }

    a:active {
        color: $andes-link-state-active;
    }

    ol,
    ul {
        @include reset-margin-padding;
    }

    li {
        list-style: none;
    }

    button,
    textarea {
        font-family: inherit;
    }

    /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */

    /*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/

    // PhotoSwipe uses Autoprefixer, so vendor prefixed are added automatically when needed.



    @import "../main-settings";


    /*
	
	1. Buttons

 */

    /* <button> css reset */
    .pswp__button {
        width: 44px;
        height: 44px;
        position: relative;
        background: none;
        cursor: pointer;
        overflow: visible;
        -webkit-appearance: none;
        display: block;
        border: 0;
        padding: 0;
        margin: 0;
        float: right;
        opacity: 0.75;
        transition: opacity 0.2s;
        box-shadow: none;

        &:focus,
        &:hover {
            opacity: 1;
        }

        &:active {
            outline: none;
            opacity: 0.9;
        }

        &::-moz-focus-inner {
            padding: 0;
            border: 0
        }
    }

    /* pswp__ui--over-close class it added when mouse is over element that should close gallery */
    .pswp__ui--over-close .pswp__button--close {
        opacity: 1;
    }

    .pswp__button,
    .pswp__button--arrow--left:before,
    .pswp__button--arrow--right:before {
        background: url(#{$pswp__assets-path}default-skin.png) 0 0 no-repeat;
        background-size: 264px 88px;
        width: 44px;
        height: 44px;
    }

    @media (-webkit-min-device-pixel-ratio: 1.1),
    (min-resolution: 105dpi),
    (min-resolution: 1.1dppx) {

        /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
        .pswp--svg .pswp__button,
        .pswp--svg .pswp__button--arrow--left:before,
        .pswp--svg .pswp__button--arrow--right:before {
            background-image: url(#{$pswp__assets-path}default-skin.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 {
        display: none;
        background-position: -88px 0;
    }

    .pswp--zoom-allowed .pswp__button--zoom {
        display: block;
    }

    .pswp--zoomed-in .pswp__button--zoom {
        background-position: -132px 0;
    }

    /* no arrows on touch screens */
    .pswp--touch {

        .pswp__button--arrow--left,
        .pswp__button--arrow--right {
            visibility: hidden;
        }
    }

    /*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
    .pswp__button--arrow--left,
    .pswp__button--arrow--right {
        background: none;
        top: 50%;
        margin-top: -50px;
        width: 70px;
        height: 100px;
        position: absolute;
    }

    .pswp__button--arrow--left {
        left: 0;
    }

    .pswp__button--arrow--right {
        right: 0;
    }

    .pswp__button--arrow--left:before,
    .pswp__button--arrow--right:before {
        content: '';
        top: 35px;
        background-color: rgba(0, 0, 0, 0.3);
        height: 30px;
        width: 32px;
        position: absolute;
    }

    .pswp__button--arrow--left:before {
        left: 6px;
        background-position: -138px -44px;
    }

    .pswp__button--arrow--right:before {
        right: 6px;
        background-position: -94px -44px;
    }


    /*

	2. Share modal/popup and links

 */

    .pswp__counter,
    .pswp__share-modal {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

    .pswp__share-modal {
        display: block;
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 10px;
        position: absolute;
        z-index: $pswp__root-z-index + 100;
        opacity: 0;
        transition: opacity 0.25s ease-out;
        -webkit-backface-visibility: hidden;
        will-change: opacity;
    }

    .pswp__share-modal--hidden {
        display: none;
    }

    .pswp__share-tooltip {
        z-index: $pswp__root-z-index + 120;
        position: absolute;
        background: #FFF;
        top: 56px;
        border-radius: 2px;
        display: block;
        width: auto;
        right: 44px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
        transform: translateY(6px);
        transition: transform 0.25s;
        -webkit-backface-visibility: hidden;
        will-change: transform;

        a {
            display: block;
            padding: 8px 12px;
            color: #000;
            text-decoration: none;
            font-size: 14px;
            line-height: 18px;

            &:hover {
                text-decoration: none;
                color: #000;
            }


            &:first-child {
                /* round corners on the first/last list item */
                border-radius: 2px 2px 0 0;
            }

            &:last-child {
                border-radius: 0 0 2px 2px;
            }
        }
    }

    .pswp__share-modal--fade-in {
        opacity: 1;

        .pswp__share-tooltip {
            transform: translateY(0);
        }
    }

    /* increase size of share links on touch devices */
    .pswp--touch .pswp__share-tooltip a {
        padding: 16px 12px;
    }

    a.pswp__share--facebook {
        &:before {
            content: '';
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            top: -12px;
            right: 15px;
            border: 6px solid transparent;
            border-bottom-color: #FFF;
            -webkit-pointer-events: none;
            -moz-pointer-events: none;
            pointer-events: none;
        }

        &:hover {
            background: #3E5C9A;
            color: #FFF;

            &: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;
        }
    }


    /*

	3. Index indicator ("1 of X" counter)

 */

    .pswp__counter {
        position: absolute;
        left: 0;
        top: 0;
        height: 44px;
        font-size: 13px;
        line-height: 44px;
        color: #FFF;
        opacity: 0.75;
        padding: 0 10px;
    }


    /*
	
	4. Caption

 */

    .pswp__caption {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        min-height: 44px;

        small {
            font-size: 11px;
            color: #BBB;
        }
    }

    .pswp__caption__center {
        text-align: left;
        max-width: 420px;
        margin: 0 auto;
        font-size: 13px;
        padding: 10px;
        line-height: 20px;
        color: #CCC;
    }

    .pswp__caption--empty {
        display: none;
    }

    /* Fake caption element, used to calculate height of next/prev image */
    .pswp__caption--fake {
        visibility: hidden;
    }


    /*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */

    .pswp__preloader {
        width: 44px;
        height: 44px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -22px;
        opacity: 0;
        transition: opacity 0.25s ease-out;
        will-change: opacity;
        direction: ltr;
    }

    .pswp__preloader__icn {
        width: 20px;
        height: 20px;
        margin: 12px;
    }

    .pswp__preloader--active {
        opacity: 1;

        .pswp__preloader__icn {
            /* We use .gif in browsers that don't support CSS animation */
            background: url(#{$pswp__assets-path}preloader.gif) 0 0 no-repeat;
        }
    }

    .pswp--css_animation {
        .pswp__preloader--active {
            opacity: 1;

            .pswp__preloader__icn {
                animation: clockwise 500ms linear infinite;
            }

            .pswp__preloader__donut {
                animation: donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite;
            }
        }

        .pswp__preloader__icn {
            background: none;
            opacity: 0.75;
            width: 14px;
            height: 14px;
            position: absolute;
            left: 15px;
            top: 15px;
            margin: 0;
        }


        .pswp__preloader__cut {
            /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
            position: relative;
            width: 7px;
            height: 14px;
            overflow: hidden;
        }

        .pswp__preloader__donut {
            box-sizing: border-box;
            width: 14px;
            height: 14px;
            border: 2px solid #FFF;
            border-radius: 50%;
            border-left-color: transparent;
            border-bottom-color: transparent;
            position: absolute;
            top: 0;
            left: 0;
            background: none;
            margin: 0;
        }
    }

    @media screen and (max-width: 1024px) {
        .pswp__preloader {
            position: relative;
            left: auto;
            top: auto;
            margin: 0;
            float: right;
        }
    }

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

        100% {
            transform: rotate(360deg)
        }
    }

    @keyframes donut-rotate {
        0% {
            transform: rotate(0)
        }

        50% {
            transform: rotate(-140deg)
        }

        100% {
            transform: rotate(0)
        }
    }


    /*
	
	6. Additional styles

 */

    /* root element of UI */
    .pswp__ui {
        -webkit-font-smoothing: auto;
        visibility: visible;
        opacity: 1;
        z-index: $pswp__root-z-index + 50;
    }

    /* top black bar with buttons and "1 of X" indicator */
    .pswp__top-bar {
        position: absolute;
        left: 0;
        top: 0;
        height: 44px;
        width: 100%;
    }

    .pswp__caption,
    .pswp__top-bar,
    .pswp--has_mouse .pswp__button--arrow--left,
    .pswp--has_mouse .pswp__button--arrow--right {
        -webkit-backface-visibility: hidden;
        will-change: opacity;
        transition: opacity $pswp__controls-transition-duration cubic-bezier(.4, 0, .22, 1);
    }

    /* pswp--has_mouse class is added only when two subsequent mousemove events occur */
    .pswp--has_mouse {

        .pswp__button--arrow--left,
        .pswp__button--arrow--right {
            visibility: visible;
        }
    }

    .pswp__top-bar,
    .pswp__caption {
        background-color: rgba(0, 0, 0, 0.5);
    }

    /* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
    .pswp__ui--fit {

        .pswp__top-bar,
        .pswp__caption {
            background-color: rgba(0, 0, 0, 0.3);
        }
    }

    /* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */

    .pswp__ui--idle {
        .pswp__top-bar {
            opacity: 0;
        }

        .pswp__button--arrow--left,
        .pswp__button--arrow--right {
            opacity: 0;
        }
    }

    /*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
    .pswp__ui--hidden {

        .pswp__top-bar,
        .pswp__caption,
        .pswp__button--arrow--left,
        .pswp__button--arrow--right {
            /* Force paint & create composition layer for controls. */
            opacity: 0.001;
        }
    }

    /* pswp__ui--one-slide class is added when there is just one item in gallery */
    .pswp__ui--one-slide {

        .pswp__button--arrow--left,
        .pswp__button--arrow--right,
        .pswp__counter {
            display: none;
        }
    }

    .pswp__element--disabled {
        display: none !important;
    }

    @if $pswp__include-minimal-style ==true {
        .pswp--minimal--dark {
            .pswp__top-bar {
                background: none;
            }
        }
    }




    $pswp__show-hide-transition-duration: 333ms !default;
    $pswp__controls-transition-duration: 333ms !default;
    $pswp__background-color: #000 !default;
    $pswp__placeholder-color: #222 !default;
    $pswp__box-sizing-border-box: true !default; // disable .pswp * { box-sizing:border-box } (in case you already have it in your site css)
    $pswp__root-z-index: 1500 !default;
    $pswp__assets-path: '' !default; // path to skin assets folder (preloader, PNG and SVG sprite)
    $pswp__error-text-color: #CCC !default; // "Image not loaded" text color
    $pswp__include-minimal-style: true !default;


    /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

    /*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/

    // PhotoSwipe uses Autoprefixer, so vendor prefixed are added automatically when needed.

    @import "main-settings";


    /* pswp = photoswipe */
    .pswp {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
        -ms-touch-action: none;
        touch-action: none;
        z-index: $pswp__root-z-index;
        -webkit-text-size-adjust: 100%;
        /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
        -webkit-backface-visibility: hidden;
        outline: none;

        @if $pswp__box-sizing-border-box ==true {
            * {
                box-sizing: border-box;
            }
        }

        img {
            max-width: none;
        }
    }

    /* style is added when JS option showHideOpacity is set to true */
    .pswp--animate_opacity {
        /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
        opacity: 0.001;
        will-change: opacity;
        /* for open/close transition */
        transition: opacity $pswp__show-hide-transition-duration cubic-bezier(.4, 0, .22, 1);
    }

    .pswp--open {
        display: block;
    }

    .pswp--zoom-allowed .pswp__img {
        /* autoprefixer: off */
        cursor: -webkit-zoom-in;
        cursor: -moz-zoom-in;
        cursor: zoom-in;
    }

    .pswp--zoomed-in .pswp__img {
        /* autoprefixer: off */
        cursor: -webkit-grab;
        cursor: -moz-grab;
        cursor: grab;
    }

    .pswp--dragging .pswp__img {
        /* autoprefixer: off */
        cursor: -webkit-grabbing;
        cursor: -moz-grabbing;
        cursor: grabbing;
    }

    /*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
    .pswp__bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: $pswp__background-color;
        opacity: 0;
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        will-change: opacity;
    }

    .pswp__scroll-wrap {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .pswp__container,
    .pswp__zoom-wrap {
        -ms-touch-action: none;
        touch-action: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    /* Prevent selection and tap highlights */
    .pswp__container,
    .pswp__img {
        -webkit-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }

    .pswp__zoom-wrap {
        position: absolute;
        width: 100%;
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
        /* for open/close transition */
        transition: transform $pswp__show-hide-transition-duration cubic-bezier(.4, 0, .22, 1);
    }

    .pswp__bg {
        will-change: opacity;
        /* for open/close transition */
        transition: opacity $pswp__show-hide-transition-duration cubic-bezier(.4, 0, .22, 1);
    }

    .pswp--animated-in {

        .pswp__bg,
        .pswp__zoom-wrap {
            -webkit-transition: none;
            transition: none;
        }
    }

    .pswp__container,
    .pswp__zoom-wrap {
        -webkit-backface-visibility: hidden;
    }

    .pswp__item {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: hidden;
    }

    .pswp__img {
        position: absolute;
        width: auto;
        height: auto;
        top: 0;
        left: 0;
    }

    /*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
    .pswp__img--placeholder {
        -webkit-backface-visibility: hidden;
    }

    /*
	div element that matches size of large image
	large image loads on top of it
*/
    .pswp__img--placeholder--blank {
        background: $pswp__placeholder-color;
    }

    .pswp--ie .pswp__img {
        width: 100% !important;
        height: auto !important;
        left: 0;
        top: 0;
    }

    /*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
    .pswp__error-msg {
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        text-align: center;
        font-size: 14px;
        line-height: 16px;
        margin-top: -8px;
        color: $pswp__error-text-color;
    }

    .pswp__error-msg a {
        color: $pswp__error-text-color;
        text-decoration: underline;
    }


    .#{$pdp-prefix}-buybox__quantity {
        &__input {
            &__custom-options-quantity {
                display: flex;
                padding-top: $andes-spacing-16;
                font-size: $font-size-16;
                font-weight: $font-weight-semibold;
                color: $andes-text-color-primary;
                width: 100%;
                align-items: baseline;

                &__label {
                    display: flex;

                    .andes-money-amount {
                        font-weight: $font-weight-semibold;
                    }

                    .andes-money-amount__suffix {
                        color: $andes-text-color-primary;
                        font-size: $font-size-12;
                        margin-left: 0;
                    }

                    &-quantity {
                        flex: 2;
                        justify-content: flex-start;
                    }

                    &-amount {
                        flex: 1;
                        justify-content: flex-end;
                    }
                }
            }
        }
    }

    .#{$pdp-prefix}-buybox__quantity {
        &__input {
            padding: 24px 12px 12px;
            position: relative;

            &__custom-options {
                padding: $andes-spacing-16 0 $andes-spacing-20;
                width: 100%;

                .ui-pdp-buybox__quantity__button {
                    margin: 0;
                    width: 68px;
                    height: 34px;
                    font-family: $font-family-primary;
                    font-size: $font-size-14;
                    font-weight: $font-weight-semibold;
                    line-height: $line-height-xs;
                    text-align: center;
                }

                .andes-button.ui-pdp-buybox__quantity__button {
                    margin: 7px;
                }

                .andes-form-control--textfield .andes-form-control__field {
                    padding-left: 6px;
                    padding-right: 0;
                }

                .andes-form-control__field::placeholder {
                    padding-left: $andes-spacing-4;
                }

                .andes-form-control--textfield .andes-form-control__control {
                    min-height: 0;
                    height: 46px;
                }

                .andes-form-control {
                    width: 100%;
                }

                .andes-button__content {
                    top: 0;
                    left: 1px;
                }

                .andes-money-amount__suffix {
                    color: $andes-text-color-primary;
                    font-size: $font-size-12;
                    margin-left: 0;
                }
            }

            &-textfield {
                .andes-form-control__field {
                    width: 100%;
                }
            }

            .andes-form-control {
                display: inline-block;
                padding: 0;
            }

            .andes-button {
                margin: 8px;
            }

            // [START] remove when fixed form andes -- andes list svg path overlaps with andes textfieldqq
            /* stylelint-disable-next-line selector-class-pattern */
            .andes-form-control---error-icon path {
                fill: $andes-white;

                &:first-child {
                    fill: $andes-red-500;
                }
            }

            // [END] remove when fixed form andes -- andes list svg path overlaps with andes textfield
        }

        &__stock {
            font-size: 12px;
            color: $andes-gray-250;
        }

        &__disclaimer {
            margin-top: 8px;
        }
    }

    .#{$pdp-prefix}-buybox__quantity {
        &--native {
            height: 50px;
            width: 50px;
            border: 1px solid $andes-gray-100;
            border-radius: 4px;
            top: -1px;
            margin-bottom: 10px;

            &__input {
                padding: 8px;
                width: 100%;
                height: 100%;
                border: 0;
                outline: none;
                border-radius: 4px;
                color: $andes-black;
                font-weight: $font-weight-semibold;
            }

            &__input::placeholder {
                color: $andes-black;
            }
        }

        &__lowend__input {
            margin: 12px 0;

            .andes-form-control__field {
                width: 95px;

                // sass-lint:disable no-vendor-prefixes //
                &::-webkit-inner-spin-button {
                    appearance: none;
                }
            }
        }

        &__lowend--mobile {
            .andes-form-control__field {
                width: 100%;
            }
        }
    }

    @import '../../../../styles/variables';

    $pdp-quantity-selector-width: 200px;
    $pdp-quantity-selector-width-pdp: 278px;
    $pdp-quantity-selector-width-vip: 320px;
    $pdp-quantity-selector-width-with-options: 265px;
    $quantity-selector-width-options-bulk-sale: 245px;
    $pdp-quantity-selector-radius: 0.25em;

    .#{$pdp-prefix}-quantity-selector {
        border: none;
        box-shadow: 0 1px 2px 0 $pdp-gray-300;
        padding: 0;
        width: 100%;

        &__list {
            &--default {
                width: 100%;
            }

            &--default-bulk {
                width: $quantity-selector-width-options-bulk-sale;
            }

            &--pdp {
                width: $pdp-quantity-selector-width-pdp;
            }

            &--vip-core {
                width: $pdp-quantity-selector-width-vip;
            }

            &-custom-options {
                .andes-list--selectable {
                    li {
                        &.andes-list__item {
                            border-bottom: 1px solid $andes-gray-070-solid;
                        }

                        &:last-of-type {
                            border-bottom: 0;
                        }
                    }
                }

                .andes-money-amount {
                    .andes-money-amount__suffix {
                        color: $andes-text-color-primary;
                        font-size: $font-size-12;
                        margin-left: 0;
                    }
                }
            }
        }

        .andes-tooltip-data__arrow {
            display: none;
        }

        &--volume {
            transform: translateX(-3px);
        }

        &--options-bulk {
            width: $quantity-selector-width-options-bulk-sale;

            .andes-list--dropdown {
                max-height: 310px;
                overflow-y: auto;
            }
        }

        &--options {
            width: $pdp-quantity-selector-width-with-options;

            .andes-list--dropdown {
                max-height: 310px;
                overflow-y: auto;
            }
        }

        &__options-custom-options {
            margin-top: 4px;
            width: 100%;
            overflow: hidden;
        }

        .andes-tooltip-button-close,
        .andes-tooltip-arrow {
            display: none;
        }

        .andes-list__item {
            align-items: center;
            justify-content: center;

            +.andes-list__item {
                border: none;
            }

            &.andes-list__item--selected {
                .andes-list__item-primary {
                    font-weight: $font-weight-semibold;
                    color: $andes-blue-500;
                }
            }

            &:first-child {
                border-top-left-radius: $pdp-quantity-selector-radius;
                border-top-right-radius: $pdp-quantity-selector-radius;
            }

            &:last-child {
                border-bottom-left-radius: $pdp-quantity-selector-radius;
                border-bottom-right-radius: $pdp-quantity-selector-radius;
                height: auto;
            }
        }
    }

    @import './quantity-input.desktop';
    @import './quantity-input-custom-label';
    @import './quantity-selector.desktop';
    @import './quantity-native';
    @import '../../../../styles/mixins';

    .#{$pdp-prefix}-buybox__quantity {
        color: color(color_gray_dark);

        &__custom-options {
            width: 100%;
            position: relative;

            div[data-tippy-root] {
                width: 100%;
            }

            .#{$pdp-prefix}-buybox__quantity__available {
                margin-left: $andes-spacing-4;
                font-size: $font-size-16;
            }
        }

        &__title {
            font-size: $font-size-base;
            font-weight: $font-weight-regular;
            color: color(color_gray_dark);

            &--last {
                font-weight: $font-weight-semibold;
            }
        }

        &__title-error {
            font-size: $font-size-base;
            font-weight: $font-weight-regular;
            color: color(color_red);
            margin-right: $andes-spacing-4;

            &--last {
                font-weight: $font-weight-semibold;
            }
        }

        &__selected {
            margin-left: $andes-spacing-4;
            font-size: $font-size-base;
            font-weight: $font-weight-semibold;
            color: color(color_gray_dark);
            white-space: nowrap;

            &__label {
                margin-left: $andes-spacing-4;
            }
        }

        &__selected-error {
            margin-left: 2px;
            font-size: $font-size-base;
            font-weight: $font-weight-semibold;
            color: color(color_red);
            white-space: nowrap;

            & span {
                color: color(color_red);
            }
        }

        &__error {
            font-size: $font-size-base;
            font-weight: $font-weight-semibold;
            color: color(color_red);
            white-space: nowrap;
        }

        &__chevron {
            margin-left: 6px;
            vertical-align: bottom;
        }

        .#{$pdp-prefix}-icon--disabled {
            stroke: $andes-gray-250;

            path {
                stroke: $andes-gray-250 !important;
            }
        }

        &__available {
            @include truncate(auto, unset);

            color: color(color_gray_middle);
            font-size: $font-size-14;
            font-weight: $font-weight-regular;
            margin-left: 6px;
        }

        &__trigger-bulksale {
            height: 20px;
            cursor: pointer;
            padding: 0;

            &:hover,
            :focus,
            :active {
                background-color: transparent;
            }

            .andes-button__content {
                display: grid;
                max-width: 275px;
                grid-auto-flow: column;
            }

            &--options {
                .andes-button__content {
                    max-width: 320px;

                    .#{$pdp-prefix}-buybox__quantity__selected__label {
                        float: none;
                        display: inline;
                    }
                }
            }
        }

        &__trigger-custom-options {
            width: 100%;
            border-radius: $border-radius-6;
            padding: 14px 10px;

            &#quantity-selector {
                border: 1px solid $andes-gray-250;
            }

            &--active {
                &#quantity-selector {
                    border: 2px solid $andes-blue-500;
                }
            }

            &--error {
                &#quantity-selector {
                    border: 2px solid $andes-red-500;
                }
            }

            .andes-button__content {
                justify-content: flex-start;
            }

            .#{$pdp-prefix}-buybox__quantity__chevron {
                justify-content: flex-end;
                display: flex;
                flex: 1;
            }
        }

        &__trigger {
            cursor: pointer;
            padding: 0;

            &:hover,
            :focus,
            :active {
                background-color: transparent;
            }

            .andes-button__content {
                display: grid;
                max-width: 275px;
                grid-auto-flow: column;
            }

            &--options {
                .andes-button__content {
                    max-width: 320px;

                    .#{$pdp-prefix}-buybox__quantity__selected__label {
                        float: none;
                        display: inline;
                    }
                }
            }
        }

        &__messages {
            line-height: 18px;

            &__message {
                @include money-amount-spacing;

                display: flex;
                margin: 4px;

                .ui-pdp-price__part {
                    line-height: inherit;

                    .price-tag-cents {
                        line-height: inherit;
                    }
                }
            }
        }
    }

    @import '~@andes/common/lib/styles/visually-hidden';
    @import './variables';
    @import './functions';
    @import './mixins';

    main {
        // sass-lint:disable no-vendor-prefixes //
        -webkit-font-smoothing: antialiased;
    }

    // Colors

    .#{$pdp-prefix}-color--GREEN {
        color: color(color_green);
    }

    .#{$pdp-prefix}-color--GREEN_60 {
        color: color(color_green_60);
    }

    .#{$pdp-prefix}-color--GRAY {
        color: color(color_gray_middle);
    }

    .#{$pdp-prefix}-color--GRAY_40 {
        color: color(color_gray_lighter);
    }

    .#{$pdp-prefix}-color--LIGHT_GRAY {
        color: color(color_gray_light);
    }

    .#{$pdp-prefix}-color--BLACK {
        color: color(color_gray_dark);
    }

    .#{$pdp-prefix}-color--BLACK_100 {
        color: color(color_black_100);
    }

    .#{$pdp-prefix}-color--RED {
        color: color(color_red);
    }

    .#{$pdp-prefix}-color--RED_600 {
        color: color(color_red_600);
    }

    .#{$pdp-prefix}-color--ORANGE {
        color: color(color_orange);
    }

    .#{$pdp-prefix}-color--ORANGE_200 {
        color: color(color_orange_200);
    }

    .#{$pdp-prefix}-color--ORANGE_600 {
        color: color(color_orange_600);
    }

    .#{$pdp-prefix}-color--ORANGE_MEDIUM {
        color: color(color_orange_medium);
    }

    .#{$pdp-prefix}-color--BLUE {
        color: color(color_blue);
    }

    .#{$pdp-prefix}-color--BLUE_600 {
        color: color(color_blue_600);
    }

    .#{$pdp-prefix}-color--BLUE_700 {
        color: color(color_blue_700);
    }

    .#{$pdp-prefix}-color--WHITE {
        color: color(color_white);
    }

    .#{$pdp-prefix}-color--LIGHT_BROWN {
        color: color(color_light_brown);
    }

    // Background Colors

    .#{$pdp-prefix}-background-color--GREEN {
        background-color: color(color_green);
    }

    .#{$pdp-prefix}-background-color--GREEN_60 {
        background-color: color(color_green_60);
    }

    .#{$pdp-prefix}-background-color--GRAY {
        background-color: color(color_gray_middle);
    }

    .#{$pdp-prefix}-background-color--GRAY_40 {
        background-color: color(color_gray_lighter);
    }

    .#{$pdp-prefix}-background-color--LIGHT_GRAY {
        background-color: color(color_gray_light);
    }

    .#{$pdp-prefix}-background-color--MEDIUM_GRAY {
        background-color: color(color_medium_gray);
    }

    /* stylelint-disable-next-line no-duplicate-selectors */
    .#{$pdp-prefix}-background-color--LIGHT_GRAY {
        background-color: color(color_black_10);
    }

    .#{$pdp-prefix}-background-color--BLACK {
        background-color: color(color_gray_dark);
    }

    .#{$pdp-prefix}-background-color--BLACK_10 {
        background-color: color(color_black_10);
    }

    .#{$pdp-prefix}-background-color--RED {
        background-color: color(color_red);
    }

    .#{$pdp-prefix}-background-color--RED_600 {
        background-color: color(color_red_600);
    }

    .#{$pdp-prefix}-background-color--ORANGE {
        background-color: color(color_orange);
    }

    .#{$pdp-prefix}-background-color--ORANGE_200 {
        background-color: color(color_orange_200);
    }

    .#{$pdp-prefix}-background-color--ORANGE_600 {
        background-color: color(color_orange_600);
    }

    .#{$pdp-prefix}-background-color--BLUE {
        background-color: color(color_blue);
    }

    .#{$pdp-prefix}-background-color--BLUE_700 {
        background-color: color(color_blue_700);
    }

    .#{$pdp-prefix}-background-color--LIGHT_BLUE {
        background-color: color(color_light_blue);
    }

    .#{$pdp-prefix}-background-color--BLUE_10 {
        background-color: color(color_blue_10);
    }

    .#{$pdp-prefix}-background-color--LIGHT_YELLOW {
        background-color: color(color_light_yellow);
    }

    .#{$pdp-prefix}-background-color--VIOLET_600 {
        background-color: color(color_violet_600);
    }

    .#{$pdp-prefix}-background-color--LIGHT_GREEN {
        background-color: color(color_light_green);
    }

    // Font sizes

    .#{$pdp-prefix}-size--XXXSMALL {
        font-size: size(size_xxxsmall);
    }

    .#{$pdp-prefix}-size--XXSMALL {
        font-size: size(size_xxsmall);
    }

    .#{$pdp-prefix}-size--XSMALL {
        font-size: size(size_xsmall);
    }

    .#{$pdp-prefix}-size--SMALL {
        font-size: size(size_small);
    }

    .#{$pdp-prefix}-size--MEDIUM {
        font-size: size(size_medium);
    }

    .#{$pdp-prefix}-size--LARGE {
        font-size: size(size_large);
    }

    .#{$pdp-prefix}-size--XLARGE {
        font-size: size(size_xlarge);
    }

    .#{$pdp-prefix}-size--XXLARGE {
        font-size: size(size_xxlarge);
    }

    // Font weights

    .#{$pdp-prefix}-family--LIGHT {
        font-weight: weight(weight_light);
    }

    .#{$pdp-prefix}-family--REGULAR {
        font-weight: weight(weight_regular);
    }

    .#{$pdp-prefix}-family--SEMIBOLD {
        font-weight: weight(weight_semibold);
    }

    .#{$pdp-prefix}-family--BOLD {
        font-weight: weight(weight_bold);
    }

    .#{$pdp-prefix}-background-color--LIGHT_ORANGE {
        /* stylelint-disable-next-line color-function-notation */
        background-color: rgba(color(color_orange), 0.1);
    }

    /* stylelint-disable-next-line no-duplicate-selectors */
    .#{$pdp-prefix}-background-color--LIGHT_GREEN {
        background-color: $pdp-green-100;
    }

    .#{$vpp-prefix}-text-alignment--center {
        text-align: center;
        width: 100%;
        margin: 0 auto;
    }

    // https://gist.github.com/jacurtis/30da4bf9a6c9b9b5cc0aebac512ca7c9#gistcomment-2389966
    // @TODO find a better place for this
    $spaceamounts: (
        0,
        2,
        4,
        5,
        8,
        10,
        12,
        14,
        15,
        16,
        20,
        24,
        25,
        30,
        32,
        35,
        40,
        45,
        48,
        64
    );
$sides: (
    '': 'all',
    't': 'top',
    'b': 'bottom',
    'l': 'left',
    'r': 'right',
);

@each $space in $spaceamounts {
    @each $prefix, $value in $sides {
        $property: if($prefix =='', '', -#{$value});

        .m#{$prefix}-#{$space} {
            margin#{$property}: #{$space}px;
        }

        .p#{$prefix}-#{$space} {
            padding#{$property}: #{$space}px;
        }
    }
}

// z-index
.andes-tooltip {
    z-index: $z-index-tooltip;
}

.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 {
    user-select: none;
}

// BLOCK Meliuz extension
/* stylelint-disable-next-line selector-max-id */
#comparator {
    display: none !important;
}

.#{$pdp-prefix}--hide {
    position: absolute;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    margin: 0 -1px -1px 0;
    overflow: hidden;
    padding: 0;
}

// @TODO remove when andes fix this issue because it's overlaping with tooltip
.andes-modal__overlay {
    z-index: 99999;
}

// Styles for loader
.#{$pdp-prefix} {
    $fetcher-loader-color: color(color_gray_05);

    &-fetching-component+ul,
    &-fetching-component+span,
    &-fetching-component+div,
    &-fetching-component+section,
    &-fetching-component+form,
    &-fetching-component+a {
        position: relative;
    }

    &-fetching-component+ul::after,
    &-fetching-component+span::after,
    &-fetching-component+div::after,
    &-fetching-component+section::after,
    &-fetching-component+form::after,
    &-fetching-component+a::after {
        background-color: $fetcher-loader-color;
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 999;
    }
}

.nav-search {
    margin: 0;
}


// Button common rules mixin
@mixin button-shared-styles($map, $type) {
    border-color: map-deep-get($map, $type, 'border');
    background-color: map-deep-get($map, $type, 'background');
    color: map-deep-get($map, $type, 'color');

    // Icons should look like it's text
    path {
        stroke: map-deep-get($map, $type, 'color') !important;
    }
}

// Layer element progress animation
@mixin andes-button-layer-animation($map) {
    @include button-shared-styles($map: $map, $type: 'hover');

    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: em(1, 18);
    margin: em(-1, 18);
    border-radius: em(4, 18);
    box-sizing: content-box;
    transform: scaleX(0);
    transform-origin: left center;
}

// progress animation
@keyframes andes-button-start-width-animation {
    from {
        width: 0;
    }

    to {
        width: 90%;
    }
}

@keyframes andes-button-start-width-animation-reduce-motion {
    from {
        width: 0;
    }

    30% {
        width: 30%;
    }

    60% {
        width: 60%;
    }

    to {
        width: 90%;
    }
}

@mixin andes-button-finish-animation {
    transform: scaleX(1);

    @media (prefers-reduced-motion: no-preference) {
        transition: transform 250ms ease-in, opacity 500ms ease-in;
    }
}



@include bundle($type: 'shared') {
    .andes-button {
        @include add-focus-visible;

        font-family: $font-family-primary;
        font-size: $button-font-size;
        font-weight: $font-weight-semibold;
        line-height: $button-height-large;
        padding: $button-padding-large;
        height: $button-height-large;
        text-align: center;
        border-radius: $border-radius-6;
        display: inline-block;
        width: auto;
        -webkit-font-smoothing: antialiased;

        @media (prefers-reduced-motion: no-preference) {
            transition: 0.18s ease-out;
            transition-property: background, color;
        }

        &:link {
            text-decoration: none;
        }

        &,
        & * {
            box-sizing: border-box;
        }

        svg {
            display: inline-block;
            vertical-align: middle;
            max-width: $button-icon-size;
            max-height: $button-icon-size;
        }

        &--full-width {
            width: 100%;
            display: block;
        }

        &--disabled {
            pointer-events: none;
        }

        &--loading {
            .andes-progress-indicator-circular {
                position: relative;
            }

            .andes-progress-indicator-circular__container {
                display: inline-block;
                justify-content: center;
                align-items: center;
                stroke-width: 6px;
                position: relative;
                transform: translate(0%, calc(-50% - 22px));

                @media (prefers-reduced-motion: no-preference) {
                    animation: translateInButtonSpinner 0.2s, fadeIn 0.2s;
                    animation-fill-mode: forwards;
                }
            }

            .andes-progress-indicator-circular--xsmall {
                top: 10%;
            }

            .andes-progress-indicator-circular--small {
                top: -5%;
            }

            .andes-button__content {
                opacity: 0;

                @media (prefers-reduced-motion: no-preference) {
                    animation: translateOutButtonSpinner 0.2s, fadeOut 0.2s;
                    animation-fill-mode: forwards;
                }
            }
        }

        &--loading-complete {
            .andes-button__content {
                opacity: 1;

                @media (prefers-reduced-motion: no-preference) {
                    animation: translateInButtonSpinnerComplete 0.2s, fadeIn 0.2s;
                    animation-fill-mode: forwards;
                }
            }
        }
    }

    // Content
    .andes-button__content {
        @include clearfix;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;

        // Hack to maintain desired height in elements,
        // not achieveable using inline-block in children elements
        * {
            display: block;
            float: left;
        }
    }

    .andes-button__text {
        flex: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

        &+svg,
        svg+& {
            margin-left: $button-spacing-12;
        }
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    @keyframes fadeOut {
        from {
            opacity: 1;
        }

        to {
            opacity: 0;
        }
    }

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

        to {
            transform: translate(0%, calc(-50% - 22px));
        }
    }

    @keyframes translateOutButtonSpinner {
        from {
            transform: translate(0, 0);
        }

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

    @keyframes translateOutButtonSpinnerComplete {
        from {
            transform: translate(0%, calc(-50% - 22px));
        }

        to {
            transform: translate(0%, -80px);
        }
    }

    @keyframes translateInButtonSpinnerComplete {
        from {
            transform: translate(0, 50%);
        }

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

// Fonts
$button-font-size: 16px;
$button-font-size-base-value: 16;
$button-font-size-small-value: 16;
$button-font-size-medium: $font-size-14;
$button-font-size-small: $font-size-12;

// Spacings
$button-padding-large: 0 $andes-spacing-24;
$button-padding-medium: 0 $andes-spacing-12;
$button-padding-small: 0 $andes-spacing-8;

// Heights
$button-height-large: 48px;
$button-height-medium: 32px;
$button-height-small: 24px;

$button-icon-size: em(18, $button-font-size-base-value);

$button-spacing-16: $andes-spacing-16;
$button-spacing-12: $andes-spacing-12;
$button-spacing-8: $andes-spacing-8;

// Colors
$button-chevron-border-color: $andes-gray-100;

// andes button button class
$andes-button: 'andes-button';
$andes-button-border-radius: 2em;
$andes-button-padding-lg: 14px;
$andes-button-collapsed-max-width-sm: 2.6em;
$andes-button-collapsed-max-width-lg: 3em;
$andes-button-padding-right-12: 12px;

// Button states variables

// Loud type set by state
$button-loud: (
    default: (background: $andes-blue-500,
        color: $andes-white,
        border: transparent),
    hover: (background: $andes-blue-600,
        color: $andes-white,
        border: transparent),
    pressed: (background: $andes-blue-700,
        color: $andes-white,
        border: transparent),
    disabled: (background: $andes-gray-100,
        color: $andes-text-color-disabled,
        border: transparent),
    focus: $andes-blue-300,
    box-shadow: $andes-white
);

// Quiet type set by state
$button-quiet: (
    default: (background: $andes-blue-150,
        color: $andes-blue-500,
        border: transparent),
    hover: (background: $andes-blue-200,
        color: $andes-blue-500,
        border: transparent),
    pressed: (background: $andes-blue-300,
        color: $andes-blue-500,
        border: transparent),
    disabled: (background: $andes-gray-100,
        color: $andes-text-color-disabled,
        border: transparent),
    focus: $andes-blue-300,
    box-shadow: $andes-white
);

// Transparent type set by state
$button-transparent: (
    default: (background: transparent,
        color: $andes-blue-500,
        border: transparent),
    hover: (background: $andes-blue-100,
        color: $andes-blue-500,
        border: transparent),
    pressed: (background: $andes-blue-200,
        color: $andes-blue-500,
        border: transparent),
    disabled: (background: transparent,
        color: $andes-text-color-disabled,
        border: transparent),
    focus: $andes-blue-300,
    box-shadow: $andes-white
);

$button-white: (
    default: (background: rgba($andes-white, 0),
        color: $andes-white,
        border: transparent),
    hover: (background: rgba($andes-white, 0.04),
        color: $andes-white,
        border: none),
    pressed: (background: rgba($andes-white, 0.04),
        color: $andes-white,
        border: none),
    disabled: (background: rgba($andes-white, 0),
        color: $andes-text-color-disabled,
        border: rgba($andes-white, 0)),
    focus: none
);

.ui-pdp-reputation__seller {
    margin: $andes-spacing-24 0;

    .ui-pdp-reputation-name {
        display: flex;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-pdp-reputation-main-info-seller {
        font-weight: $font-weight-regular;

        div:nth-child(3) {
            display: block;
        }
    }

    .ui-pdp-reputation-seller {
        display: flex;
        flex: 1;
        white-space: nowrap;

        .ui-pdp-reputation-title-link {
            display: block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-left: $andes-spacing-4;
            margin-right: $andes-spacing-8;

            .reputation-span {
                color: $andes-black;
            }

            .repupation-span-seller-name {
                white-space: pre-wrap;
            }
        }

        .non-margin-left {
            margin-left: 0;
        }
    }

    figure {
        margin: 0;
    }

    .ui-pdp-color--green {
        color: $andes-green-500;
    }

    .ui-pdp-reputation-seller-info {
        display: flex;
        flex-direction: row;
    }

    .ui-pdp-reputation-mercado-lider {
        flex-direction: row;
        display: inline-block;

        figure {
            margin: 0;
            display: inline-block;
            vertical-align: sub;
        }

        .ui-pdp-reputation__title {
            vertical-align: middle;
        }
    }

    .ui-pdp-seller-logo-reputation {
        margin-right: $andes-spacing-12;
        width: 40px;
        height: 40px;
        position: relative;
        border: 0;

        &::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            background: $andes-gray-040;
            border-radius: 4px;
        }
    }

    .ui-pdp-icon--medal {
        width: 14px;
        height: $andes-spacing-16;
        margin-right: 2px;

        img {
            width: 14px;
            height: 14px;
            margin-top: 3px;
        }
    }
}

.ui-pdp-buybox__quantity__available {
    font-size: 12px;
}

// Remember to add `position: relative` to the container you wish to expand
@mixin expand-to-container {
    &::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
}


@mixin add-focus-box-shadow ($box-shadow-color: $focus-indicator-shadow) {
    box-shadow: $box-shadow-color;
    -moz-box-shadow: $box-shadow-color;
    -webkit-box-shadow: $box-shadow-color;
}

@mixin add-focus-visible ($focus-visible-color: $focus-indicator-shadow) {

    // focus and focus-visible are separated because they don't work together on Safari
    &:focus {
        @include add-focus-box-shadow($focus-visible-color);
        outline: none;
    }

    &:focus-visible {
        @include add-focus-box-shadow($focus-visible-color);
        outline: none;
    }

    &:focus:not(:focus-visible) {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        outline: none;
    }
}

@mixin remove-focus {
    &:focus {
        @include add-focus-box-shadow(none);
    }

    &:focus-visible {
        @include add-focus-box-shadow(none);
    }
}

@mixin focus-relative-fix {
    &:focus {
        position: relative;
    }

    &:focus-visible {
        position: relative;
    }
}


// ui-icon-close
//
// Generates a customizable close cross icon
//
// $size - The expected size of the close icon.
// $stroke - The line stroke width.
// $color - The line stroke color.
//
// Styleguide Mixins.ui-icon-close
@mixin icon-close ($size, $stroke, $color) {
    position: relative;
    width: em($size);
    height: em($size);
    cursor: pointer;

    &:after,
    &:before {
        position: absolute;
        left: em($size * 0.5);
        top: 0;
        content: '';
        height: em($size);
        width: $stroke;
        background-color: $color;
        cursor: pointer;
    }

    &:before {
        transform: rotate(45deg);
    }

    &:after {
        transform: rotate(-45deg);
    }
}



// Clearfix mixin
@mixin clearfix {
    &:after {
        content: '';
        display: table;
        clear: both;
    }
}


// Placeholder mixin
// Helps on placeholder selection and compatibility with older browsers

// sass-lint:disable no-vendor-prefixes
@mixin placeholder() {
    &::placeholder {
        opacity: 1; // Firefox
        @content;
    }

    &::-webkit-input-placeholder {
        // Chrome/Opera/Safari
        @content;
    }

    &::-moz-placeholder {
        // Firefox 19+
        opacity: 1; // Firefox
        @content;
    }

    &:-moz-placeholder {
        // Firefox 4-18
        opacity: 1; // Firefox
        @content;
    }

    &:-ms-input-placeholder {
        // IE 10+
        @content;
    }

    &::-ms-input-placeholder {
        // Edge
        @content;
    }

    &:-moz-placeholder {
        // Firefox 18-
        @content;
    }
}

// sass-lint:enable no-vendor-prefixes


@mixin reset-margin-padding() {
    margin: 0;
    padding: 0;
}


button.ui-pdp-collapsable__action {
    display: none;
}



/* update 21 12 24 */



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

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

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




.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,
.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--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: 0 1 0%;
    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 {
    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-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: flex;
    flex-direction: row;
    padding-top: 24px
}

.ui-vpp-multi-media__step-header {
    text-align: center
}

.ui-vpp-multi-media__step-title {
    font-size: 14px;
    margin: 20px 0
}

.ui-vpp-multi-media__step-subtitle {
    font-size: 12px;
    text-align: center
}

.ui-vpp-multi-media__step {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 8px;
    width: 33%
}

.ui-vpp-multi-media__step-wrapper {
    margin: 0 auto;
    max-width: 115px
}

.ui-vpp-multi-media__step-wrapper .ui-pdp-image {
    width: 100%
}

.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);
    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 .ui-pdp-price__part {
    font-weight: 300
}

.ui-pdp-price__second-line .ui-pdp-price__bulk-part {
    font-weight: 400
}

.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__label-discount {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 0 8px;
    position: relative
}

.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 {
    font-weight: 400
}

.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.acquisition .ui-vpp-payment-promotion__container {
    display: flex;
    flex-wrap: wrap;
    gap: 0
}

.ui-vpp-payment-promotion.acquisition .ui-vpp-payment-promotion__container-icon {
    position: absolute
}

.ui-vpp-payment-promotion.acquisition .ui-vpp-payment-promotion__container-text {
    margin-left: 54px
}

.ui-vpp-payment-promotion.acquisition .ui-vpp-payment-promotion__container .ui-pdp-container__row {
    flex-basis: 100%;
    margin-left: 54px
}

.ui-vpp-payment-promotion.activation .ui-vpp-payment-promotion__container {
    max-width: 317px;
    min-width: 317px
}

@media(max-width:1024px) {
    .ui-vpp-payment-promotion.activation .ui-vpp-payment-promotion__container {
        min-width: 276px
    }
}

.ui-vpp-payment-promotion__container {
    margin: 16px 0 8px;
    width: 100%
}

.ui-vpp-payment-promotion__container .ui-pdp-container__row {
    margin-top: 4px
}

.ui-vpp-payment-promotion .ui-vpp-payment-icon,
.ui-vpp-payment-promotion .ui-vpp-payment-icon__container {
    margin-top: 0
}

.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_desktop {
    align-items: center;
    display: flex;
    font-size: 14px;
    margin-bottom: 4px
}

.ui-vpp-payment-promotion .payment_wording_desktop .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-text {
    font-weight: 400;
    margin-right: 6px
}

.ui-pdp-price__price-ref .price-tag {
    line-height: unset
}

.ui-pdp-price__price-ref .ui-pdp-icon--price-info {
    top: 6px
}

.ui-pdp-price {
    max-width: 340px
}

.ui-pdp-price__second-line {
    transform: translateX(-1px)
}

.ui-pdp-price__second-line__text {
    max-height: 25px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-pdp-price__second-line__label {
    display: flex;
    gap: 4px;
    margin-left: 6px;
    margin-top: 1px
}

.ui-pdp-price__tags {
    margin-top: 16px
}

.ui-pdp-price__tags__wrapper-tags {
    align-items: baseline;
    margin-bottom: 8px
}

.ui-pdp-price__tags__wrapper-tags:last-of-type {
    margin-bottom: 0
}

.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-price__tags--MELI_USD {
    padding: 0
}

.ui-pdp-price__tags__wrapper-tags:last-of-type .ui-pdp-price__tags--MELI_USD .ui-pdp-promotions-pill-label__text {
    overflow-wrap: break-word;
    white-space: normal;
    word-break: normal
}

.ui-pdp-price__tags__wrapper-tags:last-of-type .ui-pdp-price__tags--MELI_USD .ui-pdp-price__part {
    font-size: 16px !important
}

.ui-pdp-price__tags__wrapper-tags:last-of-type .ui-pdp-price__tags--MELI_USD .andes-money-amount__cents--superscript-SMALL,
.ui-pdp-price__tags__wrapper-tags:last-of-type .ui-pdp-price__tags--MELI_USD .andes-money-amount__cents--superscript-XSMALL {
    font-size: 10px;
    font-weight: 600
}

.ui-pdp-price__tags__wrapper-tags:last-of-type .ui-pdp-promotions-pill-label--tag {
    margin-bottom: 0
}

.ui-pdp-price__tags__wrapper-tags .ui-pdp-action-modal .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 .ui-pdp-action-modal .ui-pdp-price__tags--wrapper-tags--click .ui-pdp-price__part {
    font-weight: 300
}

.ui-pdp-price__tags__wrapper-tags .ui-pdp-action-modal .ui-pdp-price__tags--wrapper-tags--click .ui-pdp-icon--meli-coins {
    height: 22px;
    padding-left: 6px;
    width: 26px
}

.ui-pdp-price__tags__wrapper-tags .ui-pdp-action-modal .ui-pdp-price__tags--wrapper-tags--click.ui-pdp-family--SEMIBOLD .ui-pdp-price__part {
    font-weight: inherit
}

.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--tag-click {
    margin-right: 8px
}

.ui-pdp-price__tags .ui-pdp-action-modal {
    align-self: center
}

.ui-pdp-price__discounts-tags .ui-vpp-tag-limited_element {
    margin-top: 0
}

.ui-pdp-price__discounts-tags .ui-vpp-tag-limited_element .ui-vpp-discounts__tags {
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    height: 28px;
    line-height: 16px;
    padding: 6px 8px;
    text-transform: none;
    width: max-content
}

.ui-pdp-price__discounts-tags .ui-pdp-action-modal {
    margin-top: 0
}

.ui-pdp-price__discounts-tags .ui-vpp-discounts__action-button {
    display: none
}

.ui-pdp-price__tooltip-buy_loyalty_level_tooltip {
    width: 330px
}

.ui-pdp-price__tooltip-currency_tooltip {
    width: 390px
}

@media(min-width:768px) {
    .ui-pdp-price__buy-loyalty-modal.andes-modal {
        max-height: 531px;
        max-width: 784px
    }

    .ui-pdp-price__buy-loyalty-modal .andes-modal__content {
        padding: 0
    }

    .ui-pdp-price__buy-loyalty-modal .andes-modal__close-button,
    .ui-pdp-price__buy-loyalty-modal .andes-modal__header--sticky {
        display: none
    }
}

.ui-pdp-price__second-line__label.loyalty-tooltip {
    cursor: pointer
}

.ui-pdp-price__second-line__label.loyalty-tooltip .ui-pdp-icon--chevron {
    stroke: rgba(0, 0, 0, .25);
    margin-left: 10px;
    transform: rotate(90deg);
    vertical-align: middle
}

.ui-pdp-price__loyalty-purchase-description {
    font-weight: 400
}

.ui-pdp-price .ui-pdp-icon--price-info {
    position: relative;
    top: 2px
}

.ui-pdp-price__original-value {
    display: inline-flex;
    font-size: 16px
}

.ui-pdp-price__payments-link {
    margin-top: 8px
}

.ui-pdp-price__payments-link .ui-pdp-action-modal {
    margin-top: 0
}

.ui-pdp-price__payments-link .ui-pdp-action-modal .ui-pdp-media .ui-pdp-media__body .ui-pdp-media__title {
    font-size: 14px;
    line-height: 1
}

.ui-pdp-price .ui-vpp-payment-promotion .ui-vpp-payment-icon {
    margin-top: 0
}

.ui-pdp-price__upper {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 4px
}

.ui-pdp-price__bulk-subtitles {
    align-items: baseline;
    display: flex;
    flex-direction: column;
    line-height: 1;
    margin-top: 4px
}

.ui-pdp-price__bulk-subtitles:has(.ui-pdp-label-as-pill) {
    margin-top: 12px
}

.ui-pdp-price__bulk-subtitles>p {
    display: inline;
    padding-top: 4px
}

.ui-pdp-price__bulk-subtitles .ui-pdp-price__bulk-part {
    display: inline-flex;
    font-weight: 400;
    padding-top: 4px
}

.ui-pdp-price__subtitles {
    align-items: baseline;
    display: flex;
    flex-direction: column;
    line-height: 1;
    margin-top: 4px
}

.ui-pdp-price__subtitles:has(.ui-pdp-label-as-pill) {
    margin-top: 12px
}

.ui-pdp-price__subtitles>p {
    display: inline
}

.ui-pdp-price__subtitles .ui-pdp-price__part {
    display: inline-flex;
    font-weight: 400
}

.ui-pdp-price--size-large {
    font-weight: 300
}

.ui-pdp-buy-box-offers__offer-list-item .ui-pdp-price__subtitles:has(.ui-pdp-label-as-pill) {
    margin-top: 3px
}

.ui-pdp-buy-box-offers__offer-list-item .ui-pdp-price__subtitles .ui-pdp-label-as-pill {
    line-height: 20px;
    padding: 4px 8px
}

.ui-pdp-buy-box-offers__offer-list-item--NOT-SELECTED .ui-pdp-price__subtitles .ui-pdp-label-as-pill {
    line-height: 15px;
    padding: 3px 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 {
    padding: 8px 64px 64px
}

.ui-vpp-generic-modal__title--not-modal {
    margin: 32px auto;
    width: 860px
}

.ui-vpp-generic-modal--not-modal {
    border-radius: 6px;
    margin: 12px auto;
    width: 860px
}

.ui-vpp-generic-modal--payments {
    padding: 8px 64px 64px
}

.ui-vpp-generic-modal--payments .ui-vpp-payment-promotion__container {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    padding: 16px 16px 16px 0
}

.ui-vpp-generic-modal--payments .ui-vpp-payment-promotion__container-icon {
    height: 40px;
    justify-content: center;
    margin-left: 24px;
    min-width: 80px;
    position: absolute;
    width: 80px
}

.ui-vpp-generic-modal--payments .ui-vpp-payment-promotion__container-icon .ui-pdp-payment-icon {
    justify-content: center
}

.ui-vpp-generic-modal--payments .ui-vpp-payment-promotion__container-text {
    margin-left: 120px
}

.ui-vpp-generic-modal--payments .ui-vpp-payment-promotion__container .ui-pdp-container__row {
    flex-basis: 100%;
    margin-left: 120px
}

.ui-vpp-generic-modal--m_coins .acquire-mc-info-component .ui-pdp-media__text .ui-pdp-icon--meli-coins {
    height: 20px;
    position: relative;
    top: 5px;
    width: 20px
}

.ui-vpp-generic-modal .ui-pdp-container__row--row-section {
    display: block;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 0
}

.ui-vpp-generic-modal .ui-pdp-container__row--row-section .ui-pdp-generic-price-list {
    padding-bottom: 12px
}

.ui-vpp-generic-modal .ui-pdp-container__row--row-section .ui-pdp-generic-price-list__accessibility-text {
    font-size: 16px
}

.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;
    margin-top: 20px;
    padding: 16px
}

.ui-vpp-generic-modal .ui-pdp-container__row--row-section .ui-pdp-generic-price-list__total {
    color: rgba(0, 0, 0, .9);
    font-style: normal;
    font-weight: 600;
    padding: 12px 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 .ui-pdp-container__row--loyalty {
    display: flex;
    flex-direction: column
}

.ui-vpp-generic-modal--fcus_taxes {
    padding: 20px 32px 32px;
    width: 567px
}

/*# sourceMappingURL=noindex-services-itemId-payments-index.desktop.7b89850b.css.map*/

/* update 22 12 2024*/

*,
: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--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--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--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--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-list--selectable .andes-list__item:hover {
    background-color: #fff
}

@media(min-width:768px) {
    .andes-list--selectable .andes-list__item:hover {
        background-color: rgba(0, 0, 0, .04)
    }
}

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

.zip-code {
    align-items: center
}

.zip-code__find-button {
    margin: 14px 0 0 8px
}

.zip-code__use-button {
    margin: 0 8px 0 0
}

.zip-code__textfield {
    width: 270px
}

.secondary-form {
    margin-top: 32px
}

.secondary-card {
    box-sizing: initial;
    display: flex;
    flex-direction: column;
    margin-bottom: 2px;
    min-height: 50px
}

.secondary-card-embed {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .23);
    padding: 0
}

.addresses-list__item {
    padding: 10px 0
}

.addresses-list__actions {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.address-label {
    margin-right: 12px;
    padding-right: 12px
}

.address-label--with-receiver {
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.addresses-button-apply {
    font-size: 14px
}

.layout--default {
    margin: 0 auto;
    max-width: 820px
}

.layout--embed__header {
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1024
}

.layout--embed .layout__header-title {
    font-size: 20px
}

.layout--embed .layout__header-subtitle {
    font-size: 14px
}

.layout--embed .header-subtitle {
    font-size: 16px;
    margin: 20px 0 12px
}

.layout--embed .another-location--not-logged .state-city,
.layout--embed .another-location--not-logged .zip-code {
    padding: 8px 16px 18px 0
}

.layout--embed .another-location--not-logged .secondary-card-embed {
    box-shadow: none
}

.layout--embed .button-wrapper {
    background: #fff;
    bottom: 0;
    margin-left: -32px;
    padding: 12px 34px 24px 12px;
    position: fixed;
    width: 100%;
    z-index: 1
}

.andes-modal-dialog__content--scrolled .button-wrapper {
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1);
    padding-bottom: 12px
}

.layout--embed .layout--embed__content {
    padding: 54px 32px 24px
}

.layout--embed .layout--embed__header {
    padding: 34px 32px 0
}

.layout--embed .andes-modal-dialog__header--scrolled {
    padding-bottom: 24px
}

.layout--flow .layout--embed__content {
    padding: 32px 32px 0
}

.layout--flow .layout--embed__header {
    padding-top: 12px
}

.layout--flow .andes-modal-dialog__header--scrolled {
    padding-bottom: 24px
}

.andes-modal-dialog__content {
    padding: 0 64px 64px
}

.andes-modal-dialog__header {
    padding: 64px 109px 0 64px
}

.andes-modal-dialog__header-title {
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    margin: 0
}

.andes-modal-dialog__header--scrolled {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, .07), 0 0 24px 0 rgba(0, 0, 0, .1);
    padding-bottom: 24px;
    padding-top: 24px
}

.andes-modal-dialog__button-close {
    background: none;
    border: none;
    cursor: pointer;
    height: 1.2em;
    position: relative;
    position: absolute;
    right: 34px;
    top: 39px;
    width: 1.2em;
    z-index: 1023
}

.andes-modal-dialog__button-close:after,
.andes-modal-dialog__button-close:before {
    background-color: var(--andes-color-blue-500, #3483fa);
    content: "";
    cursor: pointer;
    height: 1.2em;
    left: .6em;
    position: absolute;
    top: 0;
    width: 2px
}

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

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

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

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

.andes-list__item-primary+.andes-list__item-secondary {
    margin-top: 5px
}

.state-city,
.zip-code {
    display: flex;
    padding: 18px 16px
}

.button-wrapper {
    display: flex;
    justify-content: flex-end;
    padding-top: 24px
}

.another-location__link:hover {
    background-color: rgba(0, 0, 0, .04);
    transition: background-color .1s ease-out
}

.button-wrapper__apply {
    min-width: 136px
}

.button-wrapper__cancel {
    margin-right: 12px;
    min-width: 136px
}

.andes-dropdown .andes-form-control__label {
    white-space: nowrap
}

li.andes-list__item.andes-list__item--size-medium {
    border-bottom-left-radius: .25em;
    border-bottom-right-radius: .25em;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
}
/* Força tema claro mesmo com modo noturno do sistema */
:root {
    color-scheme: light;
}

html, body {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Corrige inputs, selects e botões */
input, textarea, select, button {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-color: #ccc !important;
}

/* Evita filtros automáticos do navegador */
img, video, iframe {
    filter: none !important;
}
@media (prefers-color-scheme: dark) {
    html, body {
        background-color: #ffffff !important;
        color: #000000 !important;
    }
}