@charset "utf-8"; @import url("css2_family_Playfair+Display_display_swap.css"); .andes-progress-indicator-circular--determinate .andes-progress-indicator-circular__svg { left: 0px; position: absolute; top: 0px; 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 0.15s ease-out 0s; } } .andes-progress-indicator-circular--determinate .andes-progress-indicator-circular__circle-bg { fill: none; stroke: rgb(229, 229, 229); } .andes-progress-indicator-circular--determinate .andes-progress-indicator-circular__circle--continuous { transition-timing-function: linear; } .andes-progress-indicator-circular--large .andes-progress-indicator-circular__progress { stroke-width: 4px; height: 48px; width: 48px; } .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 { stroke-width: 4px; height: 64px; width: 64px; } .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; inset: 0px; display: flex; height: 100%; justify-content: center; width: 100%; } .andes-progress-indicator-circular--fullscreen { background-color: rgba(255, 255, 255, 0.9); position: fixed; z-index: 1023; } .hub__boxed-width { padding: 0px 0.5rem; } @media (min-width: 768px) { .hub__boxed-width { margin: 2rem 0px; padding: 0px; } } .mesh-row { padding: 0px; } .mesh-row::after, .mesh-row::before { content: ""; display: table; } .mesh-row::after { clear: both; } .mesh-row.no-reset { margin: 0px; } @media only screen and (min-width: 0) { .mesh-row { margin: -4px; } } @media only screen and (min-width: 1024px) { .mesh-row { margin: -8px; } } [class*="mesh-col-"] { box-sizing: border-box; float: left; width: 100%; } .mesh-col-1 { width: 8.33333%; } .mesh-col-2 { width: 16.6667%; } .mesh-col-3 { width: 25%; } .mesh-col-4 { width: 33.3333%; } .mesh-col-5 { width: 41.6667%; } .mesh-col-6 { width: 50%; } .mesh-col-7 { width: 58.3333%; } .mesh-col-8 { width: 66.6667%; } .mesh-col-9 { width: 75%; } .mesh-col-10 { width: 83.3333%; } .mesh-col-11 { width: 91.6667%; } .mesh-col-12 { width: 100%; } @media only screen and (min-width: 0) { [class*="mesh-col-"] { padding: 4px; } .mesh-col-mobile-1 { width: 8.33333%; } .mesh-col-mobile-2 { width: 16.6667%; } .mesh-col-mobile-3 { width: 25%; } .mesh-col-mobile-4 { width: 33.3333%; } .mesh-col-mobile-5 { width: 41.6667%; } .mesh-col-mobile-6 { width: 50%; } .mesh-col-mobile-7 { width: 58.3333%; } .mesh-col-mobile-8 { width: 66.6667%; } .mesh-col-mobile-9 { width: 75%; } .mesh-col-mobile-10 { width: 83.3333%; } .mesh-col-mobile-11 { width: 91.6667%; } .mesh-col-mobile-12 { width: 100%; } } @media only screen and (min-width: 1024px) { [class*="mesh-col-"] { padding: 8px; } .mesh-col-desktop-1 { width: 8.33333%; } .mesh-col-desktop-2 { width: 16.6667%; } .mesh-col-desktop-3 { width: 25%; } .mesh-col-desktop-4 { width: 33.3333%; } .mesh-col-desktop-5 { width: 41.6667%; } .mesh-col-desktop-6 { width: 50%; } .mesh-col-desktop-7 { width: 58.3333%; } .mesh-col-desktop-8 { width: 66.6667%; } .mesh-col-desktop-9 { width: 75%; } .mesh-col-desktop-10 { width: 83.3333%; } .mesh-col-desktop-11 { width: 91.6667%; } .mesh-col-desktop-12 { width: 100%; } } .mshops-web-components-clickable { appearance: none; background-color: transparent; border: 0px; color: rgb(52, 131, 250); cursor: pointer; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 600; } .mshops-web-components-clickable:focus { outline: none; } html { scroll-behavior: smooth; } body { background: rgb(242, 242, 242); } @font-face { font-family: fontello; src: url("data:application/octet-stream;base64,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") format("woff"), url("data:application/octet-stream;base64,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") format("truetype"); } [class*=" icon-"]::before, [class^="icon-"]::before { speak: none; display: inline-block; font-family: fontello; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1em; margin-left: 0.2em; margin-right: 0.2em; text-align: center; text-decoration: inherit; text-transform: none; width: 1em; } .icon-cancel::before { content: ""; } .icon-right-open::before { content: ""; } .icon-left-open::before { content: ""; } .icon-right-open-big::before { content: ""; } .icon-left-open-big::before { content: ""; } .icon-spin3::before { content: ""; } .icon-spin4::before { content: ""; } .icon-angle-left::before { content: ""; } .icon-angle-right::before { content: ""; } .icon-angle-circled-left::before { content: ""; } .icon-angle-circled-right::before { content: ""; } .p-l-0 { padding-left: 0px !important; } .p-r-0 { padding-right: 0px !important; } .p-t-0 { padding-top: 0px !important; } .p-b-0 { padding-bottom: 0px !important; } .p-x-0 { padding-left: 0px !important; padding-right: 0px !important; } .p-y-0 { padding-bottom: 0px !important; padding-top: 0px !important; } .p-a-0 { padding: 0px !important; } .m-l-0 { margin-left: 0px !important; } .m-r-0 { margin-right: 0px !important; } .m-t-0 { margin-top: 0px !important; } .m-b-0 { margin-bottom: 0px !important; } .m-x-0 { margin-left: 0px !important; margin-right: 0px !important; } .m-y-0 { margin-bottom: 0px !important; margin-top: 0px !important; } .m-a-0 { margin: 0px !important; } .p-l-1 { padding-left: 8px !important; } .p-r-1 { padding-right: 8px !important; } .p-t-1 { padding-top: 8px !important; } .p-b-1 { padding-bottom: 8px !important; } .p-x-1 { padding-left: 8px !important; padding-right: 8px !important; } .p-y-1 { padding-bottom: 8px !important; padding-top: 8px !important; } .p-a-1 { padding: 8px !important; } .m-l-1 { margin-left: 8px !important; } .m-r-1 { margin-right: 8px !important; } .m-t-1 { margin-top: 8px !important; } .m-b-1 { margin-bottom: 8px !important; } .m-x-1 { margin-left: 8px !important; margin-right: 8px !important; } .m-y-1 { margin-bottom: 8px !important; margin-top: 8px !important; } .m-a-1 { margin: 8px !important; } .p-l-2 { padding-left: 16px !important; } .p-r-2 { padding-right: 16px !important; } .p-t-2 { padding-top: 16px !important; } .p-b-2 { padding-bottom: 16px !important; } .p-x-2 { padding-left: 16px !important; padding-right: 16px !important; } .p-y-2 { padding-bottom: 16px !important; padding-top: 16px !important; } .p-a-2 { padding: 16px !important; } .m-l-2 { margin-left: 16px !important; } .m-r-2 { margin-right: 16px !important; } .m-t-2 { margin-top: 16px !important; } .m-b-2 { margin-bottom: 16px !important; } .m-x-2 { margin-left: 16px !important; margin-right: 16px !important; } .m-y-2 { margin-bottom: 16px !important; margin-top: 16px !important; } .m-a-2 { margin: 16px !important; } .p-l-3 { padding-left: 24px !important; } .p-r-3 { padding-right: 24px !important; } .p-t-3 { padding-top: 24px !important; } .p-b-3 { padding-bottom: 24px !important; } .p-x-3 { padding-left: 24px !important; padding-right: 24px !important; } .p-y-3 { padding-bottom: 24px !important; padding-top: 24px !important; } .p-a-3 { padding: 24px !important; } .m-l-3 { margin-left: 24px !important; } .m-r-3 { margin-right: 24px !important; } .m-t-3 { margin-top: 24px !important; } .m-b-3 { margin-bottom: 24px !important; } .m-x-3 { margin-left: 24px !important; margin-right: 24px !important; } .m-y-3 { margin-bottom: 24px !important; margin-top: 24px !important; } .m-a-3 { margin: 24px !important; } .p-l-4 { padding-left: 32px !important; } .p-r-4 { padding-right: 32px !important; } .p-t-4 { padding-top: 32px !important; } .p-b-4 { padding-bottom: 32px !important; } .p-x-4 { padding-left: 32px !important; padding-right: 32px !important; } .p-y-4 { padding-bottom: 32px !important; padding-top: 32px !important; } .p-a-4 { padding: 32px !important; } .m-l-4 { margin-left: 32px !important; } .m-r-4 { margin-right: 32px !important; } .m-t-4 { margin-top: 32px !important; } .m-b-4 { margin-bottom: 32px !important; } .m-x-4 { margin-left: 32px !important; margin-right: 32px !important; } .m-y-4 { margin-bottom: 32px !important; margin-top: 32px !important; } .m-a-4 { margin: 32px !important; } .p-l-5 { padding-left: 40px !important; } .p-r-5 { padding-right: 40px !important; } .p-t-5 { padding-top: 40px !important; } .p-b-5 { padding-bottom: 40px !important; } .p-x-5 { padding-left: 40px !important; padding-right: 40px !important; } .p-y-5 { padding-bottom: 40px !important; padding-top: 40px !important; } .p-a-5 { padding: 40px !important; } .m-l-5 { margin-left: 40px !important; } .m-r-5 { margin-right: 40px !important; } .m-t-5 { margin-top: 40px !important; } .m-b-5 { margin-bottom: 40px !important; } .m-x-5 { margin-left: 40px !important; margin-right: 40px !important; } .m-y-5 { margin-bottom: 40px !important; margin-top: 40px !important; } .m-a-5 { margin: 40px !important; } *, ::after, ::before { box-sizing: border-box; } body { background: rgb(238, 238, 238); } main[role="main"] { text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1); font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; font-weight: 300; line-height: 1.35; } ::selection { background: rgb(230, 230, 230); } h1, h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.25; margin: 0px; } p { margin: 0px; } a, a:hover, a:link, a:visited { color: rgb(52, 131, 250); text-decoration: none; } ol, ul { margin: 0px; padding: 0px; } li { list-style: none; } button, textarea { font-family: inherit; } .category-carousel__container .andes-carousel-snapped__pagination { display: none !important; } .hub__grid-item.item__card { height: 14.625rem; padding: 0px; position: relative; } .hub__grid-item.item__card .item-image { float: left; height: 100%; overflow: hidden; width: 50%; } .hub__grid-item.item__card .item-image .sponsor { height: 1.75rem; position: absolute; right: 0px; top: 0px; } .hub__grid-item.item__card .item-image img { max-width: 100%; } .hub__grid-item.item__card .item-description { box-sizing: border-box; float: right; font-stretch: normal; font-style: normal; text-align: left; width: 50%; } .hub__grid-item.item__card .item-description .copy, .hub__grid-item.item__card .item-description .pre-title { color: rgb(26, 26, 26); display: block; font-size: 1rem; font-weight: 500; letter-spacing: 0.1rem; text-transform: uppercase; } .hub__grid-item.item__card .item-description .copy { margin-top: 0.5rem; } .hub__grid-item.item__card .item-description .title { color: rgb(26, 26, 26); font-weight: 700; text-transform: uppercase; } .hub__grid-item.item__card .item-description .subtitle { -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: rgb(26, 26, 26); font-size: 1.625rem; font-weight: 400; line-height: 1.2; margin: 0px; max-width: 25rem; overflow: hidden; padding: 0px; position: static; text-overflow: ellipsis; top: 0px; transform: none; } .hub__grid-item.item__card .item-description .title + .subtitle { font-size: 1rem; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .hub__grid-item.item__card .item-description p { display: none; } .hub__grid-item.item__card.card__primary { height: 8.5rem; } .hub__grid-item.item__card.card__primary .item-image { height: 7.125rem; padding: 0.75rem 0px; width: 50%; } .hub__grid-item.item__card.card__primary .item-image .sponsor { margin: 0.625rem 10px 0px 0px; } .hub__grid-item.item__card.card__primary .item-image .sponsor img { height: 100%; } .hub__grid-item.item__card.card__primary .item-image img { height: 7.125rem; } .hub__grid-item.item__card.card__primary .item-description { display: flex; flex-direction: column; height: 100%; justify-content: center; padding-right: 1.25rem; width: 50%; } .hub__grid-item.item__card.card__primary .item-description .pre-title { font-size: 1rem; font-weight: 400; line-height: normal; margin-bottom: 0.25rem; overflow: hidden; } .hub__grid-item.item__card.card__primary .item-description .title { font-size: 1.75rem; line-height: 1; margin: 0px 0px 0.5rem; } .hub__grid-item.item__card.card__primary .item-description .subtitle { font-size: 1.25rem; font-weight: 300; letter-spacing: 1px; } .hub__grid-item.item__card.card__primary .item-description .title + .subtitle { font-size: 0.875rem; font-weight: 400; letter-spacing: normal; } .hub__grid-item.item__card.card__secondary .item-image { box-sizing: border-box; height: 7.5rem; margin: 1.25rem 0px 0.75rem; padding: 0px 1.25rem; width: 100%; } .hub__grid-item.item__card.card__secondary .item-image .sponsor { margin: 0.625rem 0.625rem 0px 0px; } .hub__grid-item.item__card.card__secondary .item-image .sponsor img { height: 100%; } .hub__grid-item.item__card.card__secondary .item-image img { height: 7.5rem; } .hub__grid-item.item__card.card__secondary .item-description { box-sizing: border-box; height: calc(100% - 160px); padding: 0px; position: relative; text-align: center; width: 100%; } .hub__grid-item.item__card.card__secondary .item-description .pre-title { overflow: hidden; } .hub__grid-item.item__card.card__secondary .item-description .title { font-size: 1.375rem; letter-spacing: normal; line-height: 1; margin: 0.0625rem 0px 0.25rem; } .hub__grid-item.item__card.card__secondary .item-description .subtitle { box-sizing: border-box; font-size: 1.25rem; font-weight: 300; letter-spacing: 0.0625rem; padding: 0px 0.625rem; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .hub__grid-item.item__card.card__secondary .item-description .title + .subtitle { font-size: 1rem; font-weight: 400; letter-spacing: normal; margin-top: 0.25rem; overflow: hidden; position: relative; top: 0.375rem; } .hub__grid-item.item__card.card__tertiary .item-image { box-sizing: border-box; height: 7.5rem; margin: 1.25rem 0px 0.75rem; padding: 0px 1.25rem; width: 100%; } .hub__grid-item.item__card.card__tertiary .item-image .sponsor { margin: 0.625rem 0.625rem 0px 0px; } .hub__grid-item.item__card.card__tertiary .item-image .sponsor img { height: 100%; } .hub__grid-item.item__card.card__tertiary .item-image img { height: 7.5rem; } .hub__grid-item.item__card.card__tertiary .item-description { box-sizing: border-box; height: calc(100% - 160px); padding: 0px; position: relative; text-align: center; width: 100%; } .hub__grid-item.item__card.card__tertiary .item-description .pre-title { overflow: hidden; } .hub__grid-item.item__card.card__tertiary .item-description .title { font-size: 1.375rem; letter-spacing: normal; line-height: 1; margin: 0.0625rem 0px 0.25rem; } .hub__grid-item.item__card.card__tertiary .item-description .subtitle { box-sizing: border-box; font-size: 1.25rem; font-weight: 300; letter-spacing: 0.0625rem; padding: 0px 0.625rem; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .hub__grid-item.item__card.card__tertiary .item-description .title + .subtitle { font-size: 1rem; font-weight: 400; letter-spacing: normal; margin-top: 0.25rem; overflow: hidden; position: relative; top: 0.375rem; } @media (min-width: 769px) { .hub__grid-item.item__card { height: 14.75rem; position: relative; } .hub__grid-item.item__card .item-description .pre-title { margin-bottom: 0.5rem; } .hub__grid-item.item__card .item-description p { color: rgb(52, 131, 250); display: block; font-size: 1rem; font-weight: 400; letter-spacing: normal; line-height: 1; margin: 1rem 0px 0px; } .hub__grid-item.item__card.card__primary { height: 14.75rem; } .hub__grid-item.item__card.card__primary .item-image { height: 11.625rem; padding: 1.5rem 0px 1.5rem 1.5rem; width: 32%; } .hub__grid-item.item__card.card__primary .item-image .sponsor { height: 2.5rem; margin: 1.25rem 1.25rem 0px 0px; } .hub__grid-item.item__card.card__primary .item-image img { height: 11.625rem; } .hub__grid-item.item__card.card__primary .item-description { display: flex; flex-direction: column; height: 100%; justify-content: center; margin: 0px; padding: 2.5rem 1.5rem 2.5rem 0px; position: relative; width: 55%; } .hub__grid-item.item__card.card__primary .item-description .pre-title { font-size: 1rem; margin-top: 0px; } .hub__grid-item.item__card.card__primary .item-description .title { font-size: 2.625rem; margin: 0px 0px 0.375rem; } .hub__grid-item.item__card.card__primary .item-description .subtitle { -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 2rem; line-height: 1.2; max-width: 25rem; overflow: hidden; padding: 0px; position: static; text-overflow: ellipsis; top: 0px; transform: none; } .hub__grid-item.item__card.card__primary .item-description .title + .subtitle { font-size: 1.25rem; font-weight: 300; } .hub__grid-item.item__card.card__secondary .item-image { box-sizing: content-box; height: 11.625rem; margin: 0px; padding: 1.5rem 1rem; width: 48%; } .hub__grid-item.item__card.card__secondary .item-image .sponsor { height: 2.5rem; margin: 1.25rem 1.25rem 0px 0px; } .hub__grid-item.item__card.card__secondary .item-image img { height: 11.625rem; } .hub__grid-item.item__card.card__secondary .item-description { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; justify-content: center; margin: 0px; padding: 3.125rem 1rem 3.125rem 0px; position: relative; text-align: left; width: 40%; } .hub__grid-item.item__card.card__secondary .item-description .pre-title { letter-spacing: 0.1rem; margin-bottom: 0.25rem; } .hub__grid-item.item__card.card__secondary .item-description .title { font-size: 1.75rem; letter-spacing: normal; line-height: 0.88; margin: 0.5rem 0px 0px; } .hub__grid-item.item__card.card__secondary .item-description .subtitle { font-weight: 300; letter-spacing: 0.0375rem; } .hub__grid-item.item__card.card__secondary .item-description .pre-title { margin: 0px; overflow: hidden; } .hub__grid-item.item__card.card__secondary .item-description .subtitle { -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 1.5rem; line-height: 1.2; margin: 0.5rem 0px 0px; max-width: 25rem; overflow: hidden; padding: 0px; position: static; text-overflow: ellipsis; top: 0px; transform: none; } .hub__grid-item.item__card.card__tertiary .item-image { height: 100px; width: 100%; } .hub__grid-item.item__card.card__tertiary .item-image .sponsor { margin: 1.25rem 1.25rem 0px 0px; } .hub__grid-item.item__card.card__tertiary .item-image img { height: 6.25rem; } .hub__grid-item.item__card.card__tertiary .item-description { box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; padding: 0px 1rem; width: 100%; } .hub__grid-item.item__card.card__tertiary .item-description .pre-title { margin-bottom: 0px; } .hub__grid-item.item__card.card__tertiary .item-description .title { font-size: 1.5rem; letter-spacing: normal; margin: 0px; } .hub__grid-item.item__card.card__tertiary .item-description .subtitle { -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-weight: 300; letter-spacing: 0.0375rem; max-width: 25rem; overflow: hidden; padding: 0px; position: static; text-overflow: ellipsis; top: 0px; transform: none; } .hub__grid-item.item__card.card__tertiary .item-description .title + .subtitle { font-weight: 400; margin: 0px; top: 0px; } .hub__grid-item.item__card.card__tertiary .item-description p { left: 0px; margin: 0px; position: absolute; right: 0px; top: 4.6875rem; } .hub__grid-item.item__card:hover { z-index: 10; } } .grecaptcha-badge { visibility: hidden; } .newsletter-modal__content-close { background-color: transparent; border: 0px; cursor: pointer; padding: 0px; position: absolute; right: 0px; top: -2.25rem; } .newsletter-modal__content-close path { fill: rgb(255, 255, 255); } .newsletter-modal .andes-modal__close-button { display: none; } .newsletter-form__disclaimer { color: rgba(0, 0, 0, 0.55); } .newsletter-modal--image-shadow { display: none; } .ui-ms-empty-custom-pages__content { align-items: center; display: flex; flex-direction: column; margin: 2.25rem; } .ui-ms-empty-custom-pages__content-text { align-items: center; display: flex; flex-direction: column; margin-top: 1.5rem; width: 20rem; } .ui-ms-empty-custom-pages__content-text .ui-ms-empty-custom-pages__title { font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 1.25rem; font-weight: 600; margin-bottom: 0.5rem; } .ui-ms-empty-custom-pages__content-text .ui-ms-empty-custom-pages__description { font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 400; text-align: center; } .ui-ms-empty-custom-pages__images { height: 6.75rem; width: 9.5625rem; } .andes-checkbox { -webkit-font-smoothing: antialiased; align-items: flex-start; cursor: pointer; display: inline-flex; font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; } .andes-checkbox__input { appearance: none; border-radius: 3px; cursor: pointer; flex-shrink: 0; height: 16px; margin: 2px 0px; outline: none; position: relative; width: 16px; } .andes-checkbox__input:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-checkbox__input:focus-visible { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-checkbox__input:focus:not(:focus-visible) { box-shadow: none; outline: none; } .andes-checkbox__input::before { line-height: 1; } .andes-checkbox__input::after, .andes-checkbox__input::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23fff' d='M3 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3z'/%3E%3Cpath fill='%23000' fill-opacity='.25' d='M3 0h10a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3zm0 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3z'/%3E%3C/g%3E%3C/svg%3E"); height: 16px; left: 0px; position: absolute; top: 0px; width: 16px; } .andes-checkbox__input::after { background: rgb(255, 255, 255); border-radius: 3px; opacity: 0; transition: opacity 0.2s ease-out 0s; } .andes-checkbox__input:hover::after, .andes-checkbox__input:hover::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23fff' d='M3 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3z'/%3E%3Cpath fill='%23000' fill-opacity='.45' d='M3 0h10a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3zm0 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3z'/%3E%3C/g%3E%3C/svg%3E"); } .andes-checkbox__input:active::after, .andes-checkbox__input:active::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='rgba(0, 0, 0, 0.07)' d='M3 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3z'/%3E%3Cpath fill='%23000' fill-opacity='.45' d='M3 0h10a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3zm0 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3z'/%3E%3C/g%3E%3C/svg%3E"); } .andes-checkbox__input[disabled] ~ .andes-checkbox__label { color: rgba(0, 0, 0, 0.25); } .andes-checkbox__input[disabled] { background-color: inherit; cursor: not-allowed; } .andes-checkbox__input[disabled]::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill-opacity='.1' fill-rule='evenodd' d='M3 0h10a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3zm0 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3z'/%3E%3C/svg%3E"); } .andes-checkbox__input:checked::after, .andes-checkbox__input:checked::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='16' height='16' rx='3' fill='%233483fa'/%3E%3Cpath d='m6.788 9.396 4.576-4.577 1.029 1.029-5.605 5.605-3.181-3.181 1.028-1.029 2.153 2.153Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' rx='3' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .andes-checkbox__input:checked:hover::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='16' height='16' rx='3' fill='%232968c8'/%3E%3Cpath d='m6.788 9.396 4.576-4.577 1.029 1.029-5.605 5.605-3.181-3.181 1.028-1.029 2.153 2.153Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' rx='3' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .andes-checkbox__input:checked:active::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='16' height='16' rx='3' fill='%231f4e96'/%3E%3Cpath d='m6.788 9.396 4.576-4.577 1.029 1.029-5.605 5.605-3.181-3.181 1.028-1.029 2.153 2.153Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' rx='3' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .andes-checkbox__input:checked[disabled]::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill-opacity='.1' d='M3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3z'/%3E%3Cpath fill-opacity='.25' d='m3.63 7.775-.847.85 3.256 3.245 6.845-6.848-.849-.848-5.998 6z'/%3E%3C/g%3E%3C/svg%3E"); } .andes-checkbox__input:focus::after { opacity: 1; } .andes-checkbox__label { color: rgba(0, 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: 1.25; margin-left: 12px; } .andes-checkbox--label-left { flex-direction: row-reverse; } .andes-checkbox--label-left .andes-checkbox__label { margin-left: 0px; margin-right: 12px; } .andes-checkbox--disabled { cursor: not-allowed; } .andes-checkbox--indeterminate .andes-checkbox__input:checked::before, .andes-checkbox--indeterminate .andes-checkbox__input:indeterminate::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='3' fill='%233483fa'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 9H3V7.4h10V9Z' fill='%23fff'/%3E%3C/svg%3E"); } .andes-checkbox--indeterminate .andes-checkbox__input:checked:hover::before, .andes-checkbox--indeterminate .andes-checkbox__input:indeterminate:hover::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='3' fill='%232968c8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 9H3V7.4h10V9Z' fill='%23fff'/%3E%3C/svg%3E"); } .andes-checkbox--indeterminate .andes-checkbox__input:checked::after, .andes-checkbox--indeterminate .andes-checkbox__input:indeterminate::after { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='3' fill='%233483fa'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 9H3V7.4h10V9Z' fill='%23fff'/%3E%3C/svg%3E"); } .andes-checkbox--indeterminate .andes-checkbox__input:checked:active::before, .andes-checkbox--indeterminate .andes-checkbox__input:indeterminate:active::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='3' fill='%231f4e96'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 9H3V7.4h10V9Z' fill='%23fff'/%3E%3C/svg%3E"); } .andes-checkbox--indeterminate .andes-checkbox__input:checked[disabled]::before, .andes-checkbox--indeterminate .andes-checkbox__input:indeterminate[disabled]::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg fill-rule='evenodd'%3E%3Cpath fill-opacity='.1' d='M3 0a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3H3z'/%3E%3Cpath fill-opacity='.25' d='M3.478 8.852h9.2v-1.2h-9.2z'/%3E%3C/g%3E%3C/svg%3E"); } .andes-checkbox--highlight.andes-checkbox { align-items: center; } .andes-checkbox--highlight.andes-checkbox .andes-checkbox__label { margin-left: 6px; } .andes-checkbox--highlight.andes-checkbox--label-left .andes-checkbox__label { margin-right: 6px; } .andes-checkbox--highlight.andes-checkbox--error .andes-checkbox__input { height: 28px; width: 28px; } .andes-checkbox--highlight.andes-checkbox--error .andes-checkbox__input:not(:checked)::before, .andes-checkbox--highlight.andes-checkbox--error:hover .andes-checkbox__input:not(:checked)::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' viewBox='0 0 28px 28px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='28' height='28' rx='5' fill='%23F23D4F' fill-opacity='.3'/%3E%3Crect x='7' y='7' width='14' height='14' rx='2' fill='%23fff' stroke='%23F23D4F' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='28' height='28' rx='3' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .andes-checkbox--highlight.andes-checkbox--indeterminate .andes-checkbox__input { height: 28px; width: 28px; } .andes-checkbox--highlight.andes-checkbox--indeterminate .andes-checkbox__input:indeterminate::after, .andes-checkbox--highlight.andes-checkbox--indeterminate .andes-checkbox__input:indeterminate::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' viewBox='0 0 28px 28px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='28' height='28' rx='5' fill='%233483fa' fill-opacity='.2'/%3E%3Crect x='6' y='6' width='16' height='16' rx='3' fill='%233483fa'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 15H9v-1.6h10V15Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='28' height='28' rx='3' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .andes-checkbox--highlight.andes-checkbox--indeterminate .andes-checkbox__input:indeterminate:hover::after, .andes-checkbox--highlight.andes-checkbox--indeterminate .andes-checkbox__input:indeterminate:hover::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' viewBox='0 0 28px 28px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='28' height='28' rx='5' fill='%232968c8' fill-opacity='.2'/%3E%3Crect x='6' y='6' width='16' height='16' rx='3' fill='%232968c8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 15H9v-1.6h10V15Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='28' height='28' rx='3' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .andes-checkbox--highlight.andes-checkbox--indeterminate .andes-checkbox__input:indeterminate:active::after, .andes-checkbox--highlight.andes-checkbox--indeterminate .andes-checkbox__input:indeterminate:active::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' viewBox='0 0 28px 28px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='28' height='28' rx='5' fill='%231f4e96' fill-opacity='.2'/%3E%3Crect x='6' y='6' width='16' height='16' rx='3' fill='%231f4e96'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 15H9v-1.6h10V15Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='28' height='28' rx='3' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .andes-checkbox--highlight.andes-checkbox--indeterminate .andes-checkbox__input:indeterminate[disabled]::after, .andes-checkbox--highlight.andes-checkbox--indeterminate .andes-checkbox__input:indeterminate[disabled]::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' viewBox='0 0 28px 28px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='28' height='28' rx='5' fill='%23000' fill-opacity='.04'/%3E%3Crect x='6' y='6' width='16' height='16' rx='3' fill='%23000' fill-opacity='.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 15H9v-1.6h10V15Z' fill='%23000' fill-opacity='.25'/%3E%3C/svg%3E"); } .andes-checkbox--highlight.andes-checkbox--indeterminate .andes-checkbox__input:focus::after { opacity: 0; } .andes-checkbox--highlight .andes-checkbox__input, .andes-checkbox--highlight .andes-checkbox__input::after, .andes-checkbox--highlight .andes-checkbox__input::before { height: 28px; width: 28px; } .andes-checkbox--highlight .andes-checkbox__input::after, .andes-checkbox--highlight .andes-checkbox__input::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' viewBox='0 0 28px 28px' fill='%233483fa' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='28' height='28' rx='5' fill-opacity='.2'/%3E%3Crect x='7' y='7' width='14' height='14' rx='2' fill='%23fff' stroke='%233483fa' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='28' height='28' rx='3' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .andes-checkbox--highlight .andes-checkbox__input:hover::after, .andes-checkbox--highlight .andes-checkbox__input:hover::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' viewBox='0 0 28px 28px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='28' height='28' rx='5' fill='%232968c8' fill-opacity='.2'/%3E%3Crect x='7' y='7' width='14' height='14' rx='2' fill='%23fff' stroke='%232968c8' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='28' height='28' rx='3' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .andes-checkbox--highlight .andes-checkbox__input:active::after, .andes-checkbox--highlight .andes-checkbox__input:active::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' viewBox='0 0 28px 28px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='28' height='28' rx='5' fill='%231f4e96' fill-opacity='.2'/%3E%3Crect x='7' y='7' width='14' height='14' rx='2' fill='%23fff' stroke='%231f4e96' stroke-width='2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='28' height='28' rx='3' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .andes-checkbox--highlight .andes-checkbox__input[disabled]::after, .andes-checkbox--highlight .andes-checkbox__input[disabled]::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' viewBox='0 0 28px 28px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='28' height='28' rx='5' fill='%23000' fill-opacity='.04'/%3E%3Crect x='6' y='6' width='16' height='16' rx='3' fill='%23fff'/%3E%3Crect x='7' y='7' width='14' height='14' rx='2' stroke='%23000' stroke-opacity='.1' stroke-width='2'/%3E%3C/svg%3E"); } .andes-checkbox--highlight .andes-checkbox__input:checked::after, .andes-checkbox--highlight .andes-checkbox__input:checked::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' viewBox='0 0 28px 28px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='28' height='28' rx='5' fill='%233483fa' fill-opacity='.2'/%3E%3Crect x='6' y='6' width='16' height='16' rx='3' fill='%233483fa'/%3E%3Cpath d='m12.788 15.396 4.576-4.577 1.029 1.029-5.605 5.605-3.181-3.181 1.029-1.029 2.152 2.153Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='28' height='28' rx='3' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .andes-checkbox--highlight .andes-checkbox__input:checked:hover::after, .andes-checkbox--highlight .andes-checkbox__input:checked:hover::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' viewBox='0 0 28px 28px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='28' height='28' rx='5' fill='%232968c8' fill-opacity='.2'/%3E%3Crect x='6' y='6' width='16' height='16' rx='3' fill='%232968c8'/%3E%3Cpath d='m12.788 15.396 4.576-4.577 1.029 1.029-5.605 5.605-3.181-3.181 1.029-1.029 2.152 2.153Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='28' height='28' rx='3' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .andes-checkbox--highlight .andes-checkbox__input:checked:active::after, .andes-checkbox--highlight .andes-checkbox__input:checked:active::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' viewBox='0 0 28px 28px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='28' height='28' rx='5' fill='%231f4e96' fill-opacity='.2'/%3E%3Crect x='6' y='6' width='16' height='16' rx='3' fill='%231f4e96'/%3E%3Cpath d='m12.788 15.396 4.576-4.577 1.029 1.029-5.605 5.605-3.181-3.181 1.029-1.029 2.152 2.153Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='28' height='28' rx='3' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .andes-checkbox--highlight .andes-checkbox__input:checked[disabled]::after, .andes-checkbox--highlight .andes-checkbox__input:checked[disabled]::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' viewBox='0 0 28px 28px' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' fill='%23000'%3E%3Crect width='28' height='28' rx='5' fill-opacity='.04'/%3E%3Crect x='6' y='6' width='16' height='16' rx='3' fill-opacity='.1'/%3E%3Cpath d='m12.788 15.396 4.576-4.577 1.029 1.029-5.605 5.605-3.181-3.181 1.029-1.029 2.152 2.153Z' fill-opacity='.25'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='28' height='28' rx='3' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); } .andes-checkbox--highlight .andes-checkbox__input:focus::after { opacity: 0; } .andes-checkbox--error .andes-checkbox__input:not(:checked)::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23fff' d='M3 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3z'/%3E%3Cpath fill='%23f23d4f' d='M3 0h10a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3zm0 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3z'/%3E%3C/g%3E%3C/svg%3E"); } .andes-checkbox--error:hover .andes-checkbox__input:not(:checked)::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23fff' d='M3 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3z'/%3E%3Cpath fill='%23d12440' d='M3 0h10a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3zm0 2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3z'/%3E%3C/g%3E%3C/svg%3E"); } .andes-list { -webkit-font-smoothing: antialiased; background-color: rgb(255, 255, 255); font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 1; margin: 0px; padding: 0px; } .andes-list:focus { box-shadow: none; } .andes-list:focus-visible { box-shadow: none; } .andes-list-with-dividers .andes-list__item + .andes-list__item { border-top: 1px solid rgba(0, 0, 0, 0.1); } .andes-list-asset { margin-top: 0.5em; } .andes-list__item { display: flex; justify-content: space-between; padding: 0px 16px; position: relative; } .andes-list__item--visible-focused { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; } .andes-list__item-anchor { display: flex; justify-content: space-between; margin: 0px -16px; outline: none; padding: 0px 16px; text-decoration: none; width: -webkit-fill-available; } .andes-list__item-anchor::before { content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .andes-list__item-anchor:focus { box-shadow: none; } .andes-list__item-anchor:focus-visible { box-shadow: none; } .andes-list__item-action { align-items: center; background-color: transparent; border: 0px; display: flex; font-family: inherit; font-size: inherit; justify-content: space-between; line-height: 12px; margin: 0px -16px; outline: none; padding: 0px 18px; text-decoration: none; width: -webkit-fill-available; } .andes-list__item-action::before { content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .andes-list__item-action:focus { box-shadow: none; } .andes-list__item-action:focus-visible { 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, 0.9); display: block; } .andes-list__item-primary--max-lines-1 { -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; } .andes-list__item-primary--max-lines-2 { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; } .andes-list__item-secondary { color: rgba(0, 0, 0, 0.55); display: block; font-size: 16px; line-height: 1; text-align: start; } .andes-list__item-tertiary { text-wrap: nowrap; align-self: center; color: rgba(0, 0, 0, 0.9); display: block; } .andes-list__item-tertiary-description { color: rgba(0, 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: 0px; } .andes-list__item-tertiary-container--centered { align-self: center; } .andes-list__item-image { align-self: flex-start; border: 1px solid rgba(0, 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: 0px; } .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 0px; } .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--icon { margin-right: 0px; } .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 0px 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 0px; } .andes-list__item--size-medium .andes-list__item-asset { margin-right: 16px; } .andes-list__item--size-medium .andes-list__item-asset--icon { margin-right: 0px; } .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 0px; } .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 0px 22px; } .andes-list__item--size-large .andes-list__item-asset { margin-right: 16px; } .andes-list__item--size-large .andes-list__item-asset--icon { margin-right: 0px; } .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: 0px; } .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, 0.55); cursor: default; display: flex; font-size: 12px; font-weight: 600; justify-content: space-between; padding: 0px 16px; } .andes-list__group--sublist { padding: 0px; } .andes-list__group::marker { content: ""; } .andes-list__group + .andes-list__group { border-top: 1px solid rgba(0, 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: 0px; padding-right: 0px; } .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: 0px; } .andes-list--selectable .andes-list__item:hover { background-color: rgb(255, 255, 255); } @media (min-width: 768px) { .andes-list--selectable .andes-list__item:hover { background-color: rgba(0, 0, 0, 0.04); } } .andes-list--selectable .andes-list__item { cursor: pointer; } .andes-list--selectable .andes-list__item:hover { transition: background-color 0.1s ease-out 0s; } .andes-list--selectable .andes-list__item--disabled { cursor: default; } .andes-list--selectable .andes-list__item--disabled:hover { background-color: rgb(255, 255, 255); } .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, 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, 0.25); } .andes-list__item--disabled.andes-list__item--selected::before { border-left: 0.111111em solid rgba(0, 0, 0, 0.25); } .andes-list__item--disabled.andes-list__item--selected .andes-list__item-primary { color: rgba(0, 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, 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, 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: 0.111111em solid rgb(52, 131, 250); border-radius: 1.5px; bottom: 2px; content: ""; top: 2px; } .andes-list__item--selected-padding-0::before { left: 0px; } .andes-list__item--selected .andes-list__item-primary { color: rgb(52, 131, 250); font-weight: 600; } .andes-list__item--selected.andes-list__item-with-selection-component::before { border-left: 0px; } .andes-list__item--selected.andes-list__item-with-selection-component .andes-list__item-primary { color: rgba(0, 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: rgb(52, 131, 250); } .andes-dropdown { -webkit-font-smoothing: antialiased; font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1; position: relative; } .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, 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, 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, 0.25); } .andes-dropdown__menu .andes-list__item { outline: none; } .andes-dropdown__menu .andes-list__item:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset, rgb(41, 104, 200) 0px 0px 0px 3px inset, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px inset; outline: none; } .andes-dropdown__menu .andes-list__item:focus-visible { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset, rgb(41, 104, 200) 0px 0px 0px 3px inset, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px inset; outline: none; } .andes-dropdown__menu .andes-list__item:focus:not(:focus-visible) { 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 0.2s ease 0s; } .andes-dropdown__chevron path, .andes-dropdown__chevron svg { fill: rgb(52, 131, 250); } .andes-dropdown__field { position: relative; } .andes-dropdown.andes-dropdown--open .andes-floating-menu .andes-dropdown__trigger { box-shadow: rgb(52, 131, 250) 0px 0px 0px 2px inset; } .andes-dropdown__arrow-container { position: absolute; right: -4px; top: -1px; } .andes-dropdown__no-results { color: rgba(0, 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: 0px; border-radius: 0.375em; color: rgba(0, 0, 0, 0.9); cursor: pointer; display: flex; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 18px; font-weight: 400; margin: 0px; outline: 0px; padding: 4px 6px; transition: color 0.18s ease-out 0s; } .andes-dropdown .andes-dropdown__trigger:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-dropdown .andes-dropdown__trigger:focus-visible { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-dropdown .andes-dropdown__trigger:focus:not(:focus-visible) { box-shadow: none; outline: none; } .andes-dropdown .andes-dropdown__trigger:hover { color: rgb(52, 131, 250); } .andes-dropdown .andes-dropdown__trigger span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 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: rgb(52, 131, 250); } .andes-dropdown .andes-floating-menu .andes-dropdown__menu { border-radius: 0.375em; } .andes-dropdown .andes-floating-menu .andes-dropdown__menu li:first-child { border-top-left-radius: 0.375em; border-top-right-radius: 0.375em; } .andes-dropdown .andes-floating-menu .andes-dropdown__menu li:last-child { border-bottom-left-radius: 0.375em; border-bottom-right-radius: 0.375em; } .andes-dropdown .andes-floating-menu .andes-form-control--search-box .andes-form-control__field { margin: 0px; } .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: 0px; color: rgba(0, 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: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-dropdown.andes-dropdown--standalone .andes-floating-menu .andes-dropdown__trigger:focus-visible { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-dropdown.andes-dropdown--standalone .andes-floating-menu .andes-dropdown__trigger:focus:not(:focus-visible) { box-shadow: none; outline: none; } .andes-dropdown.andes-dropdown--standalone .andes-floating-menu .andes-dropdown__standalone-arrow { margin: 2px 0px 0px 2px; transition: transform 0.2s ease 0s; } .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, 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: rgb(242, 61, 79) 0px 0px 0px 2px; } .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, 0.9); font-size: 14px; margin-left: 0.375em; position: absolute; top: 0px; } .andes-dropdown.andes-dropdown--form .andes-form-control__message { align-items: center; display: flex; font-size: 13px; line-height: 0.769231em; margin-left: 0.375em; margin-top: 0px; min-height: unset; } .andes-dropdown.andes-dropdown--form .andes-form-control__message .andes-dropdown__error-icon { background-color: rgb(242, 61, 79); border-radius: 50%; height: 12px; margin-right: 6px; width: 12px; } .andes-dropdown.andes-dropdown--form .andes-form-control__placeholder { color: rgba(0, 0, 0, 0.55); } .andes-dropdown.andes-dropdown--form .andes-dropdown__trigger { align-items: center; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px; color: rgba(0, 0, 0, 0.9); display: flex; font-size: 16px; justify-content: flex-end; line-height: 1.375em; margin: 0.375em 0px 0.5em; min-height: 48px; padding: 0.8125em 0.75em; position: relative; text-align: left; width: 100%; } .andes-dropdown.andes-dropdown--form .andes-dropdown__trigger:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-dropdown.andes-dropdown--form .andes-dropdown__trigger:focus-visible { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-dropdown.andes-dropdown--form .andes-dropdown__trigger:focus:not(:focus-visible) { box-shadow: none; outline: none; } .andes-dropdown.andes-dropdown--form .andes-dropdown__trigger:hover { box-shadow: rgba(0, 0, 0, 0.55) 0px 0px 0px 1px; } .andes-dropdown.andes-dropdown--form .andes-dropdown__trigger span { overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .andes-dropdown.andes-dropdown--form .andes-dropdown__trigger:focus:not(:focus-visible) { box-shadow: rgb(52, 131, 250) 0px 0px 0px 2px inset; } .andes-dropdown.andes-dropdown--form .andes-form-control__field { margin: 8px 0px 6px; } .andes-dropdown.andes-dropdown--form .andes-form-control__field option { padding: 0px; } .andes-dropdown.andes-dropdown--form .andes-form-control__field:focus { outline: 0px; } .andes-dropdown.andes-dropdown--form .andes-floating-menu--search .andes-form-control__field { margin: 0px; } .andes-dropdown.andes-dropdown--form.andes-form-control--error .andes-dropdown__trigger { box-shadow: rgb(242, 61, 79) 0px 0px 0px 1px; } .andes-dropdown.andes-dropdown--form.andes-form-control--error .andes-dropdown__trigger:focus { box-shadow: rgb(242, 61, 79) 0px 0px 0px 2px; } .andes-dropdown.andes-dropdown--form.andes-form-control--error .andes-dropdown__trigger:hover { box-shadow: rgb(242, 61, 79) 0px 0px 0px 1px; } .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: rgb(242, 61, 79); } .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: rgb(242, 61, 79); } .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, 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: 0px; } .andes-dropdown--form-native .andes-form-control__label { color: rgba(0, 0, 0, 0.9); font-size: 14px; margin-left: 0.375em; } .andes-dropdown--form-native .andes-form-control__field { align-items: center; border-radius: 0.375em; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px; color: rgba(0, 0, 0, 0.9); display: flex; font-size: 16px; justify-content: flex-end; line-height: 1.375em; margin: 0.4375em 0px 0.5em; min-height: 48px; padding: 0.8125em 0.75em; position: relative; text-align: left; width: 100%; } .andes-dropdown--form-native .andes-form-control__field:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-dropdown--form-native .andes-form-control__field:focus-visible { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-dropdown--form-native .andes-form-control__field:focus:not(:focus-visible) { box-shadow: none; outline: none; } .andes-dropdown--form-native .andes-form-control__field span { overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .andes-dropdown--form-native .andes-form-control__field:focus:not(:focus-visible) { box-shadow: rgb(52, 131, 250) 0px 0px 0px 2px inset; } .andes-dropdown--form-native .andes-form-control__message { align-items: center; display: flex; font-size: 13px; line-height: 0.769231em; margin-left: 0.375em; margin-top: 0px; min-height: unset; } .andes-dropdown--form-native .andes-form-control__message .andes-dropdown__error-icon { background-color: rgb(242, 61, 79); 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 0.2s ease 0s; } .andes-dropdown--form-native .andes-dropdown__chevron path, .andes-dropdown--form-native .andes-dropdown__chevron svg { fill: rgb(52, 131, 250); } @supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)) { .andes-dropdown--form-native .andes-form-control__field { appearance: none; background: none; } } .andes-dropdown--form-native.andes-form-control.andes-form-control--error .andes-form-control__field { box-shadow: rgb(242, 61, 79) 0px 0px 0px 1px; } .andes-dropdown--form-native.andes-form-control.andes-form-control--error .andes-form-control__field:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-dropdown--form-native.andes-form-control.andes-form-control--error .andes-form-control__field:focus-visible { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-dropdown--form-native.andes-form-control.andes-form-control--error .andes-form-control__field:focus:not(:focus-visible) { 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: rgb(242, 61, 79); } .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: rgb(242, 61, 79); } .andes-dropdown--form.andes-form-control--disabled .andes-dropdown__trigger, .andes-form-control--disabled:hover .andes-dropdown__trigger { background-color: rgba(0, 0, 0, 0.02); border: 1px dashed rgba(0, 0, 0, 0.25); box-shadow: none; color: rgba(0, 0, 0, 0.25); cursor: default; padding: 0.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, 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, 0.25); } .andes-dropdown--form-native.andes-form-control.andes-form-control--disabled .andes-form-control__field { background-color: rgba(0, 0, 0, 0.02); border: 1px dashed rgba(0, 0, 0, 0.25); box-shadow: none; color: rgba(0, 0, 0, 0.25); padding: 0.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, 0.25); } .andes-dropdown--form-native.andes-form-control.andes-form-control--disabled .andes-form-control__label { color: rgba(0, 0, 0, 0.25); } .andes-dropdown.andes-dropdown--standalone.andes-dropdown--medium .andes-floating-menu .andes-dropdown__trigger { border-radius: 0.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: 0.125em 0px 0px 0.125em; top: 0.0625em; } .andes-dropdown.andes-dropdown--standalone.andes-dropdown--medium .andes-floating-menu .andes-list__item + .andes-list__item { border: 0px; } .andes-dropdown.andes-dropdown--standalone.andes-dropdown--small .andes-floating-menu .andes-dropdown__trigger { border-radius: 0.285714em; 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: 0.142857em 0px 0px 0.142857em; top: 0.0714286em; } .andes-dropdown.andes-dropdown--standalone.andes-dropdown--small .andes-floating-menu .andes-list__item + .andes-list__item { border: 0px; } .andes-floating-menu.andes-floating-menu--multiple .andes-checkbox { align-self: center; min-height: 20px; min-width: 20px; padding: 0px 16px 0px 0px; pointer-events: none; } .andes-floating-menu.andes-floating-menu--multiple .andes-list__item-with-secondary.andes-list__item--size-medium .andes-checkbox { top: -0.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: 0px; } .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; } .andes-form-control__search-trigger { border: 0px; cursor: pointer; display: block; opacity: 1; transition: opacity 0.3s ease-in 0s; } .andes-form-control__search-trigger--default { background-color: rgb(255, 255, 255); border-radius: 50%; height: 32px; margin-left: 2px; padding: 8px 8px 6px; width: 32px; } .andes-form-control__search-trigger:focus:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px, rgb(52, 131, 250) 0px 0px 0px 2px inset; outline: none; } .andes-form-control__search-trigger:focus:focus-visible { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px, rgb(52, 131, 250) 0px 0px 0px 2px inset; outline: none; } .andes-form-control__search-trigger:focus:focus:not(:focus-visible) { box-shadow: none; outline: none; } .andes-form-control__search-trigger.andes-form-control__search-trigger--hidden { display: none; } .andes-form-control__search-trigger--fadeout { opacity: 0; transition: opacity 0.15s ease-out 0s; } .andes-form-control__search-trigger .andes-form-control__close-icon svg path, .andes-form-control__search-trigger .andes-form-control__search-icon svg path, .andes-form-control__search-trigger-visible svg path { fill: rgba(0, 0, 0, 0.9); } .andes-form-control--search-box { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px; box-sizing: border-box; color: rgba(0, 0, 0, 0.9); display: flex; opacity: 0; width: 32px; } .andes-form-control--search-box--hidden { display: none; } .andes-form-control--search-box--fadein { opacity: 1; transition: opacity 0.15s ease-in 0s, width 0.3s ease-in 0s; width: 100%; } .andes-form-control--search-box--always-visible { opacity: 1; width: 100%; } .andes-form-control--search-box label { order: 2; width: 100%; } .andes-form-control--search-box:hover { box-shadow: rgba(0, 0, 0, 0.55) 0px 0px 0px 1px; } .andes-form-control--search-box--focused, .andes-form-control--search-box--focused:hover, .andes-form-control--search-box:focus { box-shadow: rgb(52, 131, 250) 0px 0px 0px 2px; } .andes-form-control--search-box--focused.focus-visible { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px, rgb(52, 131, 250) 0px 0px 0px 2px inset; } .andes-form-control--search-box .andes-form-control__close-icon, .andes-form-control--search-box .andes-form-control__search-icon { align-content: center; display: flex; padding: 0px; } .andes-form-control--search-box .andes-form-control__close-icon svg path, .andes-form-control--search-box .andes-form-control__search-icon svg path { fill: rgba(0, 0, 0, 0.55); } .andes-form-control--search-box .andes-form-control__close-icon:focus-visible, .andes-form-control--search-box .andes-form-control__search-icon:focus-visible { border-radius: 50%; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-form-control--search-box .andes-form-control__close-icon { background-color: transparent; border: 0px; cursor: pointer; display: none; margin-left: 4px; opacity: 0; order: 3; } .andes-form-control--search-box .andes-form-control__close-icon-visible { align-content: center; display: flex; opacity: 1; padding: 0px; } .andes-form-control--search-box--disabled, .andes-form-control--search-box--disabled .andes-form-control__field { color: rgba(0, 0, 0, 0.55); } .andes-form-control--search-box--disabled:hover { box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px; } .andes-form-control--search-box--disabled .andes-form-control__close-icon, .andes-form-control--search-box--disabled .andes-form-control__close-icon.andes-form-control__close-icon-visible { opacity: 0; } .andes-form-control--search-box .andes-form-control__field { -webkit-font-smoothing: antialiased; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-weight: 400; line-height: 18px; margin: 0px; order: 2; } .andes-form-control--search-box .andes-form-control__field:focus { box-shadow: none; } .andes-form-control--search-box .andes-form-control__field:focus-visible { box-shadow: none; } .andes-form-control--search-box .andes-form-control__field::placeholder { color: rgba(0, 0, 0, 0.55); opacity: 1; } .andes-form-control--search-box .andes-form-control__field::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.55); } .andes-form-control--search-box .andes-form-control__field:disabled { color: rgba(0, 0, 0, 0.55); } .andes-form-control--search-box .andes-form-control__search-icon { background-color: transparent; border: 0px; margin-right: 4px; order: 1; } .andes-form-control--search-box--size-small { border-radius: 16px; font-size: 14px; height: 32px; padding: 8px 8px 6px; } .andes-form-control--search-box--size-small .andes-form-control__field { height: 18px; } .andes-form-control--search-box--size-small .andes-form-control__close-icon, .andes-form-control--search-box--size-small .andes-form-control__search-icon { height: 16px; } .andes-form-control--search-box--size-large { border-radius: 24px; font-size: 16px; height: 48px; padding: 15px 16px 13px; } .andes-form-control--search-box--size-large .andes-form-control__field { height: 20px; } .andes-form-control--search-box--size-large .andes-form-control__search-icon { margin-right: 8px; } .andes-form-control--search-box-split { background-color: rgb(255, 255, 255); } .andes-form-control--search-box-split--size-small { border-radius: 16px; font-size: 14px; height: 32px; } .andes-form-control--search-box-split--size-small .andes-form-control--search-box-split--divider { height: 24px; margin: -4px 8px; } .andes-form-control--search-box-split--size-small .andes-dropdown.andes-dropdown--standalone.andes-dropdown--small .andes-floating-menu:has(.andes-dropdown__trigger:focus-visible) { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; } .andes-form-control--search-box-split--size-small .andes-dropdown.andes-dropdown--standalone.andes-dropdown--small .andes-floating-menu .andes-dropdown__trigger { margin: -6px 0px; padding: 0px; } .andes-form-control--search-box-split--size-small .andes-dropdown.andes-dropdown--standalone.andes-dropdown--small .andes-floating-menu .andes-dropdown__trigger .andes-dropdown__standalone-arrow, .andes-form-control--search-box-split--size-small .andes-dropdown.andes-dropdown--standalone.andes-dropdown--small .andes-floating-menu .andes-dropdown__trigger span { padding: 6px 0px 6px 2px; } .andes-form-control--search-box-split--size-small .andes-dropdown.andes-dropdown--standalone.andes-dropdown--small .andes-floating-menu .andes-dropdown__trigger:focus-visible { box-shadow: none; } .andes-form-control--search-box-split--size-large { border-radius: 24px; font-size: 16px; height: 48px; } .andes-form-control--search-box-split--size-large .andes-form-control--search-box-split--divider { height: 36px; margin: -8px 10px; } .andes-form-control--search-box-split--size-large .andes-dropdown.andes-dropdown--standalone.andes-dropdown--medium .andes-floating-menu:has(.andes-dropdown__trigger:focus-visible) { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; } .andes-form-control--search-box-split--size-large .andes-dropdown.andes-dropdown--standalone.andes-dropdown--medium .andes-floating-menu .andes-dropdown__trigger { margin: -12px 0px; padding: 0px; } .andes-form-control--search-box-split--size-large .andes-dropdown.andes-dropdown--standalone.andes-dropdown--medium .andes-floating-menu .andes-dropdown__trigger .andes-dropdown__standalone-arrow, .andes-form-control--search-box-split--size-large .andes-dropdown.andes-dropdown--standalone.andes-dropdown--medium .andes-floating-menu .andes-dropdown__trigger span { padding: 12px 0px; } .andes-form-control--search-box-split--size-large .andes-dropdown.andes-dropdown--standalone.andes-dropdown--medium .andes-floating-menu .andes-dropdown__trigger:focus-visible { box-shadow: none; } .andes-form-control--search-box-split--size-large div[data-tippy-root] { margin-left: -8px !important; } .andes-form-control--search-box-split--open .andes-form-control--search-box { box-shadow: rgb(52, 131, 250) 0px 0px 0px 2px; } .andes-form-control--search-box-split .andes-form-control--search-box-split--dropdown { align-items: center; display: flex; } .andes-form-control--search-box-split .andes-form-control--search-box-split--dropdown .andes-form-control--search-box-split--dropdown-trigger { color: rgba(0, 0, 0, 0.9); display: flex; } .andes-form-control--search-box-split--disabled .andes-form-control--search-box-split--dropdown .andes-form-control--search-box-split--dropdown-trigger, .andes-form-control--search-box-split--disabled .andes-form-control--search-box-split--dropdown .andes-form-control--search-box-split--dropdown-trigger:hover { color: rgba(0, 0, 0, 0.55); } .andes-form-control--search-box-split--disabled .andes-form-control--search-box-split--dropdown .andes-dropdown__trigger svg, .andes-form-control--search-box-split--disabled .andes-form-control--search-box-split--dropdown .andes-dropdown__trigger svg path, .andes-form-control--search-box-split--disabled .andes-form-control--search-box-split--dropdown .andes-dropdown__trigger:hover svg, .andes-form-control--search-box-split--disabled .andes-form-control--search-box-split--dropdown .andes-dropdown__trigger:hover svg path, .andes-form-control--search-box-split--disabled .andes-form-control--search-box-split--dropdown .andes-form-control--search-box-split--dropdown-trigger svg, .andes-form-control--search-box-split--disabled .andes-form-control--search-box-split--dropdown .andes-form-control--search-box-split--dropdown-trigger svg path, .andes-form-control--search-box-split--disabled .andes-form-control--search-box-split--dropdown .andes-form-control--search-box-split--dropdown-trigger:hover svg, .andes-form-control--search-box-split--disabled .andes-form-control--search-box-split--dropdown .andes-form-control--search-box-split--dropdown-trigger:hover svg path { fill: rgba(0, 0, 0, 0.55); } .andes-form-control--search-box-split .andes-form-control--search-box-split--divider { background-color: rgba(0, 0, 0, 0.25); min-width: 1px; } .andes-modal { background-color: rgb(255, 255, 255); box-sizing: border-box; display: flex; flex-direction: column; outline: none; position: relative; transform: translateZ(0px); } @media (prefers-reduced-motion: no-preference) { .andes-modal { animation: 0.2s ease-in-out 0s 1 normal none running modal-translate-in, 0.2s ease-in-out 0s 1 normal none running modal-fade-in; } } .andes-modal__focus-retainer:focus { box-shadow: none; } .andes-modal__focus-retainer:focus-visible { box-shadow: none; } @media (prefers-reduced-motion: no-preference) { .andes-modal--closing { animation: 0.2s ease-in-out 0s 1 normal none running modal-translate-out, 0.2s ease-in-out 0s 1 normal none running modal-fade-out; } } .andes-modal > * { box-sizing: border-box; color: rgba(0, 0, 0, 0.9); } .andes-modal__overlay { align-items: center; background-color: rgba(0, 0, 0, 0.8); inset: 0px; display: flex; justify-content: center; position: fixed; z-index: 1020; } @media (prefers-reduced-motion: no-preference) { .andes-modal__overlay { animation: 0.2s ease-in-out 0s 1 normal none running modal-fade-in; } .andes-modal__overlay--closing { animation: 0.2s ease-in-out 0s 1 normal none running modal-fade-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: hidden auto; } .andes-modal__title { font-weight: 600; line-height: 1; } .andes-modal__actions, .andes-modal__header { background-color: rgb(255, 255, 255); box-shadow: none; } .andes-modal__actions { border-radius: 0px 0px 6px 6px; transition-duration: 0.08s; transition-property: box-shadow, padding, background-color; transition-timing-function: ease-in-out; } .andes-modal__actions--fixed { bottom: 0px; position: sticky; } .andes-modal__actions--border { border-top: 1px solid rgba(0, 0, 0, 0.07); box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 16px 0px; } .andes-modal__actions--border.padding { border-top: 0px; box-shadow: none; } .andes-modal__actions .andes-button + .andes-button { margin-left: 8px; } .andes-modal__actions .andes-button + .andes-button--full-width { margin-left: 0px; margin-top: 8px; } .andes-modal__header { border-radius: 6px 6px 0px 0px; display: flex; position: relative; top: 0px; transition-duration: 0.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; } .andes-modal__header--secondary .andes-modal__header__contents, .andes-modal__header--sticky .andes-modal__header__contents { overflow: hidden; } .andes-modal__header--secondary .andes-modal__title, .andes-modal__header--sticky .andes-modal__title { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .andes-modal__header--sticky { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 0px 0px, rgba(0, 0, 0, 0.1) 0px 0px 24px 0px; 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: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 0px 0px, rgba(0, 0, 0, 0.1) 0px 0px 24px 0px; } .andes-modal__header--show-title .andes-modal__title { display: block; } .andes-modal__close-button { appearance: none; background-color: transparent; border: 0px; cursor: pointer; font-size: inherit; height: 1.25em; padding: 0px; width: 1.25em; } .andes-modal__close-button:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-modal__close-button:focus-visible { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-modal__close-button:focus:not(:focus-visible) { box-shadow: none; outline: none; } @keyframes modal-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes modal-fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes modal-translate-in { 0% { margin-top: 300px; } 100% { margin-top: 0px; } } @keyframes modal-translate-out { 0% { margin-top: 0px; } 100% { margin-top: 300px; } } @media (min-width: 768px) { .andes-modal--small.andes-modal--asset .andes-modal__header { padding-bottom: 1em; } .andes-modal--small .andes-modal__header { padding: 2em 2em 1.5em; } .andes-modal--small .andes-modal__header.andes-modal__header--secondary .andes-modal__close-button, .andes-modal--small .andes-modal__header.andes-modal__header--sticky .andes-modal__close-button { margin-top: 0px; } .andes-modal--small .andes-modal__close-button { margin-top: 2px; } .andes-modal--small .andes-modal__title { font-size: 24px; } .andes-modal--small .andes-modal__content { padding: 0px 2em 2em; } .andes-modal--small.andes-modal--fixed-actions .andes-modal__content { padding-bottom: 1em; } .andes-modal--small .andes-modal__actions { padding: 0px 2em 2em; } .andes-modal--small .andes-modal__actions--fixed { padding: 1em 2em; } .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: 0px; } .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: 0px 3em 3em; } .andes-modal--large.andes-modal--fixed-actions .andes-modal__content { padding-bottom: 2.25em; } .andes-modal--large .andes-modal__actions { padding: 0.25em 3em 3em; } .andes-modal--large .andes-modal__actions--fixed { padding: 1em 3em; } } .andes-modal--full { border-radius: 0px; height: 100%; width: 100%; max-height: none !important; max-width: none !important; } .andes-modal--full .andes-modal__scroll { display: flex; flex-direction: column; height: 100%; } .andes-modal--full .andes-modal__header { border-radius: 0px; padding: 2em 1.5em; } .andes-modal--full .andes-modal__header.andes-modal__header--secondary, .andes-modal--full .andes-modal__header.andes-modal__header--sticky { padding: 1.625em 1.5em; } .andes-modal--full .andes-modal__header.andes-modal__header--secondary .andes-modal__title, .andes-modal--full .andes-modal__header.andes-modal__header--sticky .andes-modal__title { font-size: 20px; } .andes-modal--full .andes-modal__header.andes-modal__header--secondary .namespace__close-button, .andes-modal--full .andes-modal__header.andes-modal__header--sticky .namespace__close-button { margin-top: 0px; } .andes-modal--full .andes-modal__close-button { margin-top: 2px; } .andes-modal--full .andes-modal__title { font-size: 24px; } .andes-modal--full .andes-modal__content { flex-grow: 1; padding: 0px 1.5em 1.5em; } .andes-modal--full.andes-modal--fixed-actions .andes-modal__content { padding-bottom: 1em; } .andes-modal--full .andes-modal__actions { border-radius: 0px; padding: 0px 1.5em 1.5em; } .andes-modal--full .andes-modal__actions--fixed { padding: 1em 1.5em; } .andes-modal--card .andes-modal__header { padding: 1.625em 1.5em 1.25em; transition-property: box-shadow; } .andes-modal--card .andes-modal__header.andes-modal__header--secondary, .andes-modal--card .andes-modal__header.andes-modal__header--sticky { padding: 1.4375em 1.5em; } .andes-modal--card .andes-modal__title { font-size: 20px; } .andes-modal--card .andes-modal__content { padding: 0px 1.5em 1.5em; } .andes-modal--card .andes-modal__close-button { position: absolute; right: -4px; top: -32px; } .andes-modal__overlay--card { padding: 3em 1.5em; } .andes-modal--card.andes-modal--fixed-actions .andes-modal__content { padding-bottom: 0.5em; } .andes-modal--card .andes-modal__actions { padding: 0px 1.5em 1.5em; } .andes-modal--card .andes-modal__actions--fixed { padding: 1em 1.5em; } .ui-ms-rich-text__align { align-items: center; display: flex; justify-content: center; position: relative; } .ui-ms-rich-text__align .andes-dropdown { height: 1.5rem; left: 0px; position: absolute; top: -0.25rem; width: 1.5rem; } .ui-ms-rich-text__align .andes-dropdown__trigger { padding: 0px 0px 0px 1rem !important; } .ui-ms-rich-text__align .andes-floating-menu ul li { align-items: center; display: flex; padding: 0px; width: 100%; } .ui-ms-rich-text__align .andes-floating-menu ul li svg { margin: 0px auto; padding: 0.75rem; } .ui-ms-rich-text__align .ui-ms-rich-text__align-icon { margin-right: 1rem; } .ui-ms-rich-text__align .ui-ms-rich-text__align-icon svg { transform: scale(0.8); } .ui-ms-rich-text__headings .andes-dropdown.andes-dropdown--standalone .andes-dropdown__trigger { font-size: 0.875rem; padding: 0px; } .ui-ms-rich-text__headings .andes-dropdown.andes-dropdown--standalone div[data-tippy-root] { width: 13rem; position: fixed !important; } .ui-ms-rich-text__subtitle *, .ui-ms-rich-text__title * { font-weight: 700; } .ui-ms-rich-text__major-paragraph { font-weight: 400; } .ui-ms-rich-text .editor-paragraph, .ui-ms-rich-text h1, .ui-ms-rich-text h2, .ui-ms-rich-text h3, .ui-ms-rich-text h4, .ui-ms-rich-text h5, .ui-ms-rich-text h6 { margin: 0.75rem 0px; position: relative; } .ui-ms-rich-text__ordered-list-content .ui-ms-rich-text__ordered-list-button { align-items: center; background-color: transparent; border: 0px; cursor: pointer; display: flex; padding: 0px; } .ui-ms-rich-text__ordered-list-content .ui-ms-rich-text__ordered-list-button .ui-ms-rich-text__active-ordered-list-icon { display: none; } .ui-ms-rich-text__inactive-ordered-list-icon, .ui-ms-rich-text__ordered-list-button.ui-ms-rich-text--active .ui-ms-rich-text__active-ordered-list-icon { align-items: center; display: flex; } .ui-ms-rich-text__ordered-list-button.ui-ms-rich-text--active .ui-ms-rich-text__inactive-ordered-list-icon { display: none; } .ui-ms-rich-text__unordered-list-content { margin-right: 0.5rem; } .ui-ms-rich-text__unordered-list-content .ui-ms-rich-text__unordered-list-button { align-items: center; background-color: transparent; border: 0px; cursor: pointer; display: flex; padding: 0px; } .ui-ms-rich-text__unordered-list-content .ui-ms-rich-text__unordered-list-button .ui-ms-rich-text__active-unordered-list-icon { display: none; } .ui-ms-rich-text__inactive-unordered-list-icon, .ui-ms-rich-text__unordered-list-button.ui-ms-rich-text--active .ui-ms-rich-text__active-unordered-list-icon { align-items: center; display: flex; } .ui-ms-rich-text__unordered-list-button.ui-ms-rich-text--active .ui-ms-rich-text__inactive-unordered-list-icon { display: none; } .ui-ms-rich-text__modal-form { display: flex; gap: 1.5rem; } .ui-ms-rich-text__table { border-collapse: collapse; border-spacing: 0px; margin: 1.875rem 0px; overflow: scroll; table-layout: fixed; width: max-content; } .ui-ms-rich-text__table-cell { border: 0.0625rem solid rgb(191, 191, 191); min-height: 3.125rem; min-width: 10.4375rem; outline: none; padding: 0.375rem 0.5rem; position: relative; text-align: start; vertical-align: top; } .ui-ms-rich-text__table-button { background-color: transparent; border: none; } .ui-ms-rich-text__active-table-icon, .ui-ms-rich-text__inactive-table-icon { align-items: center; display: flex; justify-content: center; } .ui-ms-rich-text__table-button:not(.ui-ms-rich-text--active) { height: 1.5rem; width: 2.25rem; } .ui-ms-rich-text__inactive-table-icon { display: flex; position: relative; } .ui-ms-rich-text__inactive-table-icon svg { margin-top: 0.5rem; } .ui-ms-rich-text__active-table-icon { display: none; } .ui-ms-rich-text__table-button.ui-ms-rich-text--active .ui-ms-rich-text__active-table-icon { display: flex; } .ui-ms-rich-text__table-button.ui-ms-rich-text--active .ui-ms-rich-text__inactive-table-icon { display: none; } .ui-ms-rich-text__size .andes-dropdown__trigger { font-size: 0.875rem; } .ui-ms-rich-text__link-modal { padding: 0.75rem; } .ui-ms-rich-text__link-modal .andes-form-control--textfield:last-child { margin: 0.5rem 0.0625rem 1rem; } .ui-ms-rich-text__link-editor { background-color: rgb(255, 255, 255); border-radius: 0.375rem; box-shadow: rgba(0, 0, 0, 0.3) 0px 0.3125rem 0.625rem; display: none; max-width: 90%; position: absolute; transition: opacity 0.5s ease 0s; width: 23.75rem; z-index: 9999; } .ui-ms-rich-text__link-editor hr { background-color: rgb(237, 237, 237); height: 1.5rem; margin: 0px 1rem; } .ui-ms-rich-text__link-editor .ui-ms-rich-text__link-edit { align-items: center; background-color: transparent; border: none; cursor: pointer; display: flex; padding: 0px; } .ui-ms-rich-text__link-editor .ui-ms-rich-text__link-edit:first-child { background-color: rgba(52, 131, 250, 0.1); margin-right: 1rem; padding: 0.375rem; } .ui-ms-rich-text__link-editor .ui-ms-rich-text__link-edit:first-child path { fill: rgb(52, 131, 250); } .ui-ms-rich-text__link-editor .ui-ms-rich-text__link-input { font-size: 0.875rem; width: 100%; } .ui-ms-rich-text__link-editor .ui-ms-rich-text__link-input-container { align-items: center; border: 0px; border-radius: 15px; box-sizing: border-box; color: rgb(0, 0, 0); display: flex; font-family: inherit; font-size: 1rem; outline: 0px; padding: 0.5rem 1rem; position: relative; width: 100%; } .ui-ms-rich-text__link-editor div.ui-ms-rich-text__link-edit { bottom: 0px; cursor: pointer; position: absolute; right: 0px; top: 0px; width: 2.1875rem; } .ui-ms-rich-text__link-editor .ui-ms-rich-text__link-input-container a { display: block; font-size: 0.875rem; margin-right: 2rem; overflow: hidden; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .ui-ms-rich-text__link-editor .ui-ms-rich-text__link-input-container a:hover { text-decoration: underline; } .ui-ms-rich-text__link-editor .button { border-radius: 0.375rem; cursor: pointer; margin: 0px 0.125rem; padding: 0.375rem; } .ui-ms-rich-text__link-editor .button, .ui-ms-rich-text__link-editor .button.hovered { display: inline-block; height: 1.25rem; width: 1.25rem; } .ui-ms-rich-text__link-editor .actions i, .ui-ms-rich-text__link-editor .button i { background-size: contain; display: inline-block; height: 1.25rem; width: 1.25rem; } .ui-ms-rich-text__formats__buttons, .ui-ms-rich-text__link-actions { display: flex; } .ui-ms-rich-text__formats__buttons--selected { background-color: rgba(65, 137, 230, 0.1); } .ui-ms-rich-text__formats__buttons--selected path { fill: rgb(52, 131, 250); } .ui-ms-rich-text__link-editor--visible { display: block; } .ui-ms-rich-text__link-modal { background-color: rgb(255, 255, 255); left: -11.6875rem; margin-top: 1rem; position: absolute; top: 100%; width: 17.5rem; z-index: 9999; } .ui-ms-rich-text__buttons-container { display: flex; gap: 0.25rem; justify-content: end; margin-top: 1rem; } .ui-ms-rich-text__buttons-container .andes-button { height: 2rem; } .ui-ms-rich-text__buttons-container .andes-button--loud .andes-button__content { color: rgb(255, 255, 255) !important; } .ui-ms-rich-text__buttons-container .andes-button:first-child { background-color: rgb(52, 131, 250) !important; border: 0px !important; color: rgb(255, 255, 255) !important; cursor: pointer !important; } .ui-ms-rich-text__buttons-container .andes-button:first-child:disabled { background-clip: padding-box !important; background-color: rgba(0, 0, 0, 0.1) !important; border-color: rgb(0, 0, 0) !important; color: rgba(0, 0, 0, 0.25) !important; cursor: default !important; } .ui-ms-rich-text__buttons-container .andes-button:last-child { background-color: rgba(65, 137, 230, 0.15) !important; border-color: transparent !important; color: rgb(52, 131, 250) !important; } .ui-ms-rich-text__buttons-container .andes-button:last-child .andes-button__content { color: rgb(52, 131, 250) !important; } :root { --dropdown-left: -187px; --dropdown-bottom: 16px; } .mshops-web-components-clickable.ui-ms-rich-text { color: rgb(0, 0, 0); cursor: text; display: block; font-weight: unset; margin: 0px auto; max-width: 75rem; position: relative; text-align: left; width: 90%; } .mshops-web-components-clickable.ui-ms-rich-text .andes-list__item-first-column { margin: 0px; padding: 0.75rem; } .mshops-web-components-clickable.ui-ms-rich-text .andes-list__item { padding: 0px; } .mshops-web-components-clickable.ui-ms-rich-text ul li { list-style: disc; } .mshops-web-components-clickable.ui-ms-rich-text ol li { list-style: decimal; } .mshops-web-components-clickable.ui-ms-rich-text .andes-dropdown .andes-floating-menu { opacity: 1; } .mshops-web-components-clickable.ui-ms-rich-text div[contenteditable="true"] { border: 0.125rem solid transparent; border-radius: 0.25rem; min-height: 3.125rem; padding: 0px 1.5rem; width: 90%; } .mshops-web-components-clickable.ui-ms-rich-text div[contenteditable="true"]:focus { border: 0.125rem solid rgb(52, 131, 250); outline: none; } .mshops-web-components-clickable.ui-ms-rich-text .ui-ms-rich-text--align-left { text-align: left; } .mshops-web-components-clickable.ui-ms-rich-text .ui-ms-rich-text--align-right { text-align: right; } .mshops-web-components-clickable.ui-ms-rich-text .ui-ms-rich-text__placeholder { color: rgba(0, 0, 0, 0.55); left: 2rem; margin-top: 0.25rem; overflow: hidden; pointer-events: none; position: absolute; top: 3.375rem; user-select: none; } .mshops-web-components-clickable.ui-ms-rich-text .editor-paragraph, .mshops-web-components-clickable.ui-ms-rich-text h1, .mshops-web-components-clickable.ui-ms-rich-text h2, .mshops-web-components-clickable.ui-ms-rich-text h3, .mshops-web-components-clickable.ui-ms-rich-text h4, .mshops-web-components-clickable.ui-ms-rich-text h5, .mshops-web-components-clickable.ui-ms-rich-text h6 { margin: 0.75rem 0px; position: relative; } .mshops-web-components-clickable.ui-ms-rich-text .ui-ms-rich-text__toolbar { align-items: center; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0.5rem 1rem 0px; display: flex; height: auto; margin: 0px auto; overflow: auto; padding: 0.5rem 1rem; width: 90%; } .mshops-web-components-clickable.ui-ms-rich-text .ui-ms-rich-text__toolbar div[data-tippy-root] { right: auto !important; bottom: auto !important; left: var(--dropdown-left) !important; position: fixed !important; top: var(--dropdown-bottom) !important; transform: unset !important; } .mshops-web-components-clickable.ui-ms-rich-text .ui-ms-rich-text__toolbar.ui-ms-rich-text__toolbar--fixed { left: 0px; overflow-y: hidden; padding: 0.5rem 0px; position: fixed; top: 5rem; width: 100%; z-index: 9999; } .mshops-web-components-clickable.ui-ms-rich-text .ui-ms-rich-text__toolbar.ui-ms-rich-text__toolbar--fixed .ui-ms-rich-text__link-input-container { display: none; } .mshops-web-components-clickable.ui-ms-rich-text .ui-ms-rich-text__toolbar .ui-ms-rich-text__toolbar__separator { border: 0.0625rem solid rgb(237, 237, 237); height: 1rem; margin: 0px 0.3125rem; } .mshops-web-components-clickable.ui-ms-rich-text .ui-ms-rich-text__headings .andes-dropdown.andes-dropdown--standalone .andes-dropdown__trigger { font-size: 0.875rem; padding: 0px; } .mshops-web-components-clickable.ui-ms-rich-text .ui-ms-rich-text__headings .andes-dropdown.andes-dropdown--standalone .andes-dropdown__display-values { text-align: initial; width: 6.25rem; } .mshops-web-components-clickable.ui-ms-rich-text .ui-ms-rich-text__headings .andes-dropdown.andes-dropdown--standalone .andes-list { width: 13rem; } .mshops-web-components-clickable.ui-ms-rich-text .ui-ms-rich-text__tool-container { align-items: center; border-right: 0.0625rem solid rgb(237, 237, 237); display: flex; justify-content: center; padding: 0px 0.5rem; } .mshops-web-components-clickable.ui-ms-rich-text .ui-ms-rich-text__tool-container:last-child { border-right: 0px; } .mshops-web-components-clickable.ui-ms-rich-text .ui-ms-rich-text__formats { min-width: 6.25rem; } .mshops-web-components-clickable.ui-ms-rich-text .ui-ms-rich-text__headings div[data-tippy-root] { width: 13rem !important; } .ui-ms-rich-text__tooltip.ui-ms-rich-text__tooltip-disabled { display: none; } .ui-ms-rich-text__tooltip.andes-tooltip { width: fit-content !important; } .ui-ms-rich-text__tooltip.andes-tooltip .andes-tooltip__content { margin: 0px; } .ui-ms-rich-text__tool-container--relative { position: relative; } .editor ol, .editor ul { padding-left: 1.5rem; padding-right: 1rem; } @media (max-width: 768px) { .ui-ms-rich-text__link-editor { left: 25%; } } .andes-button.andes-button--transparent.ui-ms-rich-text__formats__buttons { color: rgb(0, 0, 0); height: 1.5625rem; margin: 0px 0.1875rem; width: 1.5625rem; } .andes-button.andes-button--transparent.ui-ms-rich-text__formats__buttons .bold { font-size: 0.875rem; font-weight: 700; line-height: 0.8125rem; } .andes-button.andes-button--transparent.ui-ms-rich-text__formats__buttons .italic { font-family: "Times New Roman"; font-size: 1rem; font-style: italic; font-weight: 400; line-height: 0.8125rem; } .andes-button.andes-button--transparent.ui-ms-rich-text__formats__buttons .underline { font-size: 0.875rem; line-height: 0.8125rem; text-decoration: underline; } .andes-button.andes-button--transparent.ui-ms-rich-text__formats__buttons--selected { background-color: rgba(65, 137, 230, 0.1); color: rgb(52, 131, 250); } .ui-ms-rich-text__formats { display: flex; } .mshops-web-components-clickable.ui-ms-rich-text { padding: 2rem 0.5rem; } .ui-ms-rich-text__title * { font-size: 2rem; font-weight: 700 !important; } .ui-ms-rich-text__subtitle * { font-size: 1.25rem; font-weight: 700 !important; } .ui-ms-rich-text__major-paragraph * { font-size: 1.25rem; font-weight: 400 !important; } .ui-ms-rich-text__underline { text-decoration: underline; } .ui-ms-rich-text__italic { font-style: italic; } .ui-ms-rich-text__bold { font-weight: 700 !important; } *, ::after, ::before { box-sizing: content-box; } html { font-size: 16px; } body { font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } main[role="main"] { -webkit-font-smoothing: antialiased; font-weight: 400; } .home { overflow-x: clip; padding: 96px 0px 2px; } .home .row { padding-bottom: 0px; position: relative; } .home .row h3 { margin-bottom: 15px; margin-top: 15px; } .home .row .title { color: rgb(156, 156, 156); font-size: 26px; font-weight: 200; margin-bottom: 0px; margin-left: 6px; margin-top: 0px; } .home .row.center { justify-content: center; } .home .component-wrapper { display: contents; } @media screen and (max-width: 767px) { .home .ui-modal-bg { background-color: rgba(0, 0, 0, 0.6); } .home .ui-modal-dialog__button-close::after, .home .ui-modal-dialog__button-close::before { background-color: rgb(255, 255, 255); } .home .ui-modal-bg, .home .ui-modal-dialog { display: table; opacity: 1; transition: opacity 0.1s ease-out 0s; } .home .ui-modal-bg__content-wrapper, .home .ui-modal-dialog__content-wrapper { height: 100%; } .home .ui-modal-bg--hidden, .home .ui-modal-dialog--hidden { opacity: 0; pointer-events: none; } .home .ui-modal-bg--hidden iframe, .home .ui-modal-dialog--hidden iframe { display: none; } .home .ui-modal-bg--hidden .ui-modal-dialog__button-close, .home .ui-modal-bg--hidden .ui-modal-dialog__content-box, .home .ui-modal-dialog--hidden .ui-modal-dialog__button-close, .home .ui-modal-dialog--hidden .ui-modal-dialog__content-box { pointer-events: none; } } .home--with-padding-bottom { padding-bottom: 64px; } .nav-footer-contact { margin-top: 1px; } .nav-tools-footer { margin-top: 0px !important; } .modal { max-height: 88%; max-width: 52.5rem; width: 52.5rem; } .modal iframe { border: 0px; width: 100%; } .clipped { clip: rect(0px, 0px, 0px, 0px); border: 0px; clip-path: inset(50%); display: block; margin: 0px; overflow: hidden; padding: 0px; position: absolute; z-index: -1; } .nav-new-cookie-disclaimer { z-index: 1020; } div.mshops-recommendations-wrapper div.carousel-container { max-height: 28.125rem; } .ui-ms-newsletter-modal__content-close { background-color: rgb(255, 255, 255); border: 0px; cursor: pointer; padding: 0px; position: absolute; right: 0.5rem; top: 0.5rem; } .ui-ms-newsletter-modal__content-close svg { display: block; height: 1.5625rem; width: 1.5625rem; } .ui-ms-newsletter-modal .andes-modal__close-button, .ui-ms-newsletter-modal__image-shadow { display: none; } .ui-ms-newsletter-content__disclaimer { color: rgba(0, 0, 0, 0.55); } .ui-ms-newsletter-modal .andes-modal__content { padding: 0px; } .ui-ms-newsletter-modal__content { box-sizing: border-box; } .ui-ms-newsletter-modal .andes-modal__content { max-width: 37.5rem; } .ui-ms-newsletter-modal__content { padding: 2rem; } .ui-ms-newsletter-modal__image { height: 20rem; object-fit: cover; object-position: center top; width: 100%; } @media only screen and (max-width: 600px) { .ui-ms-newsletter-content__container--alignment-left .ui-ms-newsletter-content__button { align-self: flex-start; } .ui-ms-newsletter-content__container--alignment-center .ui-ms-newsletter-content__button { align-self: center; } .ui-ms-newsletter-content__container--alignment-right .ui-ms-newsletter-content__button { align-self: flex-end; } } .ui-ms-newsletter-content__pretitle { display: block; } .ui-ms-newsletter-content__container--alignment-left .ui-ms-newsletter-content__description, .ui-ms-newsletter-content__container--alignment-left .ui-ms-newsletter-content__disclaimer, .ui-ms-newsletter-content__container--alignment-left .ui-ms-newsletter-content__pretitle, .ui-ms-newsletter-content__container--alignment-left .ui-ms-newsletter-content__title { text-align: left; } .ui-ms-newsletter-content__container--alignment-center .ui-ms-newsletter-content__description, .ui-ms-newsletter-content__container--alignment-center .ui-ms-newsletter-content__disclaimer, .ui-ms-newsletter-content__container--alignment-center .ui-ms-newsletter-content__pretitle, .ui-ms-newsletter-content__container--alignment-center .ui-ms-newsletter-content__title { text-align: center; } .ui-ms-newsletter-content__container--alignment-right .ui-ms-newsletter-content__description, .ui-ms-newsletter-content__container--alignment-right .ui-ms-newsletter-content__disclaimer, .ui-ms-newsletter-content__container--alignment-right .ui-ms-newsletter-content__pretitle, .ui-ms-newsletter-content__container--alignment-right .ui-ms-newsletter-content__title { text-align: right; } .ui-ms-newsletter-content__pretitle { font-size: 0.75rem; } .ui-ms-newsletter-modal div:first-child:focus-visible { box-shadow: none; outline: none; } .ui-ms-newsletter-content__disclaimer a { margin-left: 0.125rem; } .ui-ms-newsletter-content__title { font-size: 1rem; font-weight: 700; } .ui-ms-newsletter-content__description { font-size: 0.875rem; } .ui-ms-newsletter-content__disclaimer { font-size: 0.75rem; margin-top: 0.5rem; } .ui-ms-newsletter-content__description--hidden, .ui-ms-newsletter-content__pretitle--hidden, .ui-ms-newsletter-content__title--hidden { display: none; } .ui-ms-newsletter-content__description, .ui-ms-newsletter-content__pretitle, .ui-ms-newsletter-content__title { margin-bottom: 0.5rem; } .ui-ms-newsletter-content__disclaimer, .ui-ms-newsletter-content__pretitle { font-size: 0.875rem; } .ui-ms-newsletter-content__title { font-size: 1.25rem; } .ui-ms-newsletter-content__description { font-size: 1rem; } .ui-ms-newsletter-content__button { margin-right: 0px; } .ui-ms-newsletter-content__control-group { align-items: baseline; display: flex; } .ui-ms-newsletter-content__textfield { height: 100%; margin-right: 1rem; width: 100%; } .ui-ms-newsletter-content__pretitle, .ui-ms-newsletter-content__title { margin-bottom: 0.5rem; } .section-header { align-items: center; display: flex; line-height: 1.2; } .section-header .section-header__title--base, .section-header h1, .section-header h2 { color: rgb(102, 102, 102); } .section-header .ui-link, .section-header a { align-self: baseline; color: rgba(65, 137, 230, 0.4); font-size: 16px; margin: auto 0px 2px; text-decoration: none; } .section-header .ui-link { background-color: transparent; border-width: 0px; cursor: pointer; font-family: inherit; padding: 0px; } .section-header .ui-link-button { outline: 0px; } .section-header__title-container { margin-bottom: 0px; width: 100%; } .section-header__title { color: rgba(0, 0, 0, 0.55); text-align: center; width: 100%; } .section-header__sub-header-decoration { color: rgba(0, 0, 0, 0.9); text-decoration: underline; } section > .container, section > .section-text__container { margin: 0px auto; max-width: 1200px; padding: 32px 0px; } @media (max-width: 769px) { section > .container, section > .section-text__container { margin: 0px 20px; } } section .section-header { margin-bottom: 1.375rem; } section .section-header .section-header__title--base, section .section-header h1, section .section-header h2 { font-size: 26px; font-weight: 300; margin: 0px 0px 0px 8px; } section .section-header .ui-link, section .section-header a { font-size: 16px; margin-bottom: 2px; } section .section-header .ui-link:hover, section .section-header a:hover { color: rgb(18, 89, 195); } section .section-header__material { margin-bottom: 2.5rem; } section .section-header__material .section-header__title--base, section .section-header__material h1, section .section-header__material h2 { color: rgb(0, 0, 0); font-size: 1.5rem; font-weight: 600; } section .section-header a { margin-left: 1rem; } .section__sub-header { color: rgb(191, 191, 191); display: flex; flex-wrap: wrap; justify-content: space-evenly; margin-bottom: 32px; width: 80%; } .section-center > .container, .section-center > .section-text__container { justify-content: center; } .section-text { user-select: none; } .section-text__container { padding: 2rem 1.25rem; } .section-text__row { display: flex; flex-wrap: wrap; margin-bottom: 1rem; margin-top: 1rem; padding: 0px 0.5rem; } .section-text__row--fill { max-width: 100%; } .section-text__title { margin: 0px; width: 100%; word-break: normal; } .section-text__subtitle { color: rgba(0, 0, 0, 0.55); margin: 0px; } .section-text__subtitle, .section-text__text { font-weight: 400; overflow: hidden; text-overflow: ellipsis; width: 100%; word-break: normal; } .section-text__text { color: rgb(191, 191, 191); } .section-text__subtitle--left, .section-text__text--left, .section-text__title--left { text-align: left; } .section-text__subtitle--center, .section-text__text--center, .section-text__title--center { text-align: center; } .section-text__subtitle--right, .section-text__text--right, .section-text__title--right { text-align: right; } .section-text__subtitle--justify, .section-text__text--justify, .section-text__title--justify { text-align: justify; } .section-text__row-buttons-actions { align-items: center; display: flex; flex-direction: row; gap: 1.25rem; margin: 1rem 0px; padding: 0px 0.5rem; } .section-text__row-buttons-actions--left { justify-content: flex-start; } .section-text__row-buttons-actions--right { justify-content: flex-end; } .section-text__row-buttons-actions--center { justify-content: center; } .section-text__row-buttons-actions__btn-action-user { background-color: transparent; border: 1px solid transparent; border-radius: 0.5rem; cursor: pointer; display: inline-block; font-size: 1rem; font-weight: 400; line-height: 1.5; margin: 0.25rem 0.125rem; max-width: 80%; opacity: 0.9; overflow: hidden; padding: 0.375rem 1.75rem; text-align: center; text-decoration: none; text-overflow: ellipsis; transition: color 0.15s ease-in-out 0s, background-color 0.15s ease-in-out 0s, border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; user-select: none; vertical-align: middle; word-break: normal; } .section-text__row-buttons-actions__btn-action-user--default { background-color: rgb(52, 131, 250); border-color: rgb(52, 131, 250); color: rgb(255, 255, 255) !important; } .section-text__row-buttons-actions__btn-action-user--quiet { border-color: rgb(52, 131, 250); color: rgb(52, 131, 250) !important; } .section-text__row-buttons-actions__btn-action-user.active.focus, .section-text__row-buttons-actions__btn-action-user.active:focus, .section-text__row-buttons-actions__btn-action-user.focus, .section-text__row-buttons-actions__btn-action-user:active.focus, .section-text__row-buttons-actions__btn-action-user:active:focus, .section-text__row-buttons-actions__btn-action-user:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } .section-text__row-buttons-actions__btn-action-user.focus, .section-text__row-buttons-actions__btn-action-user:focus, .section-text__row-buttons-actions__btn-action-user:hover { opacity: 1; text-decoration: none; } .section-text__row-buttons-actions__btn-action-user.active, .section-text__row-buttons-actions__btn-action-user:active { background-image: none; box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; opacity: 1; outline: 0px; } .section-text__row-buttons-actions__btn-action-user.disabled, .section-text__row-buttons-actions__btn-action-user[disabled], fieldset[disabled] .section-text__row-buttons-actions__btn-action-user { box-shadow: none; cursor: not-allowed; opacity: 0.45; } .section-text__row-buttons-actions__btn-action-user.disabled, fieldset[disabled] .section-text__row-buttons-actions__btn-action-user { pointer-events: none; } .section-text__container { padding: 0px !important; } .section-text__title { font-size: 1.5rem; font-weight: 700; overflow: hidden; text-overflow: ellipsis; } .section-text__subtitle { font-size: 1.25rem; } .section-text__text { font-size: 1rem; } .content-list__container { background-color: rgb(255, 255, 255); } .content-list__head-text { font-size: 0.875rem; text-align: center; } .content-list__elements-container { display: flex; } .content-element { margin-bottom: 1.5rem; width: 100%; } .content-element__img-container { width: 100%; } .content-element__image { height: 100%; object-fit: fill; width: 100%; } .content-element--align-center { text-align: center; } .content-element--align-center .content-element__button-container { align-self: center; justify-content: center; } .content-element--align-right { text-align: right; } .content-element--align-right .content-element__button-container { align-self: flex-end; justify-content: right; } .editable-wrapper .content-list__elements-container .content-element__button-container { align-items: center; display: flex; text-decoration: none; } .content-element__button-text { color: rgb(52, 131, 250); font-size: 0.875rem; font-weight: 600; margin-right: 0.5rem; } .content-element__container-text .content-element__button-container { display: flex; width: fit-content; } .content-element__container-text { display: flex; flex-direction: column; } .content-list__container { width: 100%; } .content-list__container__2-elements { margin: auto; padding: 2rem 12.5rem; width: 55rem; } .content-list__container__3-elements { margin: auto; padding: 2rem 10rem; width: 60rem; } .content-list__container__4-elements { margin: auto; padding: 2rem 7.5rem; width: 65rem; } .content-list__head-text { font-size: 1rem; } .content-list__title { font-size: 1.5rem; font-weight: 600; margin-bottom: 2rem; margin-top: 1rem; } .content-list__elements-container { justify-content: space-between; margin: auto; } .content-list__2-elements .content-element { max-width: 25rem; } .content-list__2-elements .content-element__img-container { margin-bottom: 1.5rem; max-height: 25rem; max-width: 25rem; } .content-list__2-elements .content-element__image { max-height: 25rem; max-width: 25rem; } .content-list__3-elements .content-element { max-width: 17.625rem; } .content-list__3-elements .content-element__img-container { margin-bottom: 1.5rem; max-height: 17.625rem; max-width: 17.625rem; } .content-list__3-elements .content-element__image { max-height: 17.625rem; max-width: 17.625rem; } .content-list__4-elements .content-element { max-width: 14.375rem; } .content-list__4-elements .content-element__img-container { margin-bottom: 1.5rem; max-height: 14.375rem; max-width: 14.375rem; } .content-list__4-elements .content-element__image { max-height: 14.375rem; max-width: 14.375rem; } .content-element__title { font-size: 0.875rem; font-weight: 600; margin-bottom: 1rem; } .content-element__description { font-size: 0.75rem; margin-bottom: 1rem; } .ui-button { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); appearance: none; border: 0px; border-radius: 4px; cursor: pointer; display: block; font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 18px; font-weight: 300; margin: 0px; outline: 0px; padding: 15px 32px; text-align: center; transition: background 0.1s ease-in 0s, color 0.1s ease-in 0s, border 0.1s ease-in 0s; width: 100%; } .ui-button--small { font-size: 14px; } .ui-button--primary { background: rgb(52, 131, 250); padding: 15px 32px; } .ui-button--primary, .ui-button--primary:link, .ui-button--primary:visited { color: rgb(255, 255, 255); } .ui-button--primary:focus, .ui-button--primary:hover { background-color: rgba(52, 131, 250, 0.8); color: rgb(255, 255, 255); } .ui-button--primary.ui-button--ripple-effect { background-image: none; overflow: hidden; position: relative; transform: translateZ(0px); will-change: transform; } .ui-button--primary.ui-button--ripple-effect::after { background-image: radial-gradient(circle, rgb(0, 0, 0) 10%, transparent 10.01%); background-position: 50% center; background-repeat: no-repeat; background-size: 1000% 1000%; content: ""; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; transition: background 0.5s cubic-bezier(0, 0, 0.2, 1) 0s, opacity 1.5s cubic-bezier(0, 0, 0.2, 1) 0s; width: 100%; z-index: -1; } .ui-button--primary.ui-button--ripple-effect:active::after { background-size: 0px 0px; opacity: 0.2; transition: all 0s ease 0s; } .ui-button--primary.ui-button--small { padding: 11px 24px; } .ui-button--primary.ui-button--disabled, .ui-button--primary:disabled, .ui-button--primary[disabled] { background-color: rgb(230, 230, 230); color: rgb(153, 153, 153); cursor: auto; pointer-events: none; } .ui-button--secondary { background: none; border: 1px solid rgb(52, 131, 250); padding: 14px 31px; } .ui-button--secondary, .ui-button--secondary:link, .ui-button--secondary:visited { color: rgb(52, 131, 250); } .ui-button--secondary:focus, .ui-button--secondary:hover { color: rgba(52, 131, 250, 0.65); } .ui-button--secondary, .ui-button--secondary:link, .ui-button--secondary:visited { border: 1px solid rgb(52, 131, 250); } .ui-button--secondary:focus, .ui-button--secondary:hover { border: 1px solid rgba(52, 131, 250, 0.65); } .ui-button--secondary.ui-button--small { padding: 10px 23px; } .ui-button--secondary .ui-button--ripple-effect { background-image: none; overflow: hidden; position: relative; transform: translateZ(0px); will-change: transform; } .ui-button--secondary .ui-button--ripple-effect::after { background-image: radial-gradient(circle, rgb(52, 131, 250) 10%, transparent 10.01%); background-position: 50% center; background-repeat: no-repeat; background-size: 1000% 1000%; content: ""; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; transition: background 0.5s cubic-bezier(0, 0, 0.2, 1) 0s, opacity 1.5s cubic-bezier(0, 0, 0.2, 1) 0s; width: 100%; z-index: -1; } .ui-button--secondary .ui-button--ripple-effect:active::after { background-size: 0px 0px; opacity: 0.2; transition: all 0s ease 0s; } .ui-button--secondary.ui-button--disabled, .ui-button--secondary:disabled, .ui-button--secondary[disabled] { background-color: transparent; border-color: rgb(204, 204, 204); color: rgb(153, 153, 153); cursor: auto; pointer-events: none; } .ui-button--tertiary { background: none; padding: 15px 32px; } .ui-button--tertiary, .ui-button--tertiary:link, .ui-button--tertiary:visited { color: rgb(52, 131, 250); } .ui-button--tertiary:focus, .ui-button--tertiary:hover { color: rgba(52, 131, 250, 0.65); } .ui-button--tertiary.ui-button--small { padding: 11px 24px; } .ui-button--tertiary.ui-button--ripple-effect { background-image: none; overflow: hidden; position: relative; transform: translateZ(0px); will-change: transform; } .ui-button--tertiary.ui-button--ripple-effect::after { background-image: radial-gradient(circle, rgb(52, 131, 250) 10%, transparent 10.01%); background-position: 50% center; background-repeat: no-repeat; background-size: 1000% 1000%; content: ""; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; transition: background 0.5s cubic-bezier(0, 0, 0.2, 1) 0s, opacity 1.5s cubic-bezier(0, 0, 0.2, 1) 0s; width: 100%; z-index: -1; } .ui-button--tertiary.ui-button--ripple-effect:active::after { background-size: 0px 0px; opacity: 0.2; transition: all 0s ease 0s; } .ui-button--tertiary.ui-button--disabled, .ui-button--tertiary:disabled, .ui-button--tertiary[disabled] { background-color: transparent; color: rgb(153, 153, 153); cursor: auto; pointer-events: none; } .ui-button { line-height: 1; } @media (min-width: 768px) { .ui-button { display: inline-block; min-width: 142px; width: auto; } .ui-button.ui-button--small { display: inline-block; min-width: 108px; width: auto; } } .slick-slider { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; touch-action: pan-y; user-select: none; } .slick-list, .slick-slider { display: block; position: relative; } .slick-list { margin: 0px; overflow: hidden; padding: 0px; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-list, .slick-slider .slick-track { transform: translateZ(0px); } .slick-track { display: block; left: 0px; position: relative; top: 0px; } .slick-track::after, .slick-track::before { content: ""; display: table; } .slick-track::after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { border: 1px solid transparent; display: block; height: auto; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { bottom: -25px; display: block; list-style: none; margin: 0px; padding: 0px; position: absolute; text-align: center; width: 100%; } .slick-dots li { display: inline-block; margin: 0px 5px; padding: 0px; position: relative; } .slick-dots li, .slick-dots li button { cursor: pointer; height: 20px; width: 20px; } .slick-dots li button { background: transparent; border: 0px; color: transparent; display: block; font-size: 0px; line-height: 0; outline: none; padding: 5px; } .slick-dots li button:focus, .slick-dots li button:hover { outline: none; } .slick-dots li button:focus::before, .slick-dots li button:hover::before { opacity: 1; } .slick-dots li button::before { -webkit-font-smoothing: antialiased; color: rgb(0, 0, 0); content: "•"; font-family: slick; font-size: 6px; height: 20px; left: 0px; line-height: 20px; opacity: 0.25; position: absolute; text-align: center; top: 0px; width: 20px; } .slick-dots li.slick-active button::before { color: rgb(0, 0, 0); opacity: 0.75; } .carousel-container { position: relative; } .slick-slider { position: static; } .slick-slider .slick-slide { position: relative; } .slick-slider .slick-slide .slick-disabled { opacity: 0; pointer-events: none; } .carousel-container .arrow-visible .next-button, .carousel-container .arrow-visible .prev-button { display: none; } .carousel-container .arrow-disabled { opacity: 0; } .carousel-container .next-button:hover, .carousel-container .prev-button:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 16px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; transition: box-shadow 0.2s ease 0s; } .carousel-container:hover .next-button, .carousel-container:hover .prev-button { display: block; } .carousel-container .prev-button { left: -24px; } .carousel-container .next-button { right: -24px; } .carousel-container .next-button, .carousel-container .prev-button { background-color: rgb(255, 255, 255); border-radius: 50%; border-width: 0px; box-shadow: rgba(0, 0, 0, 0.19) 0px 2px 4px 0px; cursor: pointer; display: none; height: 64px; outline: 0px; position: absolute; top: 48%; width: 64px; z-index: 2; } .carousel-container .next-button::after, .carousel-container .next-button::before, .carousel-container .prev-button::after, .carousel-container .prev-button::before { background: rgb(52, 131, 250); content: ""; display: block; height: 2px; position: absolute; width: 14px; } .carousel-container .prev-button::after, .carousel-container .prev-button::before { left: 50%; margin-left: -8px; } .carousel-container .prev-button::before { margin-top: -5px; top: 50%; transform: rotate(-45deg); } .carousel-container .prev-button::after { bottom: 50%; margin-bottom: -6px; transform: rotate(45deg); } .carousel-container .next-button::after, .carousel-container .next-button::before { left: 50%; margin-left: -6px; } .carousel-container .next-button::before { margin-top: -5px; top: 50%; transform: rotate(45deg); } .carousel-container .next-button::after { bottom: 50%; margin-bottom: -6px; transform: rotate(-45deg); } @media screen and (max-width: 1168px) { .carousel-container .next-button { right: 1px; } } @media screen and (max-width: 1168px) and (max-width: 769px) { .carousel-container .next-button { right: -20px; } } @media screen and (max-width: 1168px) { .carousel-container .prev-button { left: 1px; } } @media screen and (max-width: 1168px) and (max-width: 769px) { .carousel-container .prev-button { left: -20px; } } .slider .slick-slider .slick-slide { height: 100%; width: 100%; } .slider .carousel-container { position: relative; } .slider .slick-track { height: 100%; } .slider .slick-dots { bottom: 1.875rem; height: 0px; left: 0px; right: 0px; width: auto; } .slider .slick-dots li { margin: 0px; text-align: center; } .slider .slick-dots li button { background-color: rgb(198, 198, 198); border-radius: 50%; display: inline; height: 0.375rem; padding: 1px; transition: background-color 0.1s ease-out 0s, height, width; width: 0.375rem; } .slider .slick-dots li button::before { content: ""; } .slider .slick-dots li.slick-active button { background-color: rgb(255, 255, 255); height: 0.625rem; width: 0.625rem; } .slider .slick-active button, .slider .slick-dots li button { background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); } .slider .slick-active .slide__text button { border: 1px solid rgb(255, 255, 255); } .slider .next-button, .slider .prev-button { box-sizing: border-box; height: 5rem; margin-top: -2.5rem; top: 50%; width: 2.5rem; } .slider .prev-button { border-radius: 0px 0.25rem 0.25rem 0px; left: 0px; } .slider .next-button { border-radius: 0.25rem 0px 0px 0.25rem; right: 0px; } .slider-material { max-width: 79rem; padding: 2rem; } .image-hidden { display: none; } .image-adjust-height { background-size: contain; } .image-adjust-width { background-size: cover; } .slide__text { flex-direction: column; } .andes-carousel-snapped__slide.slide a { width: 100%; } .home:not(.home--custom-html) .slide .slide__image:has(> .slide__text), .home:not(.home--custom-html) .slide-material__image:has(> .slide-material__text) { background-blend-mode: overlay; background-color: rgba(0, 0, 0, 0.25); } .slide { margin: 0px auto; } .slide .slide__layer { height: 100%; max-width: 1920px; position: absolute; width: 100%; } .slide .slide--full-width { width: 100%; } .slide .slide__image { align-items: center; background-color: transparent; background-repeat: no-repeat; box-sizing: border-box; display: flex; margin: 0px auto; width: inherit; } .slide .slide__text { position: relative; } .slide .slide__text.slide__text--center { margin: auto; text-align: center; } .slide .slide__text.slide__text--left { margin-left: 0px; text-align: left; } .slide .slide__text.slide__text--right { margin-right: 0px; text-align: right; } .slide .slide__text .slide__heading { color: rgb(255, 255, 255); letter-spacing: 2.5px; } .slide .slide__text .slide__heading + .slide__title { margin-top: 0.75rem; } .slide .slide__text .slide__title { color: rgb(255, 255, 255); overflow: hidden; } .slide .slide__text .slide__title + .slide__subtitle { margin-top: 0.75rem; } .slide .slide__text .slide__subtitle { color: rgb(255, 255, 255); overflow: hidden; } .slide .slide__cta { background-color: transparent; border: 1px solid rgb(255, 255, 255); border-radius: 0.25rem; box-sizing: border-box; max-width: 100%; text-align: center; word-break: break-word; } .slide .slide__cta span { color: rgb(255, 255, 255); } .slide .slide__cta:hover { background-color: gray; } .slide .slide__cta:active { background-color: rgb(0, 0, 0); } .slide__text.slide__text--center .slide__cta { margin-left: auto; margin-right: auto; } .slide__text.slide__text--left .slide__cta { margin-right: auto; } .slide__text.slide__text--right .slide__cta { margin-left: auto; } .slider--large .slide__cta, .slider--medium .slide__cta, .slider--small .slide__cta { padding: 0.5rem 1rem; } .slider--small .slick-list, .slider--small .slide__image, .slider--small .slide__layer { height: 21.25rem; } .slider--medium .slick-list .slide__layer, .slider--medium .slide__image { height: 36.125rem; } .slider--large .slick-list, .slider--large .slide__image, .slider--large .slide__layer { height: 45rem; } .slide__text { padding: 3rem 4.5rem; } .slide__heading { font-size: 1.125rem; } .slide__title { font-size: 2.25rem; letter-spacing: 1px; } .slide__subtitle, .slide__title { line-height: 1.25; max-width: 74.5rem; } .slide__subtitle { letter-spacing: 0.4px; } @media (max-width: 1919px) { .slider--small .slick-list, .slider--small .slide__image, .slider--small .slide__layer { height: 16rem; } .slider--medium .slick-list, .slider--medium .slide__image, .slider--medium .slide__layer { height: 24rem; } .slider--large .slick-list, .slider--large .slide__image, .slider--large .slide__layer { height: 32.5rem; } } .slide-not-full .slide__layer { background: none; } .slide-not-full .slide__image { align-items: flex-end; display: flex; justify-content: center; margin: 0px auto; } .slide-not-full .slide__text--right .slide__text-wrapper { align-items: flex-end; display: flex; flex-direction: column; } .slide-not-full .slide__text--center .slide__text-wrapper { align-items: center; display: flex; flex-direction: column; } .carousel-container { width: 100% !important; } .slide__heading { font-size: 1rem; font-weight: 400; margin-top: 0.5rem; } .slide__title { font-size: 2.5rem; font-weight: 600; margin-top: 1rem; } .slide__subtitle { font-size: 1.5rem; font-weight: 400; margin-top: 1rem; } .slide__cta { font-size: 1.5rem; font-weight: 600; margin-top: 1.25rem; } .slide__text { margin: auto auto 3rem; } @media only screen and (min-width: 0px) and (max-width: 1024px) { .slider--small .slick-list, .slider--small .slide__image, .slider--small .slide__layer { height: 20rem; } .slider--medium .slick-list, .slider--medium .slide__image, .slider--medium .slide__layer { height: 23.75rem; } .slider--large .slick-list, .slider--large .slide__image, .slider--large .slide__layer { height: 25rem; } .slide__heading { font-size: 1rem; } .slide__title { font-size: 1.5rem; } .slide__cta, .slide__subtitle { font-size: 1.25rem; } .slide__cta { margin-top: 1.25rem !important; } } @media only screen and (min-width: 1024px) and (max-width: 1280px) { .slider--large .slick-list, .slider--large .slide__image, .slider--large .slide__layer { height: 26rem; } .slider--medium .slick-list, .slider--medium .slide__image, .slider--medium .slide__layer { height: 21.875rem; } .slider--small .slick-list, .slider--small .slide__image, .slider--small .slide__layer { height: 18.75rem; } .slide__heading { font-size: 1rem; } .slide__title { font-size: 1.5rem; } .slide__cta, .slide__subtitle { font-size: 1.125rem; } .slide__cta { margin-top: 1.25rem !important; } } @media only screen and (min-width: 1280px) and (max-width: 1366px) { .slider--large .slick-list, .slider--large .slide__image, .slider--large .slide__layer { height: 32.5rem; } .slider--medium .slick-list, .slider--medium .slide__image, .slider--medium .slide__layer { height: 27.1875rem; } .slider--small .slick-list, .slider--small .slide__image, .slider--small .slide__layer { height: 23.4375rem; } } @media only screen and (min-width: 1366px) and (max-width: 1920px) { .slider--large .slick-list, .slider--large .slide__image, .slider--large .slide__layer { height: 34.6875rem; } .slider--medium .slick-list, .slider--medium .slide__image, .slider--medium .slide__layer { height: 29.0625rem; } .slider--small .slick-list, .slider--small .slide__image, .slider--small .slide__layer { height: 25rem; } } @media only screen and (min-width: 1920px) and (max-width: 3000px) { .slider--large .slick-list, .slider--large .slide__image, .slider--large .slide__layer { height: 48.75rem; } .slider--medium .slick-list, .slider--medium .slide__image, .slider--medium .slide__layer { height: 40.625rem; } .slider--small .slick-list, .slider--small .slide__image, .slider--small .slide__layer { height: 35rem; } } .slider--small .slide__cta { margin-top: 1rem; } .slider--medium .slide__cta { margin-top: 1.5rem; } .slider--large .slide__cta { margin-top: 2.5rem; } .slide-material { margin: 0px auto; } .slide-material .slide-material__layer { height: 100%; max-width: 1264px; position: absolute; width: 100%; } .slide-material .slide-material--full-width { width: 100%; } .slide-material .slide-material__image { align-items: center; background-color: transparent; background-repeat: no-repeat; box-sizing: border-box; display: flex; margin: 0px auto; width: inherit; } .slide-material .slide-material__text { position: relative; } .slide-material .slide-material__text.slide-material__text--center { margin: auto; text-align: center; } .slide-material .slide-material__text.slide-material__text--left { margin-left: 0px; text-align: left; } .slide-material .slide-material__text.slide-material__text--right { margin-right: 0px; text-align: right; } .slide-material .slide-material__text .slide-material__heading { color: rgb(255, 255, 255); letter-spacing: 2.5px; } .slide-material .slide-material__text .slide-material__heading + .slide-material__title { margin-top: 0.75rem; } .slide-material .slide-material__text .slide-material__title { color: rgb(255, 255, 255); overflow: hidden; } .slide-material .slide-material__text .slide-material__title + .slide-material__subtitle { margin-top: 0.75rem; } .slide-material .slide-material__text .slide-material__subtitle { color: rgb(255, 255, 255); overflow: hidden; } .slide-material .slide-material__cta { background-color: transparent; border: 1px solid rgb(255, 255, 255); border-radius: 0.25rem; box-sizing: border-box; max-width: 100%; text-align: center; word-break: break-word; } .slide-material .slide-material__cta span { color: rgb(255, 255, 255); } .slide-material .slide-material__cta:hover { background-color: gray; } .slide-material .slide-material__cta:active { background-color: rgb(0, 0, 0); } .slide-material .slide-material__layer { mix-blend-mode: multiply; } .slide-material__layer--right { transform: rotate(180deg); } .slide-material__text { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; margin: auto; position: relative; width: 100%; } .slide-material__text.slide-material__text--center .slide-material__cta, .slide-material__text.slide-material__text--center .slide-material__text-wrapper { align-self: center; } .slide-material__text.slide-material__text--center .slide-material__text-wrapper::after { margin: 1rem auto; } .slide-material__text.slide-material__text--left .slide-material__cta, .slide-material__text.slide-material__text--left .slide-material__text-wrapper { align-self: flex-start; } .slide-material__text.slide-material__text--left .slide-material__text-wrapper::after { margin: 1rem auto 1rem 0px; } .slide-material__text.slide-material__text--right .slide-material__cta, .slide-material__text.slide-material__text--right .slide-material__text-wrapper { align-self: flex-end; } .slide-material__text.slide-material__text--right .slide-material__text-wrapper::after { margin: 1rem 0px 1rem auto; } .slide-material__cta { cursor: pointer; padding: 0.5rem 1rem; } .slider-material--small .slide-material__image, .slider-material--small .slide-material__layer, .slider-material--small .slide-material__text { justify-content: space-around; } .slide-material__text { justify-content: center; } .slider-material--small .slick-list, .slider-material--small .slide-material__image, .slider-material--small .slide-material__layer { height: 22.5rem; } .slider-material--medium .slick-list .slide-material__layer, .slider-material--medium .slide-material__image { height: 33.75rem; } .slider-material--large .slick-list, .slider-material--large .slide-material__image, .slider-material--large .slide-material__layer { height: 45.625rem; } .slide-material__text { padding: 3rem 4.5rem; } .slide-material__title { font-size: 2.25rem; letter-spacing: 1px; line-height: 1.25; max-width: 74.5rem; } .slide-material__subtitle { letter-spacing: 0.4px; line-height: 1.25; max-width: 74.5rem; } @media (max-width: 1919px) { .slider-material--small .slick-list, .slider-material--small .slide-material__image, .slider-material--small .slide-material__layer { height: 22.5rem; } .slider-material--medium .slick-list, .slider-material--medium .slide-material__image, .slider-material--medium .slide-material__layer { height: 33.75rem; } .slider-material--large .slick-list, .slider-material--large .slide-material__image, .slider-material--large .slide-material__layer { height: 45.625rem; } } .slide-material .slide-material__layer.slide-material__layer--left, .slide-material .slide-material__layer.slide-material__layer--right { background: transparent; } .slide-material__text { max-width: 60rem; } .slider-material--small .slide-material__cta { padding: 1rem 3rem; } .slider-material--large .slide-material__cta, .slider-material--medium .slide-material__cta { margin-top: 3.375rem; padding: 1rem 3rem; } .slide-not-full .slider { display: block; } .slide-not-full .slide-material__layer { background: none; } .slide-not-full .slide-material__image { align-items: center; display: flex; justify-content: center; margin: 0px auto; } .carousel-container { width: 75rem; } .slide-material__heading { font-size: 1.125rem; font-weight: 400; margin-top: 0.5rem; } .slide-material__title { font-size: 2.5rem; font-weight: 600; margin-top: 1rem; } .slide-material__subtitle { font-size: 1.5rem; font-weight: 400; margin-top: 1rem; } .slide-material__cta { font-size: 1.5rem; font-weight: 600; margin-top: 1.25rem; max-width: none !important; } @media only screen and (min-width: 0px) and (max-width: 1024px) { .slider-material--small .slick-list, .slider-material--small .slide-material__image, .slider-material--small .slide-material__layer { height: 20rem; } .slider-material--medium .slick-list, .slider-material--medium .slide-material__image, .slider-material--medium .slide-material__layer { height: 22.5rem; } .slider-material--large .slick-list, .slider-material--large .slide-material__image, .slider-material--large .slide-material__layer { height: 23.75rem; } .slide-not-full.slider-material { margin: 2.5rem 0px; padding: 0px; } .slide-material__heading { font-size: 1.125rem; } .slide-material__title { font-size: 2rem; } .slide-material__subtitle { font-size: 1.25rem; } .slide-material__cta { font-size: 1.25rem; margin-top: 1.25rem !important; } } @media only screen and (min-width: 1024px) and (max-width: 1280px) { .slider-material--large .slick-list, .slider-material--large .slide-material__image, .slider-material--large .slide-material__layer { height: 26.5625rem; } .slider-material--medium .slick-list, .slider-material--medium .slide-material__image, .slider-material--medium .slide-material__layer { height: 24.6875rem; } .slider-material--small .slick-list, .slider-material--small .slide-material__image, .slider-material--small .slide-material__layer { height: 19.6875rem; } .slide-material__heading { font-size: 1rem; } .slide-material__title { font-size: 1.75rem; } .slide-material__subtitle { font-size: 1.25rem; } .slide-material__cta { font-size: 1.25rem; margin-top: 1.25rem !important; } } @media only screen and (min-width: 1280px) and (max-width: 1366px) { .slider-material--large .slick-list, .slider-material--large .slide-material__image, .slider-material--large .slide-material__layer { height: 33.75rem; } .slider-material--medium .slick-list, .slider-material--medium .slide-material__image, .slider-material--medium .slide-material__layer { height: 30rem; } .slider-material--small .slick-list, .slider-material--small .slide-material__image, .slider-material--small .slide-material__layer { height: 25rem; } .slide-material__heading { font-size: 0.625rem; } .slide-material__title { font-size: 2rem; } .slide-material__cta, .slide-material__subtitle { font-size: 1.25rem; } } @media only screen and (min-width: 1366px) and (max-width: 1920px) { .slider-material--large .slick-list, .slider-material--large .slide-material__image, .slider-material--large .slide-material__layer { height: 33.75rem; } .slider-material--medium .slick-list, .slider-material--medium .slide-material__image, .slider-material--medium .slide-material__layer { height: 30rem; } .slider-material--small .slick-list, .slider-material--small .slide-material__image, .slider-material--small .slide-material__layer { height: 25rem; } } @media only screen and (min-width: 1920px) and (max-width: 3000px) { .slider-material--large .slick-list, .slider-material--large .slide-material__image, .slider-material--large .slide-material__layer { height: 33.75rem; } .slider-material--medium .slick-list, .slider-material--medium .slide-material__image, .slider-material--medium .slide-material__layer { height: 30rem; } .slider-material--small .slick-list, .slider-material--small .slide-material__image, .slider-material--small .slide-material__layer { height: 25rem; } } .video-text--video-variant1 .video-and-text__container .video-and-text__container-description { display: inline-grid; } .video-text--video-variant1 .video-and-text__image-player, .video-text--video-variant1 .video-and-text__youtube-player, .video-text--video-variant3 .video-and-text__image-player, .video-text--video-variant3 .video-and-text__youtube-player { height: 29.25rem; max-width: 52rem; width: 52rem; } .video-and-text__image-player-cover { object-fit: cover; } .video-text--video-variant2 .video-and-text.video-and-text__container { aspect-ratio: 16 / 9; grid-template-columns: 100%; object-fit: contain; overflow: hidden; } .video-text--video-variant2 .video-and-text__col.video-and-text__container-video { width: 100%; } .video-text--video-variant2 .video-and-text__image-player, .video-text--video-variant2 .video-and-text__youtube-player { height: auto; object-fit: cover; width: 100%; } .video-text--video-variant2 .video-and-text__image--center svg { z-index: 2; } .video-text--video-variant3 .video-and-text.video-and-text__container { aspect-ratio: 16 / 9; object-fit: contain; } .video-text--video-variant3 .video-and-text__col.video-and-text__container-video { width: inherit; } .video-and-text__image--center { aspect-ratio: 16 / 9; } .video-and-text .video-and-text__image-player-variant3, .video-and-text .video-and-text__youtube-player-variant2 { height: auto; object-fit: cover; width: 100%; } .video-text--video-variant1 .video-and-text__image--center svg { left: 50%; } .video-and-text .video-and-text__container .video-and-text__container-title { font-weight: 600; } .video-and-text .video-and-text__container-text-variant2 { grid-row: 1 / 3; z-index: 1; } .video-and-text .video-and-text__youtube-player-variant3 { width: 100%; } .video-text--words-left .video-and-text__col.video-and-text__container-text, .video-text--words-left .video-and-text__col.video-and-text__container-text-variant2, .video-text--words-left .video-and-text__col.video-and-text__container-text-variant3 { text-align: left; } .video-text--words-center .video-and-text__col.video-and-text__container-text, .video-text--words-center .video-and-text__col.video-and-text__container-text-variant2, .video-text--words-center .video-and-text__col.video-and-text__container-text-variant3 { text-align: center; } .video-text--words-right .video-and-text__col.video-and-text__container-text, .video-text--words-right .video-and-text__col.video-and-text__container-text-variant2, .video-text--words-right .video-and-text__col.video-and-text__container-text-variant3 { text-align: right; } .play-element--novisible.play-button, .play-element--novisible.play-icon { display: none; } .video-and-text__image--center { display: grid; position: relative; } .video-and-text__image--center .play-icon path { fill: rgb(255, 255, 255); } .video-and-text__image--center .play-icon circle { stroke: rgb(255, 255, 255); } .video-and-text__image--center .play-button path { fill: rgb(0, 0, 0); } .video-and-text__image--center .play-button text { fill: rgb(0, 0, 0); font-size: 1rem; white-space: pre; } .video-and-text__image--center svg { cursor: pointer; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .video-text--video-variant1 .video-and-text__container-text { overflow: hidden; padding-left: 3rem; } .video-text--video-variant1 .video-and-text.video-and-text__container { display: flex; } .video-text--video-variant2 .video-and-text.video-and-text__container { aspect-ratio: 0 / 1; display: grid; grid-template-columns: 51.875rem; grid-template-rows: 29.25rem; justify-content: center; } .video-text--video-variant2 .video-and-text__col.video-and-text__container-video { grid-area: 1 / 1 / 2 / 2; margin: auto; width: inherit; } .video-text--video-variant3 .video-and-text.video-and-text__container { aspect-ratio: 0 / 1; display: inline-block; } .video-text--video-variant3 .video-and-text__col.video-and-text__container-video { display: table; margin: auto; width: auto; } .video-text--video-variant1 .video-and-text__image--center svg, .video-text--video-variant2 .video-and-text__image--center svg, .video-text--video-variant3 .video-and-text__image--center svg { height: 5rem; left: 50%; width: 5rem; } .video-and-text { display: inline-flex; width: 100%; } .video-and-text .video-and-text__container .video-and-text__container-title { font-weight: 700; margin-bottom: 1.25rem; } .video-and-text .video-and-text__container-text { margin: auto; order: 2; } .video-and-text .video-and-text__container-text-variant2 { align-self: flex-end; color: rgb(255, 255, 255); grid-area: 1 / 1 / 2 / 2; padding: 0px 2rem 2rem; z-index: 5; } .video-and-text .video-and-text__container-text-variant3 { margin: 1.25rem 0px; order: 2; } .video-and-text .video-and-text__container-text-remove-text { display: none; z-index: -1; } .video-and-text .video-and-text__contaniner--video { display: flex; order: 1; text-align: right; } .video-and-text .video-and-text__image-player, .video-and-text .video-and-text__youtube-player, .video-and-text .video-and-text__youtube-player-variant3 { aspect-ratio: inherit; float: right; height: 29.25rem; object-fit: cover; width: 52rem; } .video-and-text .video-and-text__container .video-and-text__container-description p { overflow: hidden; text-overflow: ellipsis; } .video-and-text .video-and-text__image-player-variant3, .video-and-text .video-and-text__youtube-player-variant1 { aspect-ratio: inherit; float: right; height: 24.5rem; object-fit: cover; width: 43.5625rem; } .price-tag__disabled .price-tag-amount::after { border-bottom-style: solid; border-bottom-width: 1px; content: ""; display: block; height: 1px; position: absolute; top: 48%; width: 100%; } .price-tag-text-sr-only { clip: rect(0px, 0px, 0px, 0px); border: 0px; clip-path: inset(50%); margin: 0px -1px -1px 0px; overflow: hidden; padding: 0px; position: absolute; } .ui-item__price { font-size: 24px; line-height: 1.2; } .ui-item__discount-price { color: rgb(153, 153, 153); font-size: 14px; left: 25px; line-height: 1.5; position: absolute; top: 8px; } .ui-item__discount-text { color: rgb(57, 181, 74); font-size: 14px; padding-left: 10px; vertical-align: 3px; } .ui-item__attributes, .ui-item__installments { font-size: 14px; margin-top: 5px; } .ui-item__loyal-cup { height: 11px; padding-right: 2px; padding-top: 1px; width: 11px; } .ui-item__shipping { background-color: rgb(255, 255, 255); border: 1px solid rgba(51, 51, 51, 0.1); border-radius: 50%; height: 36px; position: absolute; right: 16px; top: -18px; width: 36px; } .ui-item__shipping-free .ui-item__shipping-icon { fill: rgb(57, 181, 74); } .ui-item__brand, .ui-review { opacity: 0; visibility: hidden; } .ui-item.static { height: 352px; } .ui-item.static.with-discount { height: 360px; } .ui-item.static.with-actions { height: 384px; } .ui-item.static.with-actions.with-discount { height: 392px; } .ui-item.static .ui-item__action, .ui-item.static .ui-item__brand, .ui-item.static .ui-item__discount-price, .ui-item.static .ui-item__title, .ui-item.static .ui-review { opacity: 1; transition: visibility 0.1s ease 0.1s; visibility: visible; } .ui-item.static.with-discount .ui-item__price-block { margin-top: 6px; } .ui-item.static .ui-item__discount-price.price-tag { top: 13px; } .ui-item.animated { transition: height 0.1s ease-out 0s; } .ui-item.animated__action, .ui-item.animated__discount-price.price-tag, .ui-item.animated__title { opacity: 0; transition: visibility 0s ease 0s; visibility: hidden; } .ui-item.animated__price-block { margin-top: -2px; transition: margin-top 0.1s ease-out 0s; } .ui-item.animated:hover { height: 352px; } .ui-item.animated:hover.with-discount { height: 360px; } .ui-item.animated:hover.with-actions { height: 384px; } .ui-item.animated:hover.with-actions.with-discount { height: 392px; } .ui-item.animated:hover .ui-item__action, .ui-item.animated:hover .ui-item__brand, .ui-item.animated:hover .ui-item__discount-price, .ui-item.animated:hover .ui-item__title, .ui-item.animated:hover .ui-review { opacity: 1; transition: visibility 0.1s ease 0.1s; visibility: visible; } .ui-item.animated:hover.with-discount .ui-item__price-block { margin-top: 6px; } .ui-item.animated:hover .ui-item__discount-price.price-tag { top: 13px; } .price-tag.ui-item__price { font-weight: 400; } .price-tag.ui-item__price .price-tag-fraction, .price-tag.ui-item__price .price-tag-symbol { height: 24px; } .ui-item__content { padding: 24px; } .ui-item.price-digits-5 .price-tag.ui-item__price { font-size: 23px; } .ui-item.price-digits-5 .price-tag__disabled { font-size: 14px; } .ui-item.price-digits-6 .price-tag.ui-item__price { font-size: 20px; } .ui-item.price-digits-6 .price-tag__disabled { font-size: 14px; } .ui-item.price-digits-7 .price-tag.ui-item__price { font-size: 18px; } .ui-item.price-digits-7 .price-tag__disabled { font-size: 14px; } .ui-item.price-digits-7 .ui-item__discount-text { font-size: 12px; } .ui-item.price-digits-8 .price-tag.ui-item__price { font-size: 17px; } .ui-item.price-digits-8 .price-tag__disabled { font-size: 14px; } .ui-item.price-digits-8 .ui-item__discount-text { font-size: 12px; } .ui-item.price-digits-10 .price-tag.ui-item__price, .ui-item.price-digits-11 .price-tag.ui-item__price, .ui-item.price-digits-9 .price-tag.ui-item__price { font-size: 16px; } .ui-item.price-digits-10 .price-tag__disabled, .ui-item.price-digits-11 .price-tag__disabled, .ui-item.price-digits-9 .price-tag__disabled { font-size: 14px; } .ui-item.price-digits-10 .ui-item__discount-text, .ui-item.price-digits-11 .ui-item__discount-text, .ui-item.price-digits-9 .ui-item__discount-text { font-size: 11px; } .ui-item__bookmark { outline: none; } .ui-item__title { margin-bottom: 0px; margin-top: 6px; min-height: 36px; } .ui-item__discount-price.price-tag, .ui-item__title { opacity: 0; } .ui-item__discount-price.price-tag { top: 0px; } .ui-item.price-text .ui-item__price { font-size: 20px; } .carousel-mobile { overflow: auto hidden; } .carousel-mobile::-webkit-scrollbar { background-color: transparent; height: 0px; width: 0px; } .carousel-mobile::-webkit-scrollbar-track { background-color: transparent; box-shadow: transparent 0px 0px 6px inset; } .carousel-mobile ::-webkit-scrollbar-thumb { background-color: transparent; height: 0px; width: 0px; } .carousel-mobile-list { display: table; } .carousel-mobile-list-element { display: table-cell; vertical-align: middle; } .carousel-mobile ul { list-style: none; margin: 0px; padding: 0px; } .editable-wrapper .recommendations .section-header a { display: none; } .price-tag { display: inline-block; line-height: 1em; overflow: visible; vertical-align: text-bottom; } .price-tag * { float: left; } .price-tag-symbol { margin-right: 0.1em; } .price-tag-cents-text, .price-tag-decimal-separator, .price-tag-symbol-text { font-size: 0px; position: absolute; } .price-tag-cents { font-size: 0.7em; line-height: 1em; margin-left: 0.05em; vertical-align: text-bottom; } .price-tag-negative-symbol { margin-right: 0.3em; } .price-tag.price-tag-billing .price-tag-decimal-separator { font-size: inherit; position: static; } .price-tag.price-tag-billing .price-tag-cents { font-size: inherit; line-height: inherit; margin-left: 0px; vertical-align: baseline; } .price-tag__disabled { position: relative; text-decoration: none; } .price-tag__disabled::after { border-bottom-style: solid; border-bottom-width: 1px; content: ""; display: block; height: 1px; position: absolute; top: 48%; width: 100%; } .ui-item__bookmark { background-color: rgba(255, 255, 255, 0.7); border: none; border-radius: 50%; cursor: pointer; display: none; height: 36px; padding: 0px; position: absolute; right: 16px; top: 16px; width: 36px; } .ui-item__bookmark:hover .ui-item__bookmark-icon { fill: rgb(18, 89, 195); } .ui-item__bookmark-icon { fill: rgb(52, 131, 250); left: 9px; position: absolute; top: 11px; width: 18px; } .ui-item:hover .ui-item__bookmark, .ui-item__bookmark.ui-item__bookmark--added { display: block; } .ui-item__price-block { overflow: hidden; } .ui-item__price { color: rgb(51, 51, 51); } .ui-item__price, .ui-item__price_image { font-size: 1.5rem; line-height: 1.25; } .ui-item__discount-price { color: rgba(0, 0, 0, 0.9); font-size: 0.875rem; position: inherit; text-decoration: line-through rgba(0, 0, 0, 0.9); } .ui-item__discount-price--hidden { display: none; } .ui-item__discount-text { color: rgb(0, 0, 0); font-size: 0.875rem; font-weight: 600; padding: 0px; width: fit-content; } .ui-item__attributes, .ui-item__installments { color: rgb(51, 51, 51); display: block; font-size: 0.875rem; margin-top: 0.3125rem; } .ui-item__attributes::after, .ui-item__installments::after { content: "​"; } .ui-item__material-price { color: rgb(0, 0, 0); font-size: 1.75rem; font-weight: 600; line-height: 1.25; } .ui-item__material-discount-price { color: rgb(0, 0, 0); font-size: 1.25rem; font-weight: 300; line-height: 1.5625rem; text-decoration: line-through 0.0625rem rgb(0, 0, 0); } .ui-item__material-discount-price--hidden { display: none; } .ui-item__material-discount-text { font-size: 0.875rem; font-weight: 600; } .ui-item__material-installments { color: rgb(0, 0, 0); display: block; font-size: 1.25rem; font-weight: 300; line-height: 1.5625rem; } .ui-item__price-container { display: flex; flex-direction: column-reverse; } .ui-item__price { font-weight: 600; } .ui-item__formatted-price { align-items: center; display: flex; } .ui-item__formatted-price-cents { font-size: 14px; } .ui-item__original-price { color: rgba(0, 0, 0, 0.25); font-size: 0.875rem; line-height: 1rem; text-decoration: line-through rgba(0, 0, 0, 0.25); } .ui-item__shipping { border-radius: 16px; height: auto; margin-top: 8px; padding: 2px 8px; position: relative; right: inherit; top: auto; width: fit-content; } .ui-item__shipping-icon { fill: rgb(102, 102, 102); left: 8px; position: absolute; top: 9px; width: 20px; } .ui-item__shipping-icon--material { fill: rgb(102, 102, 102); margin: 8px 8px 8px 0px; width: 20px; } .ui-item__shipping-free .ui-item__shipping-icon, .ui-item__shipping-free .ui-item__shipping-icon--material { fill: rgb(57, 181, 74); } .ui-item__shipping-label { display: none; } .ui-item__shipping-label--material { color: rgb(57, 181, 74); font-weight: 700; margin-bottom: 4px; } .ui-item__shipping--material { align-items: center; background-color: rgb(255, 255, 255); display: flex; width: 100%; } .ui-item__shipping--material.ui-item__shipping--hidden { display: none; } .home--custom-html .ui-item__shipping { border: none; } .ui-item__brand, .ui-item__title { font-size: 14px; font-weight: 300; line-height: 1.3; } .ui-item__title { color: rgb(102, 102, 102); margin-top: 12px; max-height: 2.6em; overflow: hidden; } .ui-item__action, .ui-item__brand { background: none; border: none; cursor: pointer; padding: 0px; } .ui-item__brand { color: rgb(153, 153, 153); margin-top: 2px; } .ui-item__brand:hover { color: rgb(102, 102, 102); } .ui-item__action { color: rgb(52, 131, 250); font-size: 15px; margin-top: 12px; outline: none; } .ui-item__action + .ui-item__action { margin-left: 24px; } .material .ui-item__title { font-size: 1.125rem; } .ui-review { margin-top: 15px; } .ui-review-total { color: rgb(51, 51, 51); font-size: 12px; vertical-align: 4px; } .ui-review-star { height: 18px; width: 18px; } .ui-review-star__full { fill: rgb(52, 131, 250); } .ui-review-star__half-icon { fill: rgb(52, 131, 250); height: 17px; position: absolute; width: 17px; } .ui-review-star__empty { fill: rgb(221, 221, 221); } .ui-item:hover { text-decoration: none; z-index: 2; } .ui-item::after { border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 7px 16px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; content: ""; height: 100%; opacity: 0; pointer-events: none; position: absolute; top: 0px; transition: opacity 0.18s ease-out 0s; width: 100%; will-change: opacity; z-index: -1; } .ui-item:hover::after { opacity: 1; } .ui-item__image-container { border-top-left-radius: 4px; border-top-right-radius: 4px; overflow: hidden; } .ui-item__image { display: block; } .ui-item { -webkit-font-smoothing: antialiased; background-color: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px, rgba(0, 0, 0, 0.1) 0px -1px 2px 0px; color: rgb(51, 51, 51); display: inline-flex; flex-direction: column; margin: 0px 8px 16px; position: relative; text-decoration: none; z-index: 1; } .ui-item *, .ui-item ::after, .ui-item ::before { box-sizing: border-box; } .ui-item__content { border-top: 1px solid rgba(51, 51, 51, 0.1); padding: 24px 16px 16px; position: relative; } .ui-item__discount-box { align-items: center; border-radius: 1.5rem; column-gap: 0.25rem; display: flex; justify-content: center; margin: 0.75rem 1rem; padding: 0.25rem 0.5rem; position: absolute; z-index: 1; } .ui-item__discount-box--hidden { display: none; } .ui-item__material-content { padding: 1rem; position: relative; } .ui-item__material-price-block { padding-top: 1.25rem; } .ui-item .ui-item__content--with-original-price { padding-top: 0.5rem; } .mshops-recommendations-wrapper .carousel-with-tabs .ui-item { width: 100%; } .mshops-recommendations-wrapper .carousel-with-tabs .ui-item .ui-item__image-container { align-items: center; display: flex; height: 18rem; justify-content: center; width: 100%; } .price-tag.ui-item__price .price-tag-fraction, .price-tag.ui-item__price .price-tag-symbol { align-items: flex-end; display: inline-flex; min-height: 2rem; } .ui-item { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px; display: inline-block; vertical-align: text-top; } .ui-item .ui-item__bookmark { outline: none; } .ui-item .ui-item__title { margin-bottom: 0px; margin-top: 0.375rem; min-height: auto; opacity: 1; } .ui-item.material { box-shadow: none; } .ui-item.material .price-tag__disabled { display: table-row; position: relative; top: 0px; } .ui-item.material.price-digits-5 .price-tag.ui-item__price { font-size: 1.75rem; } .ui-item.material.price-digits-5 .price-tag__disabled { font-size: 1.25rem; } .ui-item.material.price-digits-5.items-per-row-5 .price-tag__disabled { font-size: 1rem; } .ui-item.material.price-digits-6 .price-tag.ui-item__price { font-size: 1.75rem; } .ui-item.material.price-digits-6 .price-tag__disabled { font-size: 1.25rem; } .ui-item.material.price-digits-6.items-per-row-5 .price-tag__disabled { font-size: 1rem; } .ui-item .price-tag__disabled { position: absolute; } .ui-item.price-text .ui-item__price { font-size: 1.25rem; } .ui-item .price-tag-cents { display: none; } .ui-item.price-digits-5 .price-tag.ui-item__price { font-size: 1.4375rem; } .ui-item.price-digits-5 .price-tag__disabled { font-size: 0.875rem; } .ui-item.price-digits-5.items-per-row-5 .price-tag__disabled { font-size: 1rem; } .ui-item.price-digits-6 .price-tag.ui-item__price { font-size: 1.25rem; } .ui-item.price-digits-7 .price-tag.ui-item__price { font-size: 1.125rem; } .ui-item.price-digits-7 .ui-item__discount-text { font-size: 0.75rem; } .ui-item.price-digits-8 .price-tag.ui-item__price { font-size: 1.0625rem; } .ui-item.price-digits-8 .price-tag__disabled { font-size: 0.875rem; } .ui-item.price-digits-8.items-per-row-5 .price-tag__disabled { font-size: 1rem; } .ui-item.price-digits-8 .ui-item__discount-text { font-size: 0.75rem; } .ui-item.price-digits-10 .price-tag.ui-item__price, .ui-item.price-digits-11 .price-tag.ui-item__price, .ui-item.price-digits-9 .price-tag.ui-item__price { font-size: 1rem; } .ui-item.price-digits-10 .price-tag__disabled, .ui-item.price-digits-11 .price-tag__disabled, .ui-item.price-digits-9 .price-tag__disabled { font-size: 0.875rem; } .ui-item.price-digits-10.items-per-row-5 .price-tag__disabled, .ui-item.price-digits-11.items-per-row-5 .price-tag__disabled, .ui-item.price-digits-9.items-per-row-5 .price-tag__disabled { font-size: 1rem; } .ui-item.price-digits-10 .ui-item__discount-text, .ui-item.price-digits-11 .ui-item__discount-text, .ui-item.price-digits-9 .ui-item__discount-text { font-size: 0.75rem; } .low-end a.ui-item .ui-item__bookmark, .low-end a.ui-item:hover .ui-item__bookmark { display: none; } .home:not(.home--custom-html) .ui-item__content .ui-item__shipping .ui-item__shipping-icon { display: none; height: 0.875rem; left: unset; margin-right: 0.1875rem; margin-top: 0.125rem; position: relative; top: unset; width: 1.1875rem; } .home:not(.home--custom-html) .ui-item__content .ui-item__shipping .ui-item__shipping-label { display: block; font-size: 0.75rem; } .home .mshops-recommendations-wrapper .carousel-with-tabs .andes-carousel-snapped.ui-ms-products-carousel .andes-carousel-snapped__wrapper .andes-carousel-snapped__slide .ui-item__wrapper { height: auto; } .home .mshops-recommendations-wrapper .carousel-with-tabs .andes-carousel-snapped.ui-ms-products-carousel .andes-carousel-snapped__wrapper .andes-carousel-snapped__slide .ui-item__wrapper .ui-item, .home .mshops-recommendations-wrapper .carousel-with-tabs .andes-carousel-snapped.ui-ms-products-carousel .andes-carousel-snapped__wrapper .andes-carousel-snapped__slide .ui-item__wrapper .ui-item.original:hover { height: 100% !important; } .ui-item { transition: height 0.1s ease-out 0s; } .ui-item__action, .ui-item__title { opacity: 0; transition: visibility 0s ease 0s; visibility: hidden; } .ui-item__price-block { margin-top: -2px; transition: margin-top 0.1s ease-out 0s; } .ui-item { height: auto; margin: 0px; width: 224px; } .ui-item .ui-item__image-container, .ui-item img { height: 224px; width: 224px; } .ui-item__wrapper { height: auto; margin: 0px 0.5rem 1.75rem; width: 224px; } .ui-item .ui-item__attributes, .ui-item .ui-item__installments { margin-top: 0.25rem; } .ui-item .ui-item__price-block { margin-top: -0.125rem; } .ui-item .ui-item__discount-box { height: 2.5rem; min-width: 6rem; } .ui-item.price-digits-6 .price-tag.ui-item__price { font-size: 1.5rem; } .ui-item.price-digits-6 .price-tag__disabled { font-size: 0.875rem; } .ui-item.price-digits-6.items-per-row-5 .price-tag__disabled { font-size: 1rem; } .ui-item.price-digits-7 .price-tag.ui-item__price { font-size: 1.375rem; } .ui-item.price-digits-7 .price-tag__disabled { font-size: 0.875rem; } .ui-item.price-digits-7.items-per-row-5 .price-tag__disabled { font-size: 1rem; } .ui-item.price-digits-7 .ui-item__discount-text { font-size: 0.875rem; } .ui-item.price-digits-6 .ui-item .ui-item__content, .ui-item.price-digits-7 .ui-item .ui-item__content { padding: 1.5rem 0.625rem 0.875rem 1.5rem; } .ui-item.price-digits-7 .price-tag-cents, .ui-item.price-digits-7 .price-tag-decimal-separator, .ui-item.price-digits-7 .price-tag-fraction, .ui-item.price-digits-7 .price-tag-symbol, .ui-item.price-digits-8 .price-tag-cents, .ui-item.price-digits-8 .price-tag-decimal-separator, .ui-item.price-digits-8 .price-tag-fraction, .ui-item.price-digits-8 .price-tag-symbol { padding-bottom: 0.125rem; } .ui-item .ui-item__card-action { padding: 1rem; } div.mshops-recommendations-wrapper .slick-track, div.mshops-recommendations-wrapper .slick-track .slick-slide, div.mshops-recommendations-wrapper .slick-track .ui-item, div.mshops-recommendations-wrapper .slick-track .ui-item__wrapper, div.mshops-recommendations-wrapper .slick-track .with-installments { display: flex; height: auto !important; } div.mshops-recommendations-wrapper .carousel-with-tabs .slick-slider { height: auto; } div.mshops-recommendations-wrapper div.carousel-container { max-height: unset; } .recommendations .slick-list { height: 392px; margin-bottom: -78px; white-space: nowrap; } .recommendations .ui-item { white-space: normal; } .recommendations .carousel-container .next-button, .recommendations .carousel-container .prev-button { box-sizing: border-box; top: 120px; } .recommendations .wdvms { box-sizing: border-box; padding: 10px; text-align: center; } .recommendations .wdvms-content { height: 100%; overflow: hidden; position: relative; } .recommendations .wdvms-picture { margin: 24px auto 12px; } .recommendations .wdvms-picture img { display: block; } .recommendations .wdvms-picture, .recommendations .wdvms-picture img { height: 70px; width: 70px; } .recommendations .wdvms-label { font-size: 16px; } .recommendations .wdvms-view-more { background-color: rgba(65, 137, 230, 0.4); border-radius: 2px; bottom: 0px; color: rgb(255, 255, 255); font-weight: 600; padding: 5px; position: absolute; width: 100%; } .recommendations .section-header h2.section-header__title--base { font-weight: 700; } .mshops-recommendations-wrapper .carousel-container .ui-item { height: 26.25rem; } .mshops-recommendations-wrapper .ui-item__title { opacity: 1; visibility: visible; } .mshops-recommendations-wrapper .slick-list { height: 100%; margin-bottom: 0px; } .mshops-recommendations-wrapper .slick-track { height: 26.5rem; } .mshops-recommendations-wrapper .ui-item__price-block { margin-top: 8px; } .mshops-recommendations-wrapper .price-tag-cents { display: block; } .mshops-recommendations-wrapper .section-header__title--base { color: rgb(0, 0, 0); font-size: 1rem; font-weight: 700; margin-bottom: 2rem; } .mshops-recommendations-wrapper .section__sub-header h3 { font-size: 1rem; padding: 1rem; } .mshops-recommendations-wrapper .section-eshop__title--layout { align-items: baseline; display: flex; gap: 0.625rem; margin-bottom: 1.5rem; max-width: 75rem; } .mshops-recommendations-wrapper .section-eshop__title--layout a { align-items: center; color: rgb(52, 131, 250); cursor: pointer; display: flex; font-size: 1rem; font-weight: 400; margin-right: 0.5rem; } .mshops-recommendations-wrapper .section-eshop__title--layout a svg path { fill: rgb(52, 131, 250); } .mshops-recommendations-wrapper .section-eshop__title--layout .section-header__title--base { color: rgba(0, 0, 0, 0.9); font-size: 1.5rem; font-weight: 600; margin-bottom: 0px; } .mshops-recommendations-wrapper .ui-ms-section-eshops .slick-slide { margin-right: 1rem; width: 14rem !important; } .mshops-recommendations-wrapper .ui-ms-section-eshops .slick-list { white-space: normal; } .mshops-recommendations-wrapper .ui-ms-section-eshops .andes-carousel-snapped__container.andes-carousel-snapped__container--content { margin-left: 0.625rem; } .mshops-recommendations-wrapper { height: 100%; } .mshops-recommendations-wrapper .carousel-with-tabs .slick-slider { height: 456px; margin: 0px auto; position: relative; width: 1108px !important; } .mshops-recommendations-wrapper .carousel-with-tabs .ui-item__wrapper { height: 100%; margin: 0px 0.40625rem; width: 100%; } .mshops-recommendations-wrapper .carousel-with-tabs .ui-item__wrapper .ui-item { height: 30rem; } .mshops-recommendations-wrapper .carousel-with-tabs .andes-carousel-snapped__control--next, .mshops-recommendations-wrapper .carousel-with-tabs .andes-carousel-snapped__control--previous { background-color: transparent; border: none; border-radius: 0px; display: block; height: 25rem; outline: none; right: -2.5rem; top: 45%; width: 40px; box-shadow: none !important; } .mshops-recommendations-wrapper .carousel-with-tabs .andes-carousel-snapped__control--next svg path, .mshops-recommendations-wrapper .carousel-with-tabs .andes-carousel-snapped__control--previous svg path { fill: rgba(0, 0, 0, 0.25); stroke-width: 1.875rem; } .mshops-recommendations-wrapper .carousel-with-tabs .andes-carousel-snapped__control--next .ui-item__title, .mshops-recommendations-wrapper .carousel-with-tabs .andes-carousel-snapped__control--previous .ui-item__title { visibility: visible; } .mshops-recommendations-wrapper .carousel-with-tabs .andes-carousel-snapped__control--next:active, .mshops-recommendations-wrapper .carousel-with-tabs .andes-carousel-snapped__control--next:hover, .mshops-recommendations-wrapper .carousel-with-tabs .andes-carousel-snapped__control--previous:active, .mshops-recommendations-wrapper .carousel-with-tabs .andes-carousel-snapped__control--previous:hover { box-shadow: none; } .mshops-recommendations-wrapper .carousel-with-tabs .andes-carousel-snapped__container--strict-boundaries { margin-left: 0px; } .mshops-recommendations-wrapper .carousel-with-tabs .ui-item::after { box-shadow: none; } .mshops-recommendations-wrapper .carousel-with-tabs .ui-item__title { opacity: 1; visibility: visible; } .mshops-recommendations-wrapper .carousel-with-tabs .slick-list { height: 100%; margin-bottom: 0px; } .mshops-recommendations-wrapper .carousel-with-tabs .slick-track { height: 392px; } .mshops-recommendations-wrapper .carousel-with-tabs .ui-item__price-block { margin-top: 8px; } .mshops-recommendations-wrapper .carousel-with-tabs .section-header { margin-top: 2rem; width: 100%; } .mshops-recommendations-wrapper .carousel-with-tabs .carousel-with-tabs__tabs-list { margin-bottom: 0px; text-align: left; width: 100%; } .mshops-recommendations-wrapper .carousel-with-tabs .carousel-with-tabs__tabs-list .tabs-list__item { color: rgba(0, 0, 0, 0.9); cursor: pointer; display: inline-block; font-size: 18px; font-weight: 700; padding: 0px 24px; text-overflow: ellipsis; transition: all 0.2s ease 0s; } .mshops-recommendations-wrapper .carousel-with-tabs .carousel-with-tabs__tabs-list .tabs-list__item div { border-bottom: 2px solid transparent; padding-bottom: 0.625rem; } .mshops-recommendations-wrapper .carousel-with-tabs .carousel-with-tabs__tabs-list .tabs-list__item div:focus { outline: none !important; } .mshops-recommendations-wrapper .carousel-with-tabs .carousel-with-tabs__tabs-list .tabs-list__item:first-child { border-left: none; } .mshops-recommendations-wrapper .carousel-with-tabs .carousel-with-tabs__tabs-list .tabs-list__item--active div, .mshops-recommendations-wrapper .carousel-with-tabs .carousel-with-tabs__tabs-list .tabs-list__item--without-underline { border-color: rgb(52, 131, 250); color: rgb(52, 131, 250); font-weight: 700; } .mshops-recommendations-wrapper .carousel-with-tabs .carousel-with-tabs__tabs-list .tab-item-label { max-width: 15.625rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mshops-recommendations-wrapper .carousel-with-tabs .carousel-with-tabs__carousel { animation: 0.3s ease-out 0s 1 normal none running toggle; } @keyframes toggle { 0% { opacity: 0; } 100% { opacity: 1; } } .mshops-recommendations-wrapper .carousel-with-tabs .andes-carousel-snapped__slide img { height: 14rem; width: 14rem; } .products-carousel-title { color: rgba(0, 0, 0, 0.55); font-size: 1.625rem; font-style: normal; font-weight: 400; line-height: 1.25rem; margin-bottom: 1rem; margin-left: 0.625rem; text-align: left; width: 100%; } .products-carousel-action { align-items: baseline; cursor: pointer; display: flex; justify-content: flex-end; margin-bottom: 2rem; margin-top: -26px; width: 100%; } .products-carousel-action svg { display: inline-block; vertical-align: middle; } .products-carousel-action svg path { fill: rgb(52, 131, 250); } .products-carousel-action__label { color: rgb(52, 131, 250); font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.25rem; } .grid-container { align-content: stretch; box-sizing: border-box; display: inline-flex; position: relative; width: 100%; } .grid-container .ui-item__wrapper { flex-grow: 1; height: auto; max-width: 584px; width: 100%; } .grid-container .ui-item__wrapper a { height: 100%; width: 100%; } .grid-container .ui-item:hover, .grid-container .ui-item:hover.with-discount, .grid-container .ui-item:hover.with-installments { height: 100%; } .grid-container .ui-item__image-container { width: 100%; } .grid-container .ui-item__image-container img { margin: auto; } .grid-container .price-tag, .grid-container .ui-item__title { opacity: 1; visibility: visible; } .grid-container .price-tag { top: 14px; } .grid-container .ui-item:hover.with-discount { height: 100% !important; } .grid-container__items-per-row-one { display: flex; justify-content: center; } .mshops-recommendations-wrapper .recommendations .section-header__title-container .section-header__title { color: rgba(0, 0, 0, 0.55); } .mshops-recommendations-wrapper .recommendations .section__sub-header h3 { color: rgba(0, 0, 0, 0.9); cursor: pointer; } .grid-container .original.ui-item.items-per-row-2 { min-height: 24.5rem; } .grid-container .ui-item__wrapper.material__wrapper.items-per-row-2__wrapper { height: 15rem; width: 30.625rem; } .grid-container .ui-item__wrapper.material__wrapper.items-per-row-2__wrapper a { display: grid; grid-template-columns: 50% 50%; } .grid-container .material.items-per-row-2 .ui-item__image-container { margin: auto; } .grid-container .material.items-per-row-2 .ui-item__material-content { display: grid; grid-template-rows: repeat(2, 50%); } .grid-container .material.items-per-row-2 .ui-item__material-content--with-shipping { align-content: center; grid-template-rows: repeat(3, fit-content(33%)); } .grid-container .material.items-per-row-2 .ui-item__title { align-self: flex-end; } .grid-container .material.items-per-row-5 .ui-item__title { font-size: 1rem; } .grid-container .material.items-per-row-5 .ui-item__material-price-block { padding-top: 0.5rem; } .grid-container .material.items-per-row-5 .ui-item__material-installments { font-size: 1rem; } .grid-container .ui-eshop-item__card--not-relevant { margin: 0px 0.5rem; } .grid-container .ui-item-grid__six { width: 14.1875rem !important; } .grid-container .ui-item-grid__five { width: 17.75rem !important; } .grid-container .ui-item-grid__four { width: 24rem !important; } .home.home--explorer .grid-container .original.ui-item.items-per-row-2 { min-height: 23.75rem; } .section-category__container { flex-direction: column; padding: 0px 0.5rem; } .section-category__title { font-size: 1.5rem; font-weight: 700; line-height: 125%; } .section-category__columns { align-items: center; display: grid; grid-auto-flow: row; width: 100%; } .section-category__title { color: rgba(0, 0, 0, 0.9); font-weight: 600; text-align: center; } .section-category__columns__item .section-category-item:first-child .section-category-item__title, .section-category__columns__item .section-category-item:nth-child(2) .section-category-item__title, .section-category__columns__item .section-category-item:nth-child(3) .section-category-item__title, .section-category__columns__item .section-category-item:nth-child(4) .section-category-item__title, .section-category__columns__item .section-category-item:nth-child(5) .section-category-item__title, .section-category__columns__item .section-category-item:nth-child(6) .section-category-item__title, .section-category__columns__item > div:first-child > .section-category-item .section-category-item__title, .section-category__columns__item > div:nth-child(2) > .section-category-item .section-category-item__title, .section-category__columns__item > div:nth-child(3) > .section-category-item .section-category-item__title, .section-category__columns__item > div:nth-child(4) > .section-category-item .section-category-item__title, .section-category__columns__item > div:nth-child(5) > .section-category-item .section-category-item__title, .section-category__columns__item > div:nth-child(6) > .section-category-item .section-category-item__title { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: normal !important; } .section-category__title { margin-top: 2rem; } .section-category__columns { gap: 1rem; margin: 2rem 0px; } .section-category__columns__item { grid-template-columns: repeat(2, minmax(min(100%, 200px), 588px)); } .section-category__columns__item > .section-category-item:first-child, .section-category__columns__item > div:first-child > .section-category-item { grid-area: ad1; } .section-category__fake-item { background-color: rgb(255, 255, 255); } .section-category__columns--2item, .section-category__columns--minItem { grid-template-areas: "ad1 ad2"; grid-template-rows: repeat(1, 25rem); } .section-category__columns--3item { grid-template-areas: "ad1 ad2" "ad1 ad3"; grid-template-rows: repeat(2, 14.875rem); } .section-category__columns--4item { grid-template-areas: "ad1 ad3" "ad1 ad4" "ad2 ad4"; grid-template-rows: 16.125rem 6.625rem 16.125rem; } .section-category__columns--4item > .section-category-item:nth-child(4), .section-category__columns--4item > div:nth-child(4) > .section-category-item { grid-area: ad4; } .section-category__columns--5item { grid-template-areas: "ad1 ad3" "ad1 ad4" "ad2 ad4" "ad2 ad5"; grid-template-rows: 22.5rem 7.125rem 6.875rem 15rem; } .section-category__columns--5item > .section-category-item:nth-child(2), .section-category__columns--5item > div:nth-child(2) > .section-category-item { grid-area: ad2; } .section-category__columns--5item > .section-category-item:nth-child(3), .section-category__columns--5item > div:nth-child(3) > .section-category-item { grid-area: ad3; } .section-category__columns--5item > .section-category-item:nth-child(4), .section-category__columns--5item > div:nth-child(4) > .section-category-item { grid-area: ad4; } .section-category__columns--5item > .section-category-item:nth-child(5), .section-category__columns--5item > div:nth-child(5) > .section-category-item { grid-area: ad5; } .section-category__columns--6item { grid-template-areas: "ad1 ad4" "ad2 ad4" "ad2 ad5" "ad3 ad5" "ad3 ad6"; grid-template-rows: 15rem 6.25rem 7.75rem 6.25rem 15rem; } .section-category__columns--6item > .section-category-item:nth-child(2), .section-category__columns--6item > div:nth-child(2) > .section-category-item { grid-area: ad2; } .section-category__columns--6item > .section-category-item:nth-child(3), .section-category__columns--6item > div:nth-child(3) > .section-category-item { grid-area: ad3; } .section-category__columns--6item > .section-category-item:nth-child(4), .section-category__columns--6item > div:nth-child(4) > .section-category-item { grid-area: ad4; } .section-category__columns--6item > .section-category-item:nth-child(5), .section-category__columns--6item > div:nth-child(5) > .section-category-item { grid-area: ad5; } [data-andes-carousel-snapped-control] { box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 2px 0px; position: absolute; z-index: 1; } [data-andes-carousel-snapped-control]:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } [data-andes-carousel-snapped-control]:focus-visible { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } [data-andes-carousel-snapped-control]:focus:not(:focus-visible) { box-shadow: none; outline: none; } [data-andes-carousel-snapped-control][data-andes-position="bottom"] { bottom: 0px; left: 50%; top: unset; } [data-andes-carousel-snapped-control][data-andes-position="bottom-end"] { bottom: 0px; left: unset; right: 0px; top: unset; } [data-andes-carousel-snapped-control][data-andes-position="bottom-start"] { bottom: 0px; left: 0px; top: unset; } [data-andes-carousel-snapped-control][data-andes-position="left"] { left: 0px; top: 50%; } [data-andes-carousel-snapped-control][data-andes-position="right"] { left: unset; right: 0px; top: 50%; } [data-andes-carousel-snapped-control][data-andes-position="top"] { left: 50%; top: 0px; } [data-andes-carousel-snapped-control][data-andes-position="top-end"] { left: unset; right: 0px; top: 0px; } [data-andes-carousel-snapped-control][data-andes-position="top-start"] { left: 0px; top: 0px; } [data-andes-carousel-snapped-control]:active, [data-andes-carousel-snapped-control]:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px 0px; } [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: rgba(0, 0, 0, 0.12) 0px 1px 2px 0px; } [data-andes-carousel-snapped-control]:not(:focus-visible):hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px 0px; } .andes-carousel-snapped { height: 100%; } .andes-carousel-snapped--scroll-hidden { margin: -10px; overflow-x: hidden; padding: 10px; } .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: 0px; padding: 0px; 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: nowrap; } .andes-carousel-snapped__slide { cursor: grab; display: flex; flex-shrink: 0; height: 100%; width: 100%; } .andes-carousel-snapped__slide--spacing-12 { margin-right: 12px; } .andes-carousel-snapped__slide--spacing-16 { margin-right: 16px; } .andes-carousel-snapped__slide--spacing-20 { margin-right: 20px; } .andes-carousel-snapped__slide--spacing-24 { margin-right: 24px; } .andes-carousel-snapped__slide img { display: block; height: 100%; object-fit: cover; object-position: center top; width: 100%; } .andes-carousel-snapped__control { align-items: center; background-color: rgb(255, 255, 255); border: 0px; cursor: pointer; display: flex; height: 64px; justify-content: center; opacity: 0; padding: 0px; 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: rgb(52, 131, 250); } .andes-carousel-snapped__control__icon-container { display: flex; } .andes-carousel-snapped__pagination { display: flex; list-style: none; padding: 0px; } .andes-carousel-snapped__pagination[data-andes-carousel-snapped-pagination] { margin: 0px; position: absolute; } .andes-carousel-snapped__pagination[data-andes-carousel-snapped-pagination][data-andes-position="bottom"] { bottom: 0px; left: 50%; top: unset; } .andes-carousel-snapped__pagination[data-andes-carousel-snapped-pagination][data-andes-position="bottom-end"] { bottom: 0px; left: unset; right: 0px; top: unset; } .andes-carousel-snapped__pagination[data-andes-carousel-snapped-pagination][data-andes-position="bottom-start"] { bottom: 0px; left: 0px; right: unset; top: unset; } .andes-carousel-snapped__pagination[data-andes-carousel-snapped-pagination][data-andes-position="left"] { left: 0px; top: 50%; } .andes-carousel-snapped__pagination[data-andes-carousel-snapped-pagination][data-andes-position="right"] { left: unset; right: 0px; top: 50%; } .andes-carousel-snapped__pagination[data-andes-carousel-snapped-pagination][data-andes-position="top"] { bottom: unset; left: 50%; top: 0px; } .andes-carousel-snapped__pagination[data-andes-carousel-snapped-pagination][data-andes-position="top-end"] { bottom: unset; left: unset; right: 0px; top: 0px; } .andes-carousel-snapped__pagination[data-andes-carousel-snapped-pagination][data-andes-position="top-start"] { bottom: unset; left: 0px; right: unset; top: 0px; } .andes-carousel-snapped__pagination [data-andes-carousel-snapped-pagination-item] { display: flex; } .andes-carousel-snapped__pagination [data-andes-carousel-snapped-pagination-item] button { border: 0px; border-radius: 50%; height: 6px; margin: 0px 2px; padding: 0px; width: 6px; } @media (prefers-reduced-motion: no-preference) { .andes-carousel-snapped__pagination [data-andes-carousel-snapped-pagination-item] button { transition: background-color 0.35s ease-in-out 0s, box-shadow 0.35s ease-in-out 0s; } } .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: rgb(52, 131, 250); } .andes-carousel-snapped__pagination--position-bottom { justify-content: center; margin: 12px 0px auto; } .andes-carousel-snapped__pagination--position-top { align-self: flex-end; display: inline-flex; margin: 0px 0px 0px auto; width: max-content; } .andes-carousel-snapped__pagination--position-inner { bottom: 16px; margin: 0px; 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, 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: rgb(52, 131, 250); } .andes-carousel-snapped__pagination--dark [data-andes-carousel-snapped-pagination-item] [data-andes-carousel-snapped-pagination-action] { background-color: rgba(0, 0, 0, 0.25); box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset; } .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: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px inset; } @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: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px; } } .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: 0px; right: unset; transform: rotate(0deg) translateY(-50%); } .andes-carousel-snapped__container--full .andes-carousel-snapped__control--next { left: unset; right: 0px; transform: rotate(180deg) translateY(50%); } .andes-carousel-free { outline: none; overflow: auto hidden; } .andes-carousel-free__list { display: inline-flex; list-style: none; margin: 0px; padding: 0px; } .andes-carousel-free .andes-carousel-free__list--spacing-12 .andes-carousel-free__slide:not(:last-child) { margin-right: 12px; } .andes-carousel-free .andes-carousel-free__list--spacing-16 .andes-carousel-free__slide:not(:last-child) { margin-right: 16px; } .andes-carousel-free .andes-carousel-free__list--spacing-24 .andes-carousel-free__slide:not(:last-child) { margin-right: 24px; } .andes-carousel-free__slide { display: flex; } .andes-carousel-free::-webkit-scrollbar, .andes-carousel-free::-webkit-scrollbar-thumb { background-color: transparent; height: 0px; width: 0px; } .andes-carousel-free::-webkit-scrollbar-track { background-color: transparent; box-shadow: transparent 0px 0px 6px inset; } .carousel__container { align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 0.75rem; } .carousel__container .carousel__container-body { max-width: 71.875rem; } .carousel__container .carousel__container-body .carousel__container-body-header .carousel__container-body-header-title { font-size: 1.5rem; font-weight: 600; line-height: 1.875rem; margin-bottom: 0.5rem; } .carousel__container .carousel__container-body .carousel__container-body-header .carousel__container-body-header-subtitle { font-size: 1.125rem; font-weight: 400; line-height: 1.375rem; margin-bottom: 1.5rem; } .carousel__container .carousel__container-body .carousel__item { background-color: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.04) 6px 7px 5px -3px; width: 100%; } .carousel__container .carousel__container-body .carousel__item .carousel__item-foot { align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 0.75rem; } .carousel__container .carousel__container-body .carousel__item .carousel__item-foot .carousel__item-foot-title { display: -webkit-box; font-size: 1.25rem; font-weight: 600; height: 3rem; margin-bottom: 0.75rem; overflow: hidden; position: relative; text-align: center; text-overflow: ellipsis; white-space: normal !important; } .carousel__container .carousel__container-body .carousel__item .carousel__item-foot .carousel__item-foot-subtitle { color: rgb(115, 115, 115); font-size: 1.125rem; font-weight: 400; line-height: 1.375rem; margin-bottom: 0.75rem; text-align: center; } .carousel__container .carousel__container-body .carousel__item .carousel__item-foot .andes-button--loud, .carousel__container .carousel__container-body .carousel__item .carousel__item-foot .andes-button--loud:link { font-family: inherit; font-size: 0.875rem; height: 2rem; margin: 0.25rem; padding-left: 0.625rem; padding-right: 0.625rem; } .carousel__container .carousel__container-body .carousel__item .carousel__item-foot .andes-button__content { align-items: center; display: flex; justify-content: center; } .carousel__container { height: 37.8125rem; margin: 1.25rem; } .carousel__container .andes-carousel-snapped__container--full .andes-carousel-snapped__control { border-radius: 50%; height: 3.5rem; width: 3.5rem; } .carousel__container .carousel__container-body { width: 80%; } .carousel__container .carousel__container-body .andes-carousel-snapped__container--full .andes-carousel-snapped__control--previous { left: 0.3125rem; } .carousel__container .carousel__container-body .andes-carousel-snapped__container--full .andes-carousel-snapped__control--next { right: 0.3125rem; } .carousel__container .carousel__container-body .carousel__container-body-header { margin-left: 2.125rem; } .carousel__container .carousel__item { margin: 0px 2.25rem; } .carousel__container .carousel__item .carousel__item-image { height: 20.625rem; width: 31.875rem; } .carousel__container .carousel__item .carousel__item-image img { border-radius: 10px 10px 0px 0px; object-fit: cover; } .carousel__container .carousel__item .carousel__item-image-3 { height: 13.125rem; width: 21.25rem; } .carousel__container .carousel__item .carousel__item-image-4 { height: 9.875rem; width: 15.9375rem; } .carousel__container .carousel__item .carousel__item-image-empty { display: flex; height: 20.625rem; justify-content: center; } .carousel__container .carousel__item .carousel__item-image-empty img { object-fit: fill; width: 60%; } .carousel__container .carousel__item .carousel__item-image-default img { object-fit: contain; } .carousel__container .carousel__item .carousel__item-foot .carousel__item-foot-title { display: -webkit-box; font-size: 1.25rem; font-weight: 600; height: 3rem; margin-bottom: 0.75rem; overflow: hidden; padding-bottom: 0.25rem; position: relative; text-align: center; text-overflow: ellipsis; white-space: normal !important; } .carousel__container .carousel__item--3 { margin: 0px 1.5rem; } .carousel__container .carousel__item--4 { margin: 0px 1rem; } .carousel__container-3 { height: 30.3125rem; } .carousel__container-3 .carousel__container-body .andes-carousel-snapped__container--full .andes-carousel-snapped__control--previous { left: -0.4375rem; } .carousel__container-3 .carousel__container-body .andes-carousel-snapped__container--full .andes-carousel-snapped__control--next { right: -0.4375rem; } .carousel__container-3 .carousel__container-body .carousel__container-body-header { margin-left: 1.375rem; } .carousel__container-4 { height: 27.0625rem; } .carousel__container-4 .carousel__container-body .andes-carousel-snapped__container--full .andes-carousel-snapped__control--previous { left: -1rem; } .carousel__container-4 .carousel__container-body .andes-carousel-snapped__container--full .andes-carousel-snapped__control--next { right: -1rem; } .carousel__container-4 .carousel__container-body .carousel__container-body-header { margin-left: 1rem; } .column-discovery__title { font-weight: 600; letter-spacing: 1.5px; } .column-discovery__wrapper { align-items: center; display: flex; justify-content: center; } .label-image--material-fake-large .label-image__background { background-color: rgb(255, 255, 255); display: grid; grid-template-rows: repeat(3, 1fr); } .label-image--material-fake-large .label-image__background .image-container { height: 100%; width: 100%; } .label-image--material-fake-small .label-image__background { background-color: rgb(255, 255, 255); display: grid; grid-template-columns: repeat(2, 1fr); } .label-image--material-fake-small .label-image__background .image-container { align-self: center; grid-column: 2; height: 100%; width: 100%; } .image-material { width: 100%; } .label-image__fake-title { align-self: baseline; color: rgb(0, 0, 0); height: 100%; padding: 2rem; } .image-container .image-container--center { left: 50%; position: absolute; top: 40%; transform: translate(-50%, -50%); } .column-discovery { margin: auto; max-width: 1184px; padding-top: 32px; } .column-discovery__title { font-size: 1.5rem; margin-bottom: 24px; } .column-discovery__columns { column-count: 2; column-gap: 24px; width: 100%; } .payment-data { margin: 16px 0px; min-height: 0px; } .payment-data .container, .payment-data .section-text__container { width: 100%; } .payment-data .payment-data-container { background-color: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px; display: flex; height: 90px; margin: 0px auto; max-width: 1184px; overflow: hidden; } .payment-data .payment-data-group { display: flex; flex-wrap: wrap; } .payment-data .payment-data-group-normal, .payment-data .payment-data-group-promo { flex: 1 1 auto; } .payment-data .payment-data-section { flex: 1 0 auto; font-size: 18px; height: 90px; padding: 20px; white-space: nowrap; } .payment-data .payment-data-section-promo { flex: 0 1 auto; } .payment-data .payment-data-section-promo-logo { display: flex; padding: 0px; } .payment-data .payment-data-title { display: inline-block; margin-top: 1px; } .payment-data .payment-data-issuer { margin: auto; } .payment-data .payment-data-icon { float: left; height: 54px; margin-right: 16px; width: 48px; } .payment-data .payment-data-subtitle { color: rgb(153, 153, 153); font-size: 14px; margin-top: -1px; } .payment-data .payment-data-subtitle .ui-link, .payment-data .payment-data-subtitle a { color: rgba(65, 137, 230, 0.4); text-decoration: none; } .payment-data .payment-data-subtitle .ui-link:hover, .payment-data .payment-data-subtitle a:hover { color: rgb(18, 89, 195); } .payment-data.MLB .payment-data-group-normal .payment-data-section-normal { max-width: 253px; } .payment-data.MLB .payment-data-group-trailing .payment-data-section-trailing { border: 0px; } .payment-data-section-leading, .payment-data-section-trailing { border: 0px solid rgb(238, 238, 238); flex: 0 1 auto; min-width: 236px; } .payment-data-section-trailing { border-left-width: 1px; } .payment-data-section-leading { border-right-width: 1px; box-sizing: border-box; color: rgb(51, 51, 51); padding-left: 32px; position: relative; } @media (max-width: 970px) { .payment-data-section-leading { display: none; } } .payment-data-section-leading::before { background-color: rgba(65, 137, 230, 0.4); bottom: 4px; content: ""; left: 4px; position: absolute; top: 4px; width: 4px; } .payment-data.payment-data-mla .carousel-container { padding: 0px 20px 0px 15px; } .payment-data.payment-data-mla .carousel-container.arrow-visible .slick-slider .next-button { right: -16px; } .payment-data.payment-data-mla .carousel-container.arrow-visible .slick-slider .prev-button { left: -15px; } .payment-data.payment-data-mla .carousel-container.arrow-visible .slick-slider .next-button::before, .payment-data.payment-data-mla .carousel-container.arrow-visible .slick-slider .prev-button::before { color: rgba(51, 51, 51, 0.1); } .payment-data.payment-data-mla .carousel-container.arrow-visible .slick-slider .next-button, .payment-data.payment-data-mla .carousel-container.arrow-visible .slick-slider .prev-button { background: transparent; box-shadow: none; display: inline; top: 18px; } .payment-data.payment-data-mla .carousel-container .slick-slider { margin: 0px 0px 0px 10px; } .payment-data.payment-data-mla .slick-slide { height: 90px; width: 138.333px; } .payment-data.payment-data-mla .slick-slide .carousel-item { height: 40px; left: 0px; position: absolute; right: 0px; text-align: center; top: 50%; transform: translateY(-50%); width: 138.333px; } .payment-data.payment-data-mla .slick-slide .carousel-item .carousel-item-card { display: inline-block; } .payment-data.payment-data-mla .slick-slide .carousel-item .carousel-item-description { bottom: -10px; color: rgb(66, 66, 66); font-size: 14px; left: 0px; margin: 0px; position: absolute; right: 0px; text-align: center; } .payment-data.payment-data-mla .payment-data-group { position: relative; } .payment-data.payment-data-mla .payment-data-group::after { background-color: rgba(51, 51, 51, 0.1); content: ""; height: 40px; position: absolute; right: 10px; top: 27px; width: 1px; } .payment-data.payment-data-mla .payment-data-title { display: block; } .payment-data.payment-data-mla .payment-data-section > .payment-data-subtitle { margin: 0px 18px 0px 0px; } .payment-data.payment-data-mla .payment-data-subtitle { display: inline; } .hub__carousel { border: 0px; margin: 1.25rem auto; max-height: 12.5rem; max-width: 75rem; outline: 0px; overflow: hidden; padding: 1.25rem 0px; vertical-align: baseline; } .hub__carousel .andes-carousel-snapped__slide { justify-content: center; } .hub__carousel .andes-carousel-snapped__wrapper .andes-carousel-snapped__slide img { height: auto; } .hub__carousel .andes-carousel-snapped__pagination { display: none !important; } @media (min-width: 768px) { .hub__carousel { overflow: hidden; padding: 1.875rem 0px; } } .hub__carousel .carousel__brands-ul, .hub__carousel .carousel__ul { margin: 0px auto; max-width: 1120px; position: relative; text-align: center; } @media (max-width: 768px) { .hub__carousel .carousel__brands-ul, .hub__carousel .carousel__ul { min-width: 100%; } } .hub__carousel .carousel__brands-ul .carousel-mobile-list, .hub__carousel .carousel__ul .carousel-mobile-list { margin: 0px auto; } .hub__carousel .carousel__brands-ul .carousel-mobile-list-element, .hub__carousel .carousel__ul .carousel-mobile-list-element { padding-bottom: 0.75rem; vertical-align: top; } .hub__carousel .carousel__brands-ul .carousel-mobile-list-element:first-child, .hub__carousel .carousel__ul .carousel-mobile-list-element:first-child { margin-left: 0.25rem; } .hub__carousel .carousel__brands-ul .carousel__item, .hub__carousel .carousel__ul .carousel__item { height: auto; margin: 0px 0.5rem; width: 5.5rem; } @media (min-width: 768px) { .hub__carousel .carousel__brands-ul .carousel__item, .hub__carousel .carousel__ul .carousel__item { width: 100px; } } .hub__carousel .carousel__brands-ul .carousel__item-img, .hub__carousel .carousel__ul .carousel__item-img { background-color: rgb(255, 255, 255); box-sizing: border-box; height: 5.5rem; overflow: hidden; padding: 0.625rem; position: relative; text-align: center; z-index: 1; } @media (min-width: 768px) { .hub__carousel .carousel__brands-ul .carousel__item-img, .hub__carousel .carousel__ul .carousel__item-img { height: 100px; } } .hub__carousel .carousel__brands-ul .carousel__item-img img, .hub__carousel .carousel__ul .carousel__item-img img { display: inline; width: 100%; } .hub__carousel .carousel__brands-ul .carousel__item a, .hub__carousel .carousel__ul .carousel__item a { text-decoration: none; } .hub__carousel .carousel__brands-ul--square .carousel__item-img, .hub__carousel .carousel__ul--square .carousel__item-img { border-radius: 0px; } .hub__carousel .carousel__brands-ul--circle .carousel__item-img, .hub__carousel .carousel__ul--circle .carousel__item-img { border-radius: 50%; } .hub__carousel .carousel__ul .carousel__item-title { color: rgb(74, 74, 74); font-size: 12px; font-weight: 400; line-height: 1.2; margin: 0px; padding-top: 0.75rem; text-align: center; text-decoration: none; text-transform: uppercase; white-space: normal; } @media (min-width: 768px) { .hub__carousel .carousel__ul .carousel__item-title { padding-top: 1rem; } } @media (max-width: 768px) { .hub__carousel .carousel__brands-ul { margin: 0px auto; max-width: 1120px; padding: 0px; position: relative; text-align: center; } } .hub__carousel .carousel__brands-ul .carousel__item-img { align-items: center; display: flex; } .hub__carousel .carousel__brands-ul .carousel__item { display: inline-block; height: auto; margin: 0px 0.75rem; } .hub__carousel .carousel__brands-ul .carousel__item-title { display: none; } @media (min-width: 768px) { .hub__carousel .carousel__brands-ul .carousel__item-title { display: none; } } .hub__carousel .andes-carousel-snapped__control:not(:focus-visible):focus, .hub__carousel .andes-carousel-snapped__control:not(:focus-visible):hover { box-shadow: none; } .hub__carousel .andes-carousel-snapped__control path, .hub__carousel .andes-carousel-snapped__control svg { fill: rgb(51, 51, 51); } .hub__carousel .andes-carousel-snapped__control--next, .hub__carousel .andes-carousel-snapped__control--previous { background: 0px 0px transparent; box-shadow: none; } .hub__carousel .title { color: rgb(51, 51, 51); display: block; font-family: "Proxima Nova"; font-size: 16px; font-weight: 400; letter-spacing: 1.5px; margin: 0px; padding: 0px 0.625rem 1.5625rem; text-align: center; text-transform: uppercase; } @media (min-width: 768px) { .hub__carousel .title { padding-bottom: 1.5rem; } } .card-with-image-price { border-radius: 6px; color: rgb(0, 0, 0); height: 110px; } .card-with-image-price.dark { background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); } .card-with-image-price.dark .card-with-image-price__text-content { color: rgb(255, 255, 255); } .card-with-image-price.light { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } .card-with-image-price.light .card-with-image-price__text-content { color: rgb(0, 0, 0); } .card-with-image-price .card-with-image-price__url { display: flex !important; width: 100% !important; } .card-with-image-price .card-with-image-price__image-wrapper { align-items: center; background-color: rgb(255, 255, 255); border-radius: 6px 0px 0px 6px; display: flex; height: 110px; justify-content: center; width: 140px; } .card-with-image-price .card-with-image-price__image-wrapper .card-with-image-price__img { height: auto; max-height: 110px; max-width: 140px; width: auto; } .card-with-image-price .card-with-image-price__text-content { color: rgb(0, 0, 0); display: flex; flex-direction: column; flex-grow: 1; justify-content: center; } .card-with-image-price .card-with-image-price__text-content .card-with-image-price__label { font-size: 12px; line-height: 14px; margin-bottom: 8px; text-transform: uppercase; } .card-with-image-price .card-with-image-price__text-content .ui-item__price .price-tag-cents { position: relative; top: -1px; } .card-with-image-price { flex: 1 1 0%; margin-top: 24px; max-width: 378px; } .card-with-image-price:not(:last-child) { margin-right: 24px; } .price-and-image { display: flex; flex-direction: column; user-select: none; } .price-and-image, .price-and-image.dark { background-color: rgb(51, 51, 51); } .price-and-image.dark .price-and-image__title { color: rgb(255, 255, 255); font-weight: 700; } .price-and-image.light { background-color: rgba(0, 0, 0, 0.07); } .price-and-image.light .price-and-image__title { color: rgb(51, 51, 51); font-weight: 700; } .price-and-image__row { display: flex; justify-content: center; margin-left: 0.5rem; width: 100%; } .price-and-image__title { font-weight: 700; text-transform: uppercase; width: 100%; } .price-and-image-empty-state { opacity: 0.7; } .price-and-image-empty-state:hover { opacity: 0.5; } .price-and-image__title { font-size: 16px; text-align: center; } .price-and-image__container { padding: 48px 0px 56px !important; } .site-shopping-info { background-color: rgb(255, 255, 255); overflow: hidden; } .site-shopping-info .info-slide { box-sizing: border-box; padding: 2.1875rem 2.8125rem 1.25rem; position: relative; text-align: center; } .site-shopping-info .info-slide > .img-container { height: 4.5rem; } .site-shopping-info .info-slide > .img-container img { vertical-align: middle; } .site-shopping-info .info-slide .info-slide__title, .site-shopping-info .info-slide h2 { color: rgb(75, 75, 75); font-size: 1.25rem; font-weight: 600; line-height: 1.45; margin: 1rem 0px 0px; text-align: center; } .site-shopping-info .info-slide p { color: rgb(26, 26, 26); font-size: 0.9375rem; line-height: 1.25; margin: 0.25rem 0px 0.625rem; text-align: center; } .site-shopping-info .info-slide a { color: rgba(65, 137, 230, 0.4); font-size: 0.875rem; text-decoration: none; } .site-shopping-info .info-slide__disclaimer::after { content: "*"; } .site-shopping-info .info-slide__shipping-conditions::before { content: "*"; padding-left: 0.25rem; padding-right: 0.25rem; } .site-shopping-info .container, .site-shopping-info .section-text__container { display: flex; justify-content: space-between; overflow: auto; padding: 0px; width: 75rem; } .site-shopping-info .info-slide { width: 25rem; } .site-shopping-info .info-slide + .info-slide::before { background-color: rgb(226, 226, 226); content: ""; display: block; height: 12.5rem; left: 0px; position: absolute; top: 50px; width: 0.0625rem; } .site-shopping-info .info-slide:last-child h2, .site-shopping-info .info-slide__title { margin: 1.25rem 0px; } .site-shopping-info a:hover { color: rgb(52, 131, 250); } @media screen and (max-width: 769px) { .site-shopping-info { display: flex; margin-top: 3.75rem; width: 100vw; } } .home--material .site-shopping-info { margin-bottom: 2rem; } .label-image { display: flex; position: relative; } .label-image__background { border-radius: 0.375rem; height: 100%; width: 100%; } .label-image__position { border-radius: 6px; height: 100%; object-fit: cover; width: 100%; } .image-container, .label-image__text { display: flex; justify-content: center; } .label-image__text { align-items: center; border-radius: 0px 0px 6px 6px; bottom: 0px; box-sizing: border-box; left: 0px; padding: 0px 1.5rem; position: absolute; right: 0px; text-transform: uppercase; width: 100%; } .label-image__text--custom { opacity: 0.8; } .label-image__text--custom p { opacity: 1; text-align: center; } .label-image__text--dark { background-color: rgba(0, 0, 0, 0.65); color: rgb(255, 255, 255); } .label-image__text--light { background-color: rgba(255, 255, 255, 0.85); color: rgb(0, 0, 0); } .label-image--behavior-hide .label-image__text { display: none; } .label-image__material { color: rgb(0, 0, 0); width: 100%; } .label-image__material--large { display: flex; flex-direction: column; } .label-image { margin-bottom: 24px; max-width: 580px; } .label-image--small { height: 232px; } .label-image--large { height: 488px; } .label-image__text { font-size: 24px; height: 92px; letter-spacing: 4px; padding: 0px 48px; } .label-image--behavior-hover .label-image__text { height: 0px; transition: height 0.3s ease-out 0s, visibility 0.2s ease-out 0s; visibility: hidden; } .label-image--behavior-hover:hover .label-image__text { height: 92px; transition: height 0.3s ease-in-out 0s, visibility 0.4s ease-in-out 0.1s; visibility: visible; } .label-image__material-title { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; margin-bottom: 20px; max-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: normal; } .label-image__material-divider { border-top: 2px solid; width: 32px; } .label-image__material-button { margin: 24px 32px 40px 40px; } .label-image__material-button button { background-color: transparent; border: 1px solid; border-radius: 8px; cursor: pointer; font-size: 18px; height: 54px; width: 180px; } .label-image__material-header { margin: 40px 40px 24px; } .label-image__material-background--large { border-radius: 0px; height: 254px; } .label-image__material--small { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 116px); } .label-image__material--small .label-image__material-title { max-width: 210px; } .label-image__material--large .label-image__material-title { max-width: 480px; } .label-image__material-background--small { border-radius: 0px; grid-area: -1 / 2 / -3; } .message-container { align-items: center; display: flex; height: 2.5rem; justify-content: center; padding: 0.5rem 0px; width: 100%; } .message-container .message-container__text { color: rgb(26, 26, 26); font-size: 1rem; margin-left: 0.75rem; } .message-container .message-container__text button { margin-left: 0.5rem; } .message-container .message-container__text .message-container__button { font-size: 1rem; font-weight: 600; } .message-container--info { background: rgba(65, 137, 230, 0.1); } .message-container--warning { background: rgba(255, 119, 51, 0.4); } .message-container--error { background: rgba(249, 49, 35, 0.1); } .section-category-item { height: 100%; width: 100%; } .section-category-item__image-default { background-color: rgb(255, 255, 255); } .section-category-item__image-default .section-category-item__image { object-fit: contain !important; } .section-category-item--hide .section-category-item__header { display: none; } .section-category-item__container { display: grid; grid-auto-flow: row; grid-template-columns: repeat(1, minmax(100%, 1fr)); grid-template-rows: 1fr minmax(4.5rem, min-content); height: 100%; width: 100%; } .section-category-item__image-container { grid-area: 1 / 1 / 3 / 2; } .section-category-item__header { background: rgba(0, 0, 0, 0.5); color: rgb(255, 255, 255); display: grid; gap: 0.25rem; grid-area: 2 / 1 / 3 / 2; } .section-category-item__title { font-weight: 400; grid-area: 1 / 1 / 2 / 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .section-category-item__price-container { align-items: center; display: flex; font-weight: 400; grid-area: 2 / 1 / 3 / 2; } .section-category-item__price-container .section-category-item__subtitle { margin-right: 0.5rem; } .section-category-item__image { height: 100%; object-fit: cover; width: 100%; } .section-category-item__price { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .section-category-item__price--hidden, .section-category-item__title--hidden { grid-template-rows: minmax(auto, 1fr) !important; } .section-category-item__price--hidden .section-category-item__button-container, .section-category-item__price--hidden .section-category-item__price-container, .section-category-item__price--hidden .section-category-item__title, .section-category-item__title--hidden .section-category-item__button-container, .section-category-item__title--hidden .section-category-item__price-container, .section-category-item__title--hidden .section-category-item__title { grid-row: 1 / 2; } .section-category-item__price--hidden .section-category-item__price-container, .section-category-item__price--hidden .section-category-item__title, .section-category-item__title--hidden .section-category-item__price-container, .section-category-item__title--hidden .section-category-item__title { align-self: center; } .section-category-item { border-radius: 0.75rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.375rem 1rem; } .section-category__fake-item .section-category-item__image-container { align-items: center; background: rgb(255, 255, 255); display: flex; grid-row: 1 / 2; justify-content: center; } .section-category__fake-item .section-category-item__image-container .section-category-item__image { height: 30%; width: auto; } .section-category-item--hover .section-category-item__header { opacity: 0; transition: opacity 0.5s ease-in-out 0s; } .section-category-item--hover:hover .section-category-item__header { opacity: 1; } .section-category-item__header { column-gap: 1.5rem; grid-template-columns: minmax(50%, 1fr) fit-content(50%); grid-template-rows: minmax(auto, 95%) minmax(auto, 1fr); padding: 1rem 1.25rem; } .section-category-item__container, .section-category-item__header, .section-category-item__image, .section-category-item__image-container { border-radius: 0.75rem; } .section-category-item__title { align-self: center; font-size: 1.25rem; line-height: 1.25; } .section-category-item__price-container { font-size: 0.875rem; line-height: 1.25; } .section-category-item__button-container { align-items: center; display: flex; grid-area: 1 / 2 / 3 / 3; justify-content: flex-end; overflow: hidden; } .section-category-item__button { border-radius: 0.25rem; color: rgba(0, 0, 0, 0.9); cursor: pointer; font-size: 1rem; font-weight: 400; line-height: 1.25; max-height: 92%; overflow: hidden; padding: 0.625rem; text-overflow: ellipsis; white-space: nowrap; } .section-category-item__button, .section-category-item__button:active, .section-category-item__button:focus, .section-category-item__button:hover { background: rgb(255, 255, 255); border: 0.0625rem solid rgb(255, 255, 255); } .section-category-item__price--hidden .section-category-item__title { align-self: center; } .section-category-item__title--hidden.section-category-item__price--hidden.section-category-item__button--hidden { display: none; } .buyer-info { background-color: rgb(255, 255, 255); overflow: hidden; } .buyer-info .container, .buyer-info .section-text__container { display: flex; justify-content: center; margin-bottom: 1.5rem; } .buyer-info .buyer-info__card { align-items: center; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.375rem; display: flex; flex: 1 1 0%; flex-direction: column; margin: 0px 1.25rem; padding: 1rem; } .buyer-info p { color: rgb(115, 115, 115); font-size: 14px; line-height: 1.2; margin: 0.25rem 0px 2rem; } .buyer-info a { cursor: pointer; font-size: 14px; } .andes-form-control { -webkit-font-smoothing: antialiased; display: block; font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 18px; font-weight: 400; position: relative; 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, 0.55); font-size: 1em; line-height: 1; transition: transform 0.2s ease-out 0s, color; } .andes-form-control__label-fixed { transform: scale(0.777778) translateY(-135%) !important; } .andes-form-control__field { background: transparent; border: 0px; color: rgba(0, 0, 0, 0.9); font-family: inherit; font-size: inherit; line-height: normal; margin: 8px 0px 4px; overflow: hidden; padding: 0px; resize: none; } .andes-form-control__border { background-color: rgba(0, 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 0.25s ease 0s; width: 100%; } .andes-form-control:hover .andes-form-control__label { color: rgba(0, 0, 0, 0.55); } .andes-form-control:hover .andes-form-control__border::after { background-color: rgba(0, 0, 0, 0.25); transform: scaleX(1); } .andes-form-control__field:focus { outline: 0px; } .andes-form-control--focused .andes-form-control__border::after, .andes-form-control__field:focus + .andes-form-control__border::after { transform: scaleX(1); background-color: rgb(52, 131, 250) !important; } .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, 0.55); font-size: 14px; line-height: 1em; margin-top: 0.333333em; min-height: 14px; opacity: 1; text-align: left; transition: opacity 0.15s ease-out 0s; } .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: 1s linear 0s infinite normal none running animation-indeterminate; background-color: rgb(52, 131, 250); content: ""; height: 2px; position: absolute; transform: scaleX(1); } @keyframes animation-indeterminate { 0% { left: 0px; width: 5%; } 50% { left: 15%; width: 60%; } 100% { left: 101%; width: 0px; } } .andes-form-control--error .andes-form-control__message { color: rgb(240, 68, 73); font-weight: 600; opacity: 1; } .andes-form-control--error.andes-form-control--focused .andes-form-control__border::after { transform: scaleX(1); background-color: rgb(240, 68, 73) !important; } .andes-form-control--error .andes-form-control__border { background-color: rgb(240, 68, 73); } .andes-form-control--error .andes-form-control__border::after { transform: scaleX(0); background-color: rgb(240, 68, 73) !important; } .andes-form-control--disabled .andes-form-control__field { color: rgba(0, 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, 0.25) 0px, rgba(0, 0, 0, 0.25) 50%, transparent 0px); background-position: 0px 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: 0.5s ease 0.5s 1 normal forwards running show-valid-ckeck; opacity: 0; position: absolute; right: 0px; top: 1.5625em; } @keyframes show-valid-ckeck { 0% { opacity: 0; } 100% { opacity: 1; } } .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, 0.9); cursor: text; font-size: 14px; font-weight: 400; line-height: 1.07143em; margin: 0px 0px 0.428571em 0.428571em; overflow: hidden; text-overflow: ellipsis; transition: color 0.2s ease-out 0s; white-space: nowrap; transform: unset !important; } .andes-form-control--textfield .andes-form-control__control { align-items: center; background-color: rgb(255, 255, 255); border-radius: 0.375em; box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px; display: flex; font-size: 16px; min-height: 48px; } .andes-form-control--textfield .andes-form-control__field { border-radius: 0.375em; font-size: 16px; height: 22px; line-height: 22px; margin: 0px; padding: 0.8125em 0.75em; } .andes-form-control--textfield .andes-form-control__field:focus { box-shadow: none; } .andes-form-control--textfield .andes-form-control__field:focus-visible { box-shadow: none; } .andes-form-control--textfield .andes-form-control__field::placeholder { color: rgba(0, 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, 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: 0px; } .andes-form-control--textfield .andes-form-control__bottom { align-items: center; display: flex; font-size: 13px; margin: 0.615385em 0px 0px 0.461538em; } .andes-form-control--focused .andes-form-control__control { border-color: transparent; box-shadow: rgb(52, 131, 250) 0px 0px 0px 0.125em; outline: none; } .andes-form-control__control.visible-focused { border-color: transparent; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px, rgb(52, 131, 250) 0px 0px 0px 2px inset; outline: none; } .andes-form-control--textfield:hover .andes-form-control__label { color: rgba(0, 0, 0, 0.9) !important; } .andes-form-control__message-action { color: rgb(52, 131, 250); cursor: pointer; margin-left: 0.3em; } .andes-form-control__message-action:hover { text-decoration: underline; } .andes-form-control__label, .andes-form-control__message { font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } .sr-only { clip: rect(0px, 0px, 0px, 0px); border: 0px; clip-path: inset(50%); height: 1px; margin: 0px -1px -1px 0px; overflow: hidden; padding: 0px; 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: rgb(242, 61, 79) !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: rgb(242, 61, 79) 0px 0px 0px 1px; } .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: rgb(242, 61, 79); border-radius: 50%; font-size: 13px; height: 12px; line-height: 1; margin-right: 0.461538em; 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: rgb(242, 61, 79) 0px 0px 0px 0.125em; 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: rgb(242, 61, 79) !important; } .andes-form-control--textfield .andes-form-control__validated-icon { margin-right: 0.75em; transform: translateY(-50%); } .andes-form-control--textfield .andes-form-control__clear-icon { align-items: center; background-color: transparent; border: 0px; cursor: pointer; display: flex; font-size: 13px; margin-right: 0.75em; padding: 0px; } .andes-form-control--textfield .andes-form-control__clear-icon:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-form-control--textfield .andes-form-control__clear-icon:focus-visible { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-form-control--textfield .andes-form-control__clear-icon:focus:not(:focus-visible) { box-shadow: none; outline: none; } .andes-form-control--textfield.andes-form-control--disabled .andes-form-control__label { color: rgba(0, 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, 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, 0.25); } .andes-form-control--textfield.andes-form-control--disabled .andes-form-control__control { background-color: rgba(0, 0, 0, 0.02); border: 1px dashed rgba(0, 0, 0, 0.25); box-shadow: none; } .andes-form-control--textfield.andes-form-control--disabled .andes-form-control__field { color: rgba(0, 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: 0px; } .andes-form-control--textfield.andes-form-control--readonly .andes-form-control__label { color: rgba(0, 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 { -webkit-text-fill-color: rgba(0, 0, 0, 0.9); opacity: 1; padding-left: 0.428571em; } .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, 0.55); float: right; font-size: 13px; line-height: 1; text-align: right; width: -webkit-fill-available; } .andes-form-control--textfield-progress { stroke-width: 6px; height: 18px; right: 4%; width: 18px; } .andes-form-control--textfield .andes-form-control__field { flex-grow: 1; width: auto; } .andes-form-control--textfield .andes-button--transparent { margin: 8px 12px 8px 0px; width: max-content; } .andes-form-control--textfield .andes-checkbox--embedded { display: inline-block; margin: 0px 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; } .andes-form-control--textfield .andes-checkbox--embedded .andes-checkbox__input:focus-visible { 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: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; } .andes-form-control--textfield .andes-checkbox--embedded .andes-checkbox__input:focus-visible::after { opacity: 0; } .andes-form-control--textfield .andes-tooltip__trigger { display: flex; margin-right: 16px; } .andes-form-control--textfield .andes-form-control__embedded { align-items: center; display: flex; z-index: 1; } .andes-form-control--textfield .andes-form-control__embedded .andes-checkbox__label { text-wrap: nowrap; } .andes-form-control--numeric { display: flex; flex-direction: column; } .andes-form-control--numeric .andes-form-control--focused .andes-form-control__control { border-color: transparent; box-shadow: rgb(52, 131, 250) 0px 0px 0px 0.125em; outline: none; } .andes-form-control--numeric .andes-form-control--visible-focused .andes-form-control__control { border-color: transparent; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px, rgb(52, 131, 250) 0px 0px 0px 2px inset; outline: none; } .andes-form-control--numeric:hover .andes-form-control__message { opacity: 1; } .andes-form-control--numeric .andes-form-control { padding-top: 0px; } .andes-form-control--numeric .andes-form-control__label { color: rgba(0, 0, 0, 0.9); cursor: text; font-size: 14px; font-weight: 400; line-height: 1.07143em; margin: 0px 0px 0.428571em 0.428571em; overflow: hidden; text-overflow: ellipsis; transition: color 0.2s ease-out 0s; white-space: nowrap; transform: unset !important; } .andes-form-control--numeric-wrapper { display: flex; flex-flow: wrap; } .andes-form-control--numeric .andes-form-control--textfield { width: 40px; } .andes-form-control--numeric .andes-form-control__field { text-align: center; } .andes-form-control--numeric .andes-form-control__field::-webkit-inner-spin-button { 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: 0px; } .andes-form-control--numeric .andes-form-control__message { font-size: 13px; margin-top: 0px; } .andes-form-control--numeric .andes-form-control__bottom { align-items: center; display: flex; font-size: 13px; margin: 0.615385em 0px 0px 0.461538em; } .andes-form-control--textfield:last-child { margin-right: 0px; } .andes-form-control--centered .andes-form-control--numeric-wrapper { margin: 0px auto; } .andes-form-control__prefix, .andes-form-control__suffix { align-items: center; color: rgba(0, 0, 0, 0.55); display: flex; font-size: 16px; opacity: 1; transition: opacity 0.2s ease-out 0s; white-space: nowrap; } .andes-form-control__suffix { margin-left: -0.25em; margin-right: 0.75em; text-align: right; } .andes-form-control__prefix { margin-left: 0.75em; margin-right: -0.25em; text-align: left; } .andes-form-control--centered .andes-form-control__label { margin-left: 0px; 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: 0px; } .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: rgb(52, 131, 250) 0px 0px 0px 0.125em; outline: none; } .andes-form-control--password.andes-form-control--focused .andes-form-control__control.visible-focused { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px, rgb(52, 131, 250) 0px 0px 0px 2px inset; } .andes-form-control--password .andes-form-control__message { opacity: 1; } .andes-form-control__password-embedded { align-items: center; display: flex; padding-right: 0.75em; position: relative; } .andes-form-control__password-checkbox { appearance: none; cursor: pointer; height: 23px; margin-right: 0.75em; position: absolute; right: 0px; width: 23px; } .andes-form-control__password-checkbox:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-form-control__password-checkbox:focus-visible { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-form-control__password-checkbox:focus:not(:focus-visible) { box-shadow: none; outline: none; } .andes-form-control__password-value { color: rgba(0, 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: 0px 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: 0px; } .andes-form-control__field.andes-form-control__split-field .andes-form-control__control { border-radius: 0px; box-shadow: none; } .andes-form-control__field.andes-form-control__split-field .andes-form-control__control input { padding: 0px; } .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: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px, rgb(52, 131, 250) 0px 0px 0px 2px inset; } .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, 0.25); cursor: pointer; display: flex; height: 36px; padding: 0px 0px 0px 6px; } .andes-form-control__split-button--right { border-left: 1px solid rgba(0, 0, 0, 0.25); border-right: 0px; padding: 0px 4px 0px 2px; } .andes-form-control__split-button--readonly { border: 0px; cursor: default; margin-left: 3px; padding-right: 0px; 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: 0px; 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, 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, 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, 0.9); cursor: not-allowed; padding-right: 0px; } .andes-form-control__split-button-content { color: rgba(0, 0, 0, 0.9); font-size: 16px; margin-right: 4px; outline: 0px; white-space: nowrap; } .andes-form-control__split-button-content--icon { margin-right: 6px; } .andes-form-control__split-button-content--icon-disabled { opacity: 0.4; } .andes-progress-indicator-circular--xsmall .andes-progress-indicator-circular__progress { stroke-width: 2px; height: 16px; width: 16px; } .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 { stroke-width: 2.5px; height: 24px; width: 24px; } .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: 0px; } 100% { width: 90%; } } @keyframes andes-button-start-width-animation-reduce-motion { 0% { width: 0px; } 30% { width: 30%; } 60% { width: 60%; } 100% { width: 90%; } } .andes-button { -webkit-font-smoothing: antialiased; border-radius: 6px; display: inline-block; font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; font-weight: 600; height: 48px; line-height: 48px; padding: 0px 24px; text-align: center; width: auto; } .andes-button:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-button:focus-visible { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-button:focus:not(:focus-visible) { box-shadow: none; outline: none; } @media (prefers-reduced-motion: no-preference) { .andes-button { transition: background 0.18s ease-out 0s, 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 { position: relative; } .andes-button--loading .andes-progress-indicator-circular__container { display: inline-block; position: relative; transform: translateY(calc(-50% - 22px)); } @media (prefers-reduced-motion: no-preference) { .andes-button--loading .andes-progress-indicator-circular__container { animation: 0.2s ease 0s 1 normal forwards running translateInButtonSpinner, 0.2s ease 0s 1 normal running fadeIn; } } .andes-button--loading .andes-progress-indicator-circular__progress { stroke-width: 6px; display: block; } .andes-button--loading .andes-progress-indicator-circular--xsmall { top: 10%; } .andes-button--loading .andes-progress-indicator-circular--small { top: -5%; } .andes-button--loading .andes-button__content { opacity: 0; } @media (prefers-reduced-motion: no-preference) { .andes-button--loading .andes-button__content { animation: 0.2s ease 0s 1 normal forwards running translateOutButtonSpinner, 0.2s ease 0s 1 normal running fadeOut; } } .andes-button--loading-complete .andes-button__content { opacity: 1; } @media (prefers-reduced-motion: no-preference) { .andes-button--loading-complete .andes-button__content { animation: 0.2s ease 0s 1 normal forwards running translateInButtonSpinnerComplete, 0.2s ease 0s 1 normal running fadeIn; } } .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 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .andes-button__text + svg, svg + .andes-button__text { margin-left: 12px; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes translateInButtonSpinner { 0% { transform: translate(calc(50% - 20px), 50%); } 100% { transform: translateY(calc(-50% - 22px)); } } @keyframes translateOutButtonSpinner { 0% { transform: translate(0px); } 100% { transform: translateY(-50%); } } @keyframes translateOutButtonSpinnerComplete { 0% { transform: translateY(calc(-50% - 22px)); } 100% { transform: translateY(-80px); } } @keyframes translateInButtonSpinnerComplete { 0% { transform: translateY(50%); } 100% { transform: translateY(calc(-50% + 22px)); } } .andes-button--medium { border-radius: 5px; font-size: 14px; height: 32px; line-height: 32px; padding: 0px 12px; } .andes-button--medium .andes-button__text + svg, .andes-button--medium svg + .andes-button__text { margin-left: 8px; } .andes-button--medium.andes-button--fetching-complete .andes-button__content { animation: 0.2s ease 0s 1 normal forwards running translateInButtonSpinnerCompleteMedium, 0.2s ease 0s 1 normal running fadeIn; } @keyframes translateInButtonSpinnerCompleteMedium { 0% { transform: translateY(50%); } 100% { transform: translateY(calc(-50% + 13px)); } } .andes-button--small { border-radius: 4px; font-size: 12px; height: 24px; line-height: 24px; padding: 0px 8px; } .andes-button--small .andes-progress-indicator-circular--xsmall { top: 65%; } .andes-button--small .andes-button__text { margin: 0px; } .andes-button--small.andes-button--fetching-complete .andes-button__content { animation: 0.2s ease 0s 1 normal forwards running translateInButtonSpinnerCompleteSmall, 0.2s ease 0s 1 normal running fadeIn; } @keyframes translateInButtonSpinnerCompleteSmall { 0% { transform: translateY(50%); } 100% { transform: translateY(calc(-50% + 10px)); } } .andes-button--loud:hover { background-color: rgb(52, 131, 250); border-color: transparent; color: rgb(255, 255, 255); } .andes-button--loud:hover path { stroke: rgb(255, 255, 255) !important; } @media (min-width: 768px) { .andes-button--loud:hover, .andes-button--loud:link:hover, .andes-button--loud:visited:hover { background-color: rgb(41, 104, 200); border-color: transparent; color: rgb(255, 255, 255); } .andes-button--loud:hover path, .andes-button--loud:link:hover path, .andes-button--loud:visited:hover path { stroke: rgb(255, 255, 255) !important; } } .andes-button--loud { box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px; cursor: pointer; } @media (prefers-reduced-motion: no-preference) { .andes-button--loud { transition: box-shadow 0.25s ease-out 0s, background-color 0.2s ease-out 0s; } } .andes-button--loud, .andes-button--loud:focus, .andes-button--loud:link, .andes-button--loud:visited { background-color: rgb(52, 131, 250); border-color: transparent; color: rgb(255, 255, 255); } .andes-button--loud path, .andes-button--loud:focus path, .andes-button--loud:link path, .andes-button--loud:visited path { stroke: rgb(255, 255, 255) !important; } @media (prefers-reduced-motion: no-preference) { .andes-button--loud:hover { transition: background-color 0.2s ease-in 0s; } } .andes-button--loud:active { background-color: rgb(31, 78, 150); border-color: transparent; color: rgb(255, 255, 255); } .andes-button--loud:active path { stroke: rgb(255, 255, 255) !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, 0.1); border-color: transparent; color: rgba(0, 0, 0, 0.25); cursor: default; } .andes-button--loud:not(.andes-button--loading, .loading):disabled path, .andes-button--loud:not(.andes-button--loading, .loading)[aria-disabled="true"] path, .andes-button--loud:not(.andes-button--loading, .loading)[disabled] path { stroke: rgba(0, 0, 0, 0.25) !important; } .andes-button--quiet:hover { background-color: rgba(65, 137, 230, 0.15); border-color: transparent; color: rgb(52, 131, 250); } .andes-button--quiet:hover path { stroke: rgb(52, 131, 250) !important; } @media (min-width: 768px) { .andes-button--quiet:hover, .andes-button--quiet:link:hover, .andes-button--quiet:visited:hover { background-color: rgba(65, 137, 230, 0.2); border-color: transparent; color: rgb(52, 131, 250); } .andes-button--quiet:hover path, .andes-button--quiet:link:hover path, .andes-button--quiet:visited:hover path { stroke: rgb(52, 131, 250) !important; } } .andes-button--quiet { box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px; cursor: pointer; } @media (prefers-reduced-motion: no-preference) { .andes-button--quiet { transition: box-shadow 0.25s ease-out 0s, background-color 0.2s ease-out 0s; } } .andes-button--quiet, .andes-button--quiet:focus, .andes-button--quiet:link, .andes-button--quiet:visited { background-color: rgba(65, 137, 230, 0.15); border-color: transparent; color: rgb(52, 131, 250); } .andes-button--quiet path, .andes-button--quiet:focus path, .andes-button--quiet:link path, .andes-button--quiet:visited path { stroke: rgb(52, 131, 250) !important; } @media (prefers-reduced-motion: no-preference) { .andes-button--quiet:hover { transition: background-color 0.2s ease-in 0s; } } .andes-button--quiet:active { background-color: rgba(65, 137, 230, 0.3); border-color: transparent; color: rgb(52, 131, 250); } .andes-button--quiet:active path { stroke: rgb(52, 131, 250) !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, 0.1); border-color: transparent; color: rgba(0, 0, 0, 0.25); cursor: default; } .andes-button--quiet:not(.andes-button--loading, .loading):disabled path, .andes-button--quiet:not(.andes-button--loading, .loading)[aria-disabled="true"] path, .andes-button--quiet:not(.andes-button--loading, .loading)[disabled] path { stroke: rgba(0, 0, 0, 0.25) !important; } .andes-button--transparent:hover { background-color: transparent; border-color: transparent; color: rgb(52, 131, 250); } .andes-button--transparent:hover path { stroke: rgb(52, 131, 250) !important; } @media (min-width: 768px) { .andes-button--transparent:hover, .andes-button--transparent:link:hover, .andes-button--transparent:visited:hover { background-color: rgba(65, 137, 230, 0.1); border-color: transparent; color: rgb(52, 131, 250); } .andes-button--transparent:hover path, .andes-button--transparent:link:hover path, .andes-button--transparent:visited:hover path { stroke: rgb(52, 131, 250) !important; } } .andes-button--transparent { box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px; cursor: pointer; } @media (prefers-reduced-motion: no-preference) { .andes-button--transparent { transition: box-shadow 0.25s ease-out 0s, background-color 0.2s ease-out 0s; } } .andes-button--transparent, .andes-button--transparent:focus, .andes-button--transparent:link, .andes-button--transparent:visited { background-color: transparent; border-color: transparent; color: rgb(52, 131, 250); } .andes-button--transparent path, .andes-button--transparent:focus path, .andes-button--transparent:link path, .andes-button--transparent:visited path { stroke: rgb(52, 131, 250) !important; } @media (prefers-reduced-motion: no-preference) { .andes-button--transparent:hover { transition: background-color 0.2s ease-in 0s; } } .andes-button--transparent:active { background-color: rgba(65, 137, 230, 0.2); border-color: transparent; color: rgb(52, 131, 250); } .andes-button--transparent:active path { stroke: rgb(52, 131, 250) !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, 0.25); cursor: default; } .andes-button--transparent:not(.andes-button--loading, .loading):disabled path, .andes-button--transparent:not(.andes-button--loading, .loading)[aria-disabled="true"] path, .andes-button--transparent:not(.andes-button--loading, .loading)[disabled] path { stroke: rgba(0, 0, 0, 0.25) !important; } .andes-button--quiet.loading:active, .andes-button--quiet.loading:disabled, .andes-button--quiet.loading:hover { background-color: rgba(65, 137, 230, 0.15); border-color: transparent; color: rgb(52, 131, 250); } .andes-button--quiet.loading:active path, .andes-button--quiet.loading:disabled path, .andes-button--quiet.loading:hover path { stroke: rgb(52, 131, 250) !important; } .andes-button--quiet::after, .andes-button--quiet::before { background-color: rgba(65, 137, 230, 0.2); border-color: transparent; border-radius: 0.222222em; box-sizing: content-box; color: rgb(52, 131, 250); content: ""; height: 100%; left: 0px; margin: -0.0555556em; padding: 0.0555556em; position: absolute; top: 0px; transform: scaleX(0); transform-origin: left center; width: 100%; } .andes-button--loud.loading:active, .andes-button--loud.loading:disabled, .andes-button--loud.loading:hover { background-color: rgb(52, 131, 250); border-color: transparent; color: rgb(255, 255, 255); } .andes-button--loud.loading:active path, .andes-button--loud.loading:disabled path, .andes-button--loud.loading:hover path { stroke: rgb(255, 255, 255) !important; } .andes-button--loud::after, .andes-button--loud::before { background-color: rgb(41, 104, 200); border-color: transparent; border-radius: 0.222222em; box-sizing: content-box; color: rgb(255, 255, 255); content: ""; height: 100%; left: 0px; margin: -0.0555556em; padding: 0.0555556em; position: absolute; top: 0px; transform: scaleX(0); transform-origin: left center; width: 100%; } .andes-button--progress { border: 0px; overflow: hidden; position: relative; } .andes-button--progress:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; } .andes-button--progress .andes-button__content { margin: auto; position: relative; width: max-content; z-index: 1; } .andes-button--progress .andes-button__content .andes-button--progress__content { position: absolute; transform: translate3d(0px, 32px, 0px); } @media (prefers-reduced-motion: no-preference) { .andes-button--progress .andes-button__content .andes-button--progress__content { transition: transform 0.2s ease-in 0s; } } .andes-button--progress .andes-button__content :not(.andes-button--progress__content) { transform: translateZ(0px); } @media (prefers-reduced-motion: no-preference) { .andes-button--progress .andes-button__content :not(.andes-button--progress__content) { transition: transform 0.2s ease-in 0s; } } .andes-button--progress.loading .andes-button__content .andes-button--progress__content { position: relative; transform: translateZ(0px); } .andes-button--progress.loading .andes-button__content :not(.andes-button--progress__content) { position: absolute; transform: translate3d(0px, -32px, 0px); width: 100%; } .andes-button--progress.loading::after, .andes-button--progress.loading:focus::after { animation: 3s step-start 0s 1 normal none running andes-button-start-width-animation-reduce-motion; transform: scaleX(1); } @media (prefers-reduced-motion: no-preference) { .andes-button--progress.loading::after, .andes-button--progress.loading:focus::after { animation: 60s cubic-bezier(0, 0.56, 0.76, 0.96) 0s 1 normal none running andes-button-start-width-animation; } } .andes-button--progress.finished::before, .andes-button--progress.loading.finished, .andes-button--progress.progress::before { transform: scaleX(1); } @media (prefers-reduced-motion: no-preference) { .andes-button--progress.finished::before, .andes-button--progress.loading.finished, .andes-button--progress.progress::before { transition: transform 0.25s ease-in 0s, opacity 0.5s ease-in 0s; } } .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, 0.04); } .andes-button-dropdown.andes-button--loud .andes-button-dropdown__svg-fill { fill: rgb(255, 255, 255); } .andes-button-dropdown.andes-button--quiet .andes-button-dropdown__svg-fill, .andes-button-dropdown.andes-button--transparent .andes-button-dropdown__svg-fill { fill: rgb(52, 131, 250); } .andes-button-dropdown.andes-button--disabled:disabled .andes-button-dropdown__svg-fill { fill: rgba(0, 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: 0px; width: auto; } .andes-button-split { display: inline-flex; font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; position: relative; } .andes-button-split .andes-button-split-text { border-bottom-right-radius: 0px; border-top-right-radius: 0px; 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: 0px; border-left: 1px solid rgba(0, 0, 0, 0.1); border-top-left-radius: 0px; padding: 0px 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: rgb(255, 255, 255); } .andes-button-split.andes-button--quiet .andes-button-split__svg-fill, .andes-button-split.andes-button--transparent .andes-button-split__svg-fill { fill: rgb(52, 131, 250); } .andes-button-split .andes-button--loud .andes-button-split__svg-fill { fill: rgb(255, 255, 255); } .andes-button-split .andes-button--quiet .andes-button-split__svg-fill, .andes-button-split .andes-button--transparent .andes-button-split__svg-fill { fill: rgb(52, 131, 250); } .andes-button-split__menu { display: inline; margin: 0px; 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: rgba(0, 0, 0, 0.1) 0px 8px 16px 0px; padding: 14px 16px 14px 14px; transition: max-width 0.2s ease 0s, padding 0.2s ease 0s; width: auto; } .andes-button.andes-button--fab .andes-button__text { transition: margin-left 0.2s ease 0s, opacity 0.2s ease 0s; } .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: rgb(255, 255, 255); } .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: 0px; } .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 { -webkit-font-smoothing: antialiased; border-radius: 0.375em; font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1; position: relative; } .andes-floating-menu li:first-child, .andes-floating-menu li:first-child a, .andes-floating-menu li:first-child button { border-top-left-radius: 0.375em; border-top-right-radius: 0.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: 0.375em; border-bottom-right-radius: 0.375em; } .andes-floating-menu .andes-list__item { outline: none; } .andes-floating-menu .andes-list__item:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset, rgb(41, 104, 200) 0px 0px 0px 3px inset, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px inset; outline: none; } .andes-floating-menu .andes-list__item:focus-visible { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset, rgb(41, 104, 200) 0px 0px 0px 3px inset, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px inset; outline: none; } .andes-floating-menu .andes-list__item:focus:not(:focus-visible) { box-shadow: none; outline: none; } .andes-floating-menu .andes-list__item--visible-focused { box-shadow: none; } .andes-floating-menu .andes-list__item > :focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset, rgb(41, 104, 200) 0px 0px 0px 3px inset, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px inset; outline: none; } .andes-floating-menu .andes-list__item > :focus-visible { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset, rgb(41, 104, 200) 0px 0px 0px 3px inset, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px inset; outline: none; } .andes-floating-menu .andes-list__item > :focus:not(:focus-visible) { box-shadow: none; outline: none; } .andes-floating-menu__no-results { color: rgba(0, 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: rgb(237, 237, 237); } .andes-floating-menu .andes-form-control--search-box .andes-form-control__field { margin: 0px; } .andes-floating-menu--search { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px; box-sizing: border-box; color: rgba(0, 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(0.875); transform-origin: left top; 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: rgba(0, 0, 0, 0.55) 0px 0px 0px 1px; } .andes-floating-menu--search--focused, .andes-floating-menu--search--focused:hover, .andes-floating-menu--search:focus { box-shadow: rgb(52, 131, 250) 0px 0px 0px 2px; } .andes-floating-menu--search--focused.focus-visible { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px, rgb(52, 131, 250) 0px 0px 0px 2px inset; } .andes-floating-menu--search .andes-form-control__close-icon, .andes-floating-menu--search .andes-form-control__search-icon { align-content: center; display: flex; padding: 0px; } .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, 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: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-floating-menu--search .andes-form-control__close-icon { background-color: transparent; border: 0px; 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: 0px; } .andes-floating-menu--search--disabled, .andes-floating-menu--search--disabled .andes-form-control__field { color: rgba(0, 0, 0, 0.55); } .andes-floating-menu--search--disabled:hover { box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 0px 1px; } .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: 0px; order: 2; } .andes-floating-menu--search .andes-form-control__field:focus { box-shadow: none; } .andes-floating-menu--search .andes-form-control__field:focus-visible { box-shadow: none; } .andes-floating-menu--search .andes-form-control__field::placeholder { color: rgba(0, 0, 0, 0.55); opacity: 1; } .andes-floating-menu--search .andes-form-control__field::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.55); } .andes-floating-menu--search .andes-form-control__field:disabled { color: rgba(0, 0, 0, 0.55); } .andes-floating-menu--search .andes-form-control__search-icon { background-color: transparent; border: 0px; 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-visually-hidden { clip: rect(0px, 0px, 0px, 0px); border: 0px; clip-path: inset(50%); height: 1px; margin: 0px -1px -1px 0px; overflow: hidden; padding: 0px; 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: rgb(52, 131, 250); } .andes-progress-indicator-circular--white .andes-progress-indicator-circular__progress { stroke: rgb(255, 255, 255); } .andes-progress-indicator-circular__content { color: rgba(0, 0, 0, 0.9); font-size: 12px; font-weight: 400; } .andes-progress-indicator-circular__label { -webkit-font-smoothing: antialiased; color: rgba(0, 0, 0, 0.9); font-weight: 400; } .andes-progress-indicator-circular--indeterminate .andes-progress-indicator-circular__svg { animation: 2s linear 0s infinite normal none running andes-pi-circular-rotate; left: 0px; position: absolute; top: 0px; z-index: 1022; } .andes-progress-indicator-circular--indeterminate .andes-progress-indicator-circular__circle { stroke-linecap: round; animation: 5s ease-in-out 0s infinite normal none running andes-pi-circular-dash-reduce-motion; } @media (prefers-reduced-motion: no-preference) { .andes-progress-indicator-circular--indeterminate .andes-progress-indicator-circular__circle { animation: 1.5s ease-in-out 0s infinite normal none running andes-pi-circular-dash; } } @keyframes andes-pi-circular-rotate { 100% { transform: rotate(1turn); } } @keyframes andes-pi-circular-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { 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; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: 0; opacity: 0; } } .andes-progress-indicator-circular--medium .andes-progress-indicator-circular__progress { stroke-width: 3px; height: 32px; width: 32px; } .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; } @keyframes andes-snackbar-show { 0% { opacity: 0; transform: translate3d(0px, 100%, 0px); } 100% { opacity: 1; } } @keyframes andes-snackbar-hide { 50% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 100%, 0px); } } .andes-snackbar { align-items: center; animation-duration: 0.5s; background-color: rgb(26, 26, 26); bottom: 0px; color: rgb(255, 255, 255); display: flex; flex-flow: row; font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: 400; justify-content: space-between; position: fixed; z-index: 1021; } .andes-snackbar__action { border-width: 0px; font-size: inherit; font-weight: 600; text-align: right; text-transform: uppercase; white-space: nowrap; color: rgb(255, 255, 255) !important; } .andes-snackbar__message { color: rgb(255, 255, 255); margin: 0px; } .andes-snackbar--bottom { align-items: flex-start; flex-flow: column wrap; } .andes-snackbar--bottom .andes-snackbar__action { padding-top: 0px; } @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: 0.428571em; bottom: 1.14286em; box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px 0px; flex-wrap: wrap; left: 0px; line-height: 1.14286em; margin: 0px 0.571429em; right: 0px; } .andes-snackbar__action.andes-button { border-radius: 0.428571em; } .andes-snackbar__action.andes-button, .andes-snackbar__message { font-size: 14px; padding: 1.14286em; } .andes-snackbar__children { padding-bottom: 1.14286em; padding-left: 1.14286em; } .andes-snackbar--bottom.andes-snackbar--with-action .andes-snackbar__message { line-height: 1.57143em; padding-bottom: 0px; } @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: 0.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: 0.5em; } .andes-snackbar--bottom .andes-snackbar__message { line-height: 1.375em; padding-bottom: 0.5em; } } .andes-snackbar--green { background-color: rgb(0, 166, 80); } .andes-snackbar--red { background-color: rgb(242, 61, 79); } .recaptcha { margin: 20px auto; width: 256px; } .g-recaptcha { transform: scale(0.85); transform-origin: 0px 0px; } .recaptcha--error { color: rgb(255, 90, 95); font-size: 12px; margin: 5px 0px 20px; } .recaptcha--lowend, .recaptcha_iframe, .recaptcha_iframe-container { height: 422px; width: 302px; } .recaptcha--lowend { position: relative; } .recaptcha_iframe-container { position: absolute; } .recaptcha_iframe { border-style: none; } .recaptcha_response-container { background: rgb(249, 249, 249); border: 1px solid rgb(193, 193, 193); border-radius: 3px; bottom: 12px; height: 60px; left: 25px; margin: 0px; padding: 0px; right: 25px; width: 300px; } .g-recaptcha-response { border: 1px solid rgb(193, 193, 193); height: 40px; margin: 10px 25px; padding: 0px; resize: none; width: 250px; } @media only screen and (min-width: 360px) { .recaptcha { width: 302px; } .g-recaptcha { transform: scale(1); } } .contact-form { background-color: rgb(255, 255, 255); box-sizing: border-box; position: relative; } .contact-form__title { color: rgb(51, 51, 51); font-size: 24px; font-weight: 600; margin-bottom: 24px; } .contact-form__input { margin-top: 64px; } .hidden { display: none; } .contact-form__spinner { z-index: 50; } .contact-form__recaptcha-validation { color: rgb(255, 90, 95); font-size: 14px; position: relative; top: -40px; } .recaptcha { margin: 32px 0px 48px; } .contact-form { border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px; margin: 48px auto 32px; padding: 64px; width: 784px; } .contact-form__input--email { width: 384px; } .andes-spinner__mask { border-radius: 4px; } .contact-info { background-color: rgb(255, 255, 255); } .contact-info__title { color: rgb(51, 51, 51); font-size: 24px; font-weight: 600; margin-bottom: 40px; } .contact-info__label { color: rgb(153, 153, 153); font-size: 14px; } .contact-info__block .contact-info__data { font-size: 18px; } .remark-data .contact-info__data { font-size: 24px; } .remark-data ~ .contact-info__social-networks .contact-data__social::before { transform: scale(1.3); } .remark-data.remark-address .contact-info__data, .remark-data.remark-address ~ .contact-info__social-networks .contact-data__social::before { font-size: 18px; } .remark-data.remark-address .contact-info__address { font-size: 24px; } .contact-info__data { color: rgb(51, 51, 51); margin-bottom: 32px; opacity: 0.87; } .contact-info__data a { color: rgb(51, 51, 51); text-decoration: none; } .contact-info__social-links [href]::before { color: rgb(0, 0, 0); opacity: 0.38; } .info-box-window { background-color: rgb(255, 255, 255); } .info-window { font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; padding: 8px; } .info-window__title { color: rgb(102, 102, 102); font-size: 16px; font-weight: 600; margin-bottom: 8px; } .info-window__text { color: rgb(102, 102, 102); font-size: 14px; } .nav-footer-social-links-container { align-items: center; display: flex; justify-content: center; } .nav-footer-social-links { align-items: center; display: flex; padding-top: 16px; } .nav-footer-social-link-item { font-size: 0px; } .contact-info { border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px 0px; display: table; margin: auto; width: 784px; } .contact-info__col-data { display: table-cell; height: 100%; padding: 64px; width: 50%; } .contact-info__col-data--full { width: 100%; } .ui-map-contain--fit { display: table-cell; height: 100%; } .ui-map-contain--fit .ui-map__full { border-radius: 0px 4px 4px 0px !important; box-shadow: none !important; } .how-buy-landing__title-section { margin: 0px auto; text-align: center; } .how-buy-landing__title-section .title-section__title { font-size: 24px; } .how-buy-landing__title-section { max-width: 1360px; padding-top: 48px; } .how-buy-landing__title-section .title-section__text { margin-top: 1.875rem; } .how-buy-landing__title-section .title-section__text strong { padding: 0px 4px; } .how-buy-landing__steps .steps__step { text-align: center; } .how-buy-landing__steps .steps__step .step__title { font-size: 20px; } .how-buy-landing__steps .steps__step .step__text { color: rgb(115, 115, 115); font-size: 14px; } .how-buy-landing__steps { display: flex; justify-content: center; padding: 5.75rem 0px 3.125rem; } .how-buy-landing__steps .steps__separator { background: rgba(0, 0, 0, 0.2); height: 4.75rem; position: relative; top: 7.875rem; width: 0.0625rem; } .how-buy-landing__steps .steps__separator:first-child { display: none; } .how-buy-landing__steps .steps__step { box-sizing: border-box; margin: 0px 2.5rem; width: 19rem; } .how-buy-landing__steps .step__title { padding: 1.5rem 0px 0.75rem; } .how-buy-landing__faqs { background: rgb(255, 255, 255); padding: 48px 0px 56px; } .how-buy-landing__faqs .faqs__title { font-size: 20px; font-weight: 600; text-align: center; } .how-buy-landing__faqs .faqs__list { margin: 0px auto; max-width: 920px; padding-top: 52px; } .how-buy-landing__faqs .faqs__item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .how-buy-landing__faqs .faqs__item .faqs__item-content:focus { outline: 0px; } .how-buy-landing__faqs .faqs__item .faqs__item-title-button { box-sizing: border-box; color: rgb(26, 26, 26); display: flex; justify-content: space-between; padding: 24px; } .how-buy-landing__faqs .faqs__item .faqs__item-title-button .faqs__item-title { font-size: 18px; } .how-buy-landing__faqs .faqs__item .faqs__item-title-button .faqs__item-icon { align-items: center; display: flex; position: relative; top: 0px; transform: rotate(1turn); transition: transform 0.1s ease-in-out 0s; } .how-buy-landing__faqs .faqs__item .faqs__item-title-button .faqs__item-icon--disabled { align-items: center; display: flex; position: relative; top: 0px; transform: rotate(180deg); } .how-buy-landing__faqs .faqs__item .faqs__item-text { color: rgb(115, 115, 115); padding: 0px 24px 24px; pointer-events: none; transition: all 0.3s ease 0s, opacity 0.1s ease 0s; } .how-buy-landing__faqs .faqs__item .faqs__item-text--disabled { height: 0px; opacity: 0; padding: 0px 24px; position: relative; transition: all 0.3s ease 0s, opacity 0.1s ease 0s; } .how-buy-landing__faqs { position: relative; top: 64px; } .how-buy-landing__more-info-message { background: rgb(237, 237, 237); padding: 1.5rem 0px; text-align: center; } .how-buy-landing__more-info-message p { margin: 0px auto; } .how-buy-landing__more-info-message .more-info-message__link { color: rgba(65, 137, 230, 0.4); cursor: pointer; padding-left: 0.25rem; } .how-buy-landing__more-info-message { position: relative; top: 4rem; } .cancel-buy-landing__section .ui-ms-cancel-buy-landing__title { font-size: 24px; font-weight: 600; line-height: 1.25; margin: 0px; padding: 0px 0px 1.75rem; } .cancel-buy-landing__section .cancel-buy-landing__card .cancel-buy-landing__content h3 { font-size: 18px; line-height: 1.25; margin: 1rem 0px; } .cancel-buy-landing__section .cancel-buy-landing__card .cancel-buy-landing__content h3 strong { font-weight: 600; } .cancel-buy-landing__section .cancel-buy-landing__card .cancel-buy-landing__content :first-child { margin-top: 0px; padding-top: 0px; } .cancel-buy-landing__section .cancel-buy-landing__card .cancel-buy-landing__content p { font-weight: 300; margin: 1rem 0px; } .cancel-buy-landing__section .cancel-buy-landing__card .cancel-buy-landing__content a.cancel-buy-landing__bold { font-weight: 600; } .cancel-buy-landing__section { margin: 1rem auto 2rem; padding: 4rem; width: 49rem; } .cancel-buy-landing__section .cancel-buy-landing__card { padding: 2rem; } .bank-conditions-landing__section .ui-ms-bank-conditions-landing__title { font-size: 1.75rem; font-weight: 600; line-height: 1.25; margin: 0px 1rem; padding: 0px 0px 1.75rem; } .ui-ms-condition-container:not(:first-child)::before { border-bottom: 1px dashed rgb(221, 221, 221); content: ""; display: block; margin: 1.25rem 0px; } .ui-ms-condition-container::after { clear: both; content: ""; display: table; } .ui-ms-condition-container .condition-short-info { height: fit-content; vertical-align: top; width: 7.5rem; } .ui-ms-condition-container .condition-short-info .condition-logo { height: auto; margin-top: 0.5rem; max-width: 5.5rem; } .ui-ms-condition-container .condition-short-info .condition-sub-info { color: rgb(119, 119, 119); font-size: 0.875rem; margin-top: 1rem; text-align: left; } .ui-ms-condition-container .condition-short-info .condition-name { color: rgb(51, 51, 51); font-size: 0.875rem; font-weight: 600; text-align: left; } .ui-ms-condition-container .condition-more-info { overflow: hidden; vertical-align: top; } .ui-ms-condition-container .condition-more-info .condition-title { font-size: 1.5rem; font-weight: 600; margin-top: 0px; text-align: left; } .ui-ms-condition-container .condition-more-info .condition-legals { color: rgb(119, 119, 119); font-size: 0.75rem; margin-top: 1.25rem; text-align: left; } .ui-ms-condition-container { margin: 1rem; padding: 0.75rem 1rem; } .ui-ms-condition-container .condition-short-info { float: left; margin-right: 3rem; } .ui-ms-condition-container .condition-short-info .condition-sub-info { margin: 1.5rem 0px; } .ui-ms-condition-container .condition-short-info .condition-name { margin-top: 1.25rem; } .bank-conditions-landing__section { margin: 1rem auto 2rem; padding: 2rem 4rem; width: fit-content; } .bank-conditions-landing__section .bank-conditions-landing__card { margin: 1rem; padding: 0.25rem 0.75rem 4rem; width: 70rem; } .lgpd-landing__title-section { margin: 0px auto; text-align: center; } .lgpd-landing__title-section .title-section__title { font-size: 24px; font-weight: 600; } .lgpd-landing__title-section .title-section__subtitle { font-size: 16px; margin-top: 8px; } .lgpd-landing__title-section .title-section__text { font-size: 16px; font-weight: 600; line-height: 1.25; } .lgpd-landing__title-section { margin-top: 64px; max-width: 1360px; } .lgpd-landing__title-section .title-section__icon { padding-bottom: 56px; } .lgpd-landing__title-section .title-section__text { margin: 0px auto; max-width: 512px; padding: 32px 0px 48px; width: 100%; } .lgpd-landing__info-section { background-color: rgb(255, 255, 255); padding: 0px 32px; } .lgpd-landing__info-section .info-section__questions { margin: 0px auto; padding: 40px 0px 64px; } .lgpd-landing__info-section .info-section__question { display: inline-block; margin-bottom: 32px; width: 100%; } .lgpd-landing__info-section .info-section__question h3 { font-size: 18px; font-weight: 600; line-height: 22px; } .lgpd-landing__info-section .info-section__question div { line-height: 20px; margin-top: 16px; } .lgpd-landing__info-section .info-section__question div li { list-style: inside disc; } .lgpd-landing__info-section .info-section__questions { column-count: 2; column-gap: 40px; margin: 0px 80px; max-width: 1360px; padding: 64px 0px 48px; } .legal-notices__title-section { margin: 0px auto; max-width: 75rem; padding: 6rem 0px 4.375rem; text-align: left; } .legal-notices__title-section .title-section__title { font-size: 24px; font-weight: 600; } .legal-notices__info-section { background-color: rgb(255, 255, 255); padding: 4rem 0px 12rem; } .legal-notices__info-section .legal-notices__info-container { margin: 0px auto; max-width: 1200px; } .legal-notices__info-section .title-section__subtitle { font-size: 20px; margin-top: 0.5rem; max-width: 30rem; } .legal-notices__info-section .title-section__last-update { color: rgb(26, 26, 26); font-size: 12px; margin-top: 0.75rem; max-width: 30rem; } .legal-notices__info-section .title-section__text { font-size: 16px; line-height: 1.25; margin: 4rem 0px; max-width: 30rem; } .legal-notices__info-section .title-section__link { font-size: 14px; font-weight: 600; max-width: 30rem; } .simple-landing__info-section { background-color: rgb(255, 255, 255); padding: 64px 0px 192px; } .simple-landing__info-section .simple-landing__info-container { margin: 0px auto; max-width: 1200px; } .simple-landing__info-section .info-section__term { margin: 16px 0px; } .simple-landing__info-section .info-section__term h3 { font-weight: 600; margin-bottom: 8px; } .simple-landing__info-section .info-section__term ul { margin: 16px; } .simple-landing__info-section .info-section__term ul li { list-style: disc; margin-bottom: 8px; } .simple-landing__info-section ol { margin-left: 16px; } .simple-landing__info-section ol > li { list-style: lower-alpha; } .not-found-page { align-items: center; display: flex; justify-content: center; padding: 3.5rem; } .not-found-page__texts { margin-left: 5.625rem; } .not-found-page__img { height: 22.1875rem; } .not-found-page__title { color: rgba(0, 0, 0, 0.25); font-size: 3.5rem; font-weight: 700; letter-spacing: 0.06875rem; line-height: 2.5rem; margin-bottom: 0.75rem; } .not-found-page__subtitle { color: rgba(0, 0, 0, 0.9); font-size: 1.5rem; font-weight: 700; letter-spacing: 0.03125rem; line-height: 2.5rem; margin-bottom: 0.25rem; } .not-found-page__link { color: rgb(52, 131, 250); font-size: 0.875rem; font-weight: 700; line-height: 2.5rem; text-decoration: underline !important; } .protected-purchase__container { background-color: rgb(245, 245, 245); } .protected-purchase__container .title-section__container-title { margin: 0px auto; max-width: 75rem; padding: 6rem 2.5rem 4.375rem; text-align: left; } .protected-purchase__container .title-section__container-title .title-section__title { font-size: 24px; font-weight: 600; } .protected-purchase__info-section { background-color: rgb(255, 255, 255); } .protected-purchase__info-section .protected-purchase__info-container { margin: 0px auto; max-width: 75rem; padding: 2rem 2.5rem 4rem; } .protected-purchase__info-section .protected-purchase__info-container .title-section__text { font-size: 16px; font-weight: 400; line-height: 1.25; margin-bottom: 0.75rem; } .protected-purchase__info-section .protected-purchase__info-container .title-section__link { font-size: 16px; font-weight: 400; margin-top: 1.25rem; } .andes-card--padding-0 > .andes-card__content, .andes-card--padding-0 > .andes-card__footer, .andes-card--padding-0 > .andes-card__header { padding: 0px; } .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: rgb(255, 255, 255); border-radius: 6px; font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } .andes-card--animated { transition: box-shadow 0.2s ease-in-out 0s; } .andes-card--animated:hover, .andes-card--elevated { box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px 0px; } .andes-card--flat { box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 2px 0px; } .andes-card--secondary-light { background-color: rgb(245, 245, 245); box-shadow: none; } .andes-card--secondary-dark { background-color: rgb(237, 237, 237); box-shadow: none; } .andes-card--outline { border: 1px solid rgba(0, 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, 0.07); } .andes-card__header-title { color: rgba(0, 0, 0, 0.9); font-size: 16px; font-weight: 600; line-height: 20px; margin: 0px; padding: 0px; } .andes-card__footer { padding-top: 14px; } .andes-card__footer--common { color: rgb(52, 131, 250); font-size: 16px; font-weight: 600; line-height: 20px; text-decoration: none; transition: background-color 0.15s ease-out 0s; } .andes-card__footer--common:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-card__footer--common:focus-visible { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px, rgb(41, 104, 200) 0px 0px 0px 3px, rgba(65, 137, 230, 0.3) 0px 0px 0px 5px; outline: none; } .andes-card__footer--common:focus:not(:focus-visible) { box-shadow: none; outline: none; } .andes-card__footer--common:hover { background-color: rgb(245, 245, 245); color: rgb(41, 104, 200); } .andes-card__footer--link { display: block; } .andes-card__footer--button { background-color: transparent; border-bottom-width: 0px; border-left-color: transparent; border-right-color: transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; border-top-width: 0px; box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px; cursor: pointer; font-family: "Proxima Nova", -apple-system, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; text-align: left; width: 100%; } @media (prefers-reduced-motion: no-preference) { .andes-card__footer--button { transition: box-shadow 0.25s ease-out 0s, background-color 0.2s ease-out 0s; } } .andes-card__footer--border { border-top: 1px solid rgba(0, 0, 0, 0.07); } .andes-card__footer-arrow { border-color: rgb(52, 131, 250); border-style: solid; border-width: 1px 1px 0px 0px; 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: rgb(52, 131, 250); content: ""; display: block; height: 100%; left: 0px; position: absolute; top: 0px; 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: rgb(0, 166, 80); content: ""; display: block; height: 100%; left: 0px; position: absolute; top: 0px; 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: rgb(255, 119, 51); content: ""; display: block; height: 100%; left: 0px; position: absolute; top: 0px; 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: rgb(242, 61, 79); content: ""; display: block; height: 100%; left: 0px; position: absolute; top: 0px; 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; } @media (min-width: 769px) { .content .banner-card { height: 100%; width: 100%; } } .banner-text-img .banner-text { cursor: pointer; } .banner-text { background-position: 50% center; background-size: cover; border-radius: 0px; cursor: auto; height: 10.3125rem; margin: 0.625rem 0px; } .banner-text .banner-card { padding: 0px; } .banner-text img { height: 100%; left: 50%; position: relative; transform: translateX(-50%); } @media (min-width: 768px) { .banner-text { margin: 0px; } .banner-text img { border-radius: 0.25rem; height: 100%; left: 0px; object-fit: cover; transform: none; width: auto; } } @media (min-width: 768px) and (min-width: 1024px) { .banner-text img { width: 100%; } } .banner-text .andes-card { background: rgba(0, 0, 0, 0.1); border-radius: 0px; display: block; height: 100%; } .banner-text .andes-card > :first-child, .banner-text .andes-card > :last-child { border-radius: 0px; } .banner-text__content { box-sizing: border-box; color: rgb(255, 255, 255); display: flex; flex-direction: column; height: 100%; justify-content: center; padding: 1rem; } .banner-text__content .banner-text__title { font-size: 1.5rem; font-weight: 600; padding: 0.5rem 0px; } .banner-text__content .banner-text__link { font-size: 1rem; font-weight: 400; } .banner-text__content .banner-text__link:not(:empty) { border: 0.0625rem solid; border-radius: 0.5rem; padding: 0.5rem 2rem; } .banner-text__content--center { align-items: center; text-align: center; } .banner-text__content--left { align-items: flex-start; text-align: left; } .banner-text__content--right { align-items: flex-end; text-align: right; } .banner-text .banner-text__title--mobile { font-size: 1.125rem; } .banner-text .banner-text__link--mobile { font-size: 0.875rem; } .hub__boxed-width .content .banner-text .andes-card { background: rgba(0, 0, 0, 0.1); display: block; } .banner-text { align-items: center; } .banner-text, .hub__boxed-width .content .banner-text { height: 12.5rem; } .hub__boxed-width .content .banner-text__content { background-color: transparent; } .splinter-row { display: grid; grid-template-columns: repeat(12, minmax(26px, 104px)); padding: 0px; } @media (max-width: 681px) { .splinter-row { padding-bottom: 4px; } } .splinter-row::after, .splinter-row::before { display: table; } .splinter-row::after { clear: both; } .splinter-row.no-reset { margin: 0px; } @media only screen and (min-width: 0) { .splinter-row { margin: -4px; } } @media only screen and (min-width: 681px) { .splinter-row { margin: -8px; } } @media only screen and (min-width: 1024px) { .splinter-row { margin: -8px; } } [class*="splinter-col-"] { box-sizing: border-box; float: left; width: 100%; } .splinter-col-1 { grid-column: auto / span 1; } .splinter-col-2 { grid-column: auto / span 2; } .splinter-col-3 { grid-column: auto / span 3; } .splinter-col-4 { grid-column: auto / span 4; } .splinter-col-5 { grid-column: auto / span 5; } .splinter-col-6 { grid-column: auto / span 6; } .splinter-col-7 { grid-column: auto / span 7; } .splinter-col-8 { grid-column: auto / span 8; } .splinter-col-9 { grid-column: auto / span 9; } .splinter-col-10 { grid-column: auto / span 10; } .splinter-col-11 { grid-column: auto / span 11; } .splinter-col-12 { grid-column: auto / span 12; } @media only screen and (min-width: 0) { [class*="splinter-col-"] { padding: 4px; } .splinter-col-mobile-1 { grid-column: auto / span 1; } .splinter-col-mobile-2 { grid-column: auto / span 2; } .splinter-col-mobile-3 { grid-column: auto / span 3; } .splinter-col-mobile-4 { grid-column: auto / span 4; } .splinter-col-mobile-5 { grid-column: auto / span 5; } .splinter-col-mobile-6 { grid-column: auto / span 6; } .splinter-col-mobile-7 { grid-column: auto / span 7; } .splinter-col-mobile-8 { grid-column: auto / span 8; } .splinter-col-mobile-9 { grid-column: auto / span 9; } .splinter-col-mobile-10 { grid-column: auto / span 10; } .splinter-col-mobile-11 { grid-column: auto / span 11; } .splinter-col-mobile-12 { grid-column: auto / span 12; } } @media only screen and (min-width: 681px) { [class*="splinter-col-"] { padding: 8px; } .splinter-col-tablet-1 { grid-column: auto / span 1; } .splinter-col-tablet-2 { grid-column: auto / span 2; } .splinter-col-tablet-3 { grid-column: auto / span 3; } .splinter-col-tablet-4 { grid-column: auto / span 4; } .splinter-col-tablet-5 { grid-column: auto / span 5; } .splinter-col-tablet-6 { grid-column: auto / span 6; } .splinter-col-tablet-7 { grid-column: auto / span 7; } .splinter-col-tablet-8 { grid-column: auto / span 8; } .splinter-col-tablet-9 { grid-column: auto / span 9; } .splinter-col-tablet-10 { grid-column: auto / span 10; } .splinter-col-tablet-11 { grid-column: auto / span 11; } .splinter-col-tablet-12 { grid-column: auto / span 12; } } @media only screen and (min-width: 1024px) { [class*="splinter-col-"] { padding: 8px; } .splinter-col-desktop-1 { grid-column: auto / span 1; } .splinter-col-desktop-2 { grid-column: auto / span 2; } .splinter-col-desktop-3 { grid-column: auto / span 3; } .splinter-col-desktop-4 { grid-column: auto / span 4; } .splinter-col-desktop-5 { grid-column: auto / span 5; } .splinter-col-desktop-6 { grid-column: auto / span 6; } .splinter-col-desktop-7 { grid-column: auto / span 7; } .splinter-col-desktop-8 { grid-column: auto / span 8; } .splinter-col-desktop-9 { grid-column: auto / span 9; } .splinter-col-desktop-10 { grid-column: auto / span 10; } .splinter-col-desktop-11 { grid-column: auto / span 11; } .splinter-col-desktop-12 { grid-column: auto / span 12; } } .hub__boxed-width { box-sizing: border-box; display: block; min-height: 6.25rem; overflow: hidden; padding: 0px 0.5rem 0.625rem; position: relative; text-align: center; width: 100%; } @media (min-width: 1024px) { .hub__boxed-width { overflow: visible; padding: 0.5rem 0px; } .hub__boxed-width .content { margin: auto; } } .hub__boxed-width .content { max-width: 74rem; } .home .row { display: flex; flex-basis: 100%; flex-wrap: wrap; } .home .hub_carousel { max-width: 78.125rem; } .home .hub_carousel .carousel-container { max-width: 95%; } .home .hub_carousel .arrow-disabled { cursor: default; } .home.home--tools { padding-top: 8.625rem; } .home.home--tools.home--with-flash { padding-top: 10.6875rem; } .home.home--with-banner { padding-top: 4rem; } .home--with-banner .payment-data { align-items: center; display: flex; justify-content: center; position: absolute; top: 12.375rem; width: 100%; } .nav-header__banner-image { background-size: 100%; height: 12.5rem; width: 100%; } .wrapper--with-banner + main > .home { padding-top: 0px; } .wrapper--with-banner + main > .home.home--with-payment { padding-top: 2.5rem; } .home--with-flash { padding-top: 7.6875rem; } .site-shopping-info .info-slide { padding-bottom: 4rem; padding-top: 4rem; } @media (max-width: 768px) { .nav-header__banner { background-color: rgb(221, 221, 221); display: block; line-height: 0; padding-top: 4rem; width: 100%; } .nav-header__banner-image { background-size: 100%; height: 6rem; width: 100%; } .home--with-flash { padding-top: 6.0625rem; } .wrapper--with-banner + main > .home { padding-top: 0px; } .home--with-payment { padding-top: 0px !important; } .payment-data { position: relative !important; top: 0px !important; } }