CINXE.COM

<!DOCTYPE html><html class="no-js country-ES lang-ca locale-ca-ES site-squareup type-display html-bg-white" data-entry-id="7KUwIx0OhsRoJvTB3Ehxeh" lang="ca-ES"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover" /> <meta name="format-detection" content="telephone=no" /> <link rel="icon" href="https://xms-production-f.squarecdn.com/xms/assets/public-web-styles/favicon-770e0889aefd823056c7cdbb066a445be0f0754c1b4d4cba877e120fdbcb63e6.ico" /> <meta name="sq:environment" content="{"env":"production","country_code":"ES","lang_code":"ca","locale":"ca-ES","country_default_language":"es","default_country":"US","default_language":"en","supported_countries":["AU","CA","ES","FR","GB","IE","JP","US"],"detected_country_code":"fr","available_languages":["ca","en","en-AU","en-CA","en-GB","en-IE","en-US","fr","fr-FR","fr-CA","es","es-ES","ca-ES","es-US","ja","ja-JP","pt","pt-PT"]}" /> <meta name="sq:tracking" content="{"eventstream":"xms","google_universal":["UA-9517040-46"],"martech":true,"autotrack":{"page_view":true,"link_click":true,"scroll_depth":true},"cdp":"41ec1b68-21b1-4687-853a-f968e54134db","new_cdp_exp_api_key":"a4e60b87-3ea2-4fb5-a8d0-b04ed68c74fa","pageview_rawdata":{"entry_id":"7KUwIx0OhsRoJvTB3Ehxeh","content_type":"productPage","page_owner":"Seller Experience"},"one_trust_script_src":"https://cdn.cookielaw.org/scripttemplates/otSDKStub.js","enable_one_trust_blocking":true,"drift_id":"mshc9skt2uyu","optimizely":8447815042,"simulate_eu_one_trust_request":false,"one_trust_data_domain_script":"c4657020-c7d1-4a14-a091-267a7ee4863e","enable_onetrust_pageview_experiment":false,"enable_drift":true,"enable_usa_and_canada_one_trust":true,"pass_square_geo_to_one_trust":true,"show_one_trust_footer_link_for_usa_and_canada":true,"cdp_heartbeat_interval_seconds":5,"enable_cdp_heartbeat_url_regex":"https://","enable_new_cdp_exp":false,"cdp_batch_size":1,"enable_datadog_rum":true,"datadog_rum_application_id":"da021de4-34ec-4d5d-ac7f-adeb44b37761","datadog_rum_client_token":"pubd9af00759e65a48ba7ee3ff1dfa4260b"}" /> <meta name="sq:gtm" content="{"enabled":true,"domain":"tealium-f.squarecdn.com","delay":1000}" /> <meta name="sq:flags" content="{"use_app_subdomain":true,"enable_vidyard_player":true,"enable_page_speed_improvements":true,"enable_lazy_onload_execution":true,"enable_global_fallback_cta":false,"enable_pws_no_jquery":false,"optimizely_web_block_list":[],"enable_optimizely_fullstack":true,"enable_optimizely_contentful_tree_parser":true,"enable_optimizely_variations_remover":true,"enable_optimizely_fullstack_page_variations":true,"enable_optimizely_nav_experiments":true,"enable_optimizely_rendered_header_response":true,"personalization_segment_pages_list":["*"],"personalization_groups_pages_list":"[]","enable_shop_pricing_api":true,"datadog_rum_proxy_pages_list":["*"],"enable_pwt":true,"pwt_page_allow_list":["/us/en"],"use_pwt":false}" /> <title>Square: solucions de pagament i eines per al teu negoci</title> <meta name="description" content="Pagaments segurs, gestió de devolució de càrrecs, eines de terminal de punt de venda. Square té tot el que necessites per triomfar." /> <link rel="canonical" href="https://squareup.com/es/ca" /> <link rel="alternate" hreflang="ca-ES" href="https://squareup.com/es/ca" /> <link rel="alternate" hreflang="en-AU" href="https://squareup.com/au/en" /> <link rel="alternate" hreflang="en-CA" href="https://squareup.com/ca/en" /> <link rel="alternate" hreflang="en-GB" href="https://squareup.com/gb/en" /> <link rel="alternate" hreflang="en-IE" href="https://squareup.com/ie/en" /> <link rel="alternate" hreflang="en-US" href="https://squareup.com/us/en" /> <link rel="alternate" hreflang="es-ES" href="https://squareup.com/es/es" /> <link rel="alternate" hreflang="es-US" href="https://squareup.com/us/es" /> <link rel="alternate" hreflang="fr-CA" href="https://squareup.com/ca/fr" /> <link rel="alternate" hreflang="fr-FR" href="https://squareup.com/fr/fr" /> <link rel="alternate" hreflang="ja-JP" href="https://squareup.com/jp/ja" /> <meta property="og:title" content="Square: solucions de pagament i eines per al teu negoci" /> <meta property="og:url" content="https://squareup.com/es/ca" /> <meta property="og:image" content="https://images.ctfassets.net/2d5q1td6cyxq/1he8LZ1eX9Q61Mo4GpYxjm/dde5d15cc93ef23a89ff32e34a96d973/PD04000_-_ESCA_2022Q4_social_image.png?w=1200&h=630&fm=jpg&q=90&fit=thumb" /> <meta property="og:locale" content="ca_ES" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="Square" /> <meta property="og:description" content="Pagaments segurs, gestió de devolució de càrrecs, eines de terminal de punt de venda. Square té tot el que necessites per triomfar." /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="Square" /> <meta name="twitter:creator" content="Square" /> <meta name="twitter:domain" content="squareup.com" /> <meta name="p:domain_verify" content="cb526aa3706990fc2d2969e5ac7ad060" /> <meta name="msvalidate.01" content="35D69B458439DE93C5CAF25B15B09E6C" /><meta content="{"id":"1G5BxAN7xjv8peMM1gTDna"}" name="sq:route" /><link type="application/opensearchdescription+xml" href="https://supportcenter-production-f.squarecdn.com/help/opensearch.xml" rel="search" title="Search Square Support" /><script>window.DDErrorQueue ||= []; window.onerror = function (msg, url, lineNo, columnNo, error) { if (!window.DD_RUM) window.DDErrorQueue.push(error); }; window.onunhandledrejection = function (event) { if (!window.DD_RUM) window.DDErrorQueue.push(event.reason); };</script><link rel="stylesheet" media="all" href="https://xms-production-f.squarecdn.com/xms/assets/application-0589b991540d0d2f4bd6c59ece74a159d002526c634ad894e3cdcefd1ac32acc.css" /><style nonce="yi9wNlxHKWAr3/VjY0oNTG47Eq7BOkBrPCbJ3AhuoYI=">.bg-invert a:not([class~="button"]) { color: var(--color-blue); } .sq-custom-bg-blue-light { --color-blue-light: #CEE7F3; background-color: var(--color-blue-light) !important; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]):not([data-dragging="true"]):not([data-animationg="true"]) .carousel-slide[data-clickable="true"]:not([data-active="true"]) * { pointer-events: all; } .sq-custom-img-border-radius { --border-radius: 10px; } .sq-custom-img-border-radius img { border-radius: var(--border-radius); } .sq-custom-grid-column-gray-rounded { background-color: white !important; } .sq-custom-grid-column-gray-rounded .multi-column-grid { align-items: stretch !important; align-content: stretch !important; } .sq-custom-grid-column-gray-rounded .multi-column-grid > .column > * { background-color: var(--color-gray-05); border-radius: 10px; border: none; } .sq-custom-grid-column-pad-small .multi-column-grid > .column > * { padding: var(--space-small); } .sq-custom-section-1-to-2-col .content { max-width: 100%; } @media (min-width: 1024px) { .sq-custom-section-1-to-2-col .content { width: 100%; } } .sq-custom-section-1-to-2-col .multi-column-grid { justify-content: flex-start !important; } @media (min-width: 1024px) { .sq-custom-section-1-to-2-col .multi-column-grid > .column { width: 50%; } } .sq-custom-section-1-to-2-col .multi-column-grid .picture { height: auto !important; } .sq-custom-section-1-to-2-col .multi-column-grid img { width: 100% !important; height: auto !important; } @media (min-width: 1024px) { .sq-custom-section-1-to-2-col .multi-column-grid > .column:nth-child(1) { width: calc(50% + 15px + 5px); } .sq-custom-section-1-to-2-col .multi-column-grid > .column:nth-child(1) .grid > .column > div { padding-left: 40px; } } @media (min-width: 1292px) { .sq-custom-section-1-to-2-col .multi-column-grid > .column:nth-child(1) { width: calc(50% + 40px); } } @media (min-width: 1024px) { .sq-custom-section-1-to-2-col .multi-column-grid > .column:nth-child(2) { max-width: 434px; } } @media (min-width: 1292px) { .sq-custom-section-1-to-2-col .multi-column-grid > .column:nth-child(2) { max-width: 508px; } } @media (min-width: 838px) { .sq-custom-section-rounded-corners { border-radius: var(--custom-section-border-radius, 10px); margin: 30px; margin-bottom: 0; overflow: hidden; } } .sq-custom-section-rounded-corners-content-width { margin: 0 auto !important; max-width: var(--container-width-extra-large); padding-left: var(--space-small); padding-right: var(--space-small); } @media (min-width: 838px) { .sq-custom-section-rounded-corners-content-width { border-radius: var(--custom-section-border-radius, 10px); margin: 30px; overflow: hidden; } } .sq-custom-section-rounded-corners-radius-small { --custom-section-border-radius: var(--space-small); } .sq-custom-section-hardware-grid .multi-column-grid > .column > div { padding: 30px; position: relative; } .sq-custom-section-hardware-grid .multi-column-grid > .column > div > .grid { min-height: 100%; flex-direction: column-reverse; justify-content: space-between; } .sq-custom-section-hardware-grid .multi-column-grid > .column > div > .grid > .column:nth-child(2) a { position: static; } .sq-custom-section-hardware-grid .multi-column-grid > .column > div > .grid > .column:nth-child(2) a::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .sq-custom-section-hardware-grid .multi-column-grid picture { overflow: visible; } .sq-custom-section-hardware-grid .carousel:not([data-carousel-enabled="false"]) .carousel-slide img { width: auto; } .sq-custom-section-hardware-grid-price { position: absolute; bottom: 0; margin-bottom: 30px; } .sq-custom-section-hardware-grid-price--highlight { background-color: #EDFF80 !important; border-color: transparent !important; color: var(--color-text) !important; font-size: var(--font-size-tiny); line-height: 1; padding: 8px 13px; } .sq-custom-section-hardware-grid-reset-order .multi-column-grid > .column > div > .grid { flex-direction: column; } @media (min-width: 718px) { .sq-custom-section-toolbox-carousel .carousel { margin-left: -5px; } .sq-custom-section-toolbox-carousel .carousel .multi-column-grid { left: -25%; } .sq-custom-section-toolbox-carousel .carousel .carousel-nav { text-align: left; } } @media (max-width: 479px) { .sq-custom-section-toolbox-carousel .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-nav { display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 10px; } .sq-custom-section-toolbox-carousel .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-nav .carousel-button { width: 10px; height: 10px; padding: 0px; } } .sq-custom-section-toolbox-carousel .multi-column-grid { align-items: stretch !important; } .sq-custom-section-toolbox-carousel .multi-column-grid > .column > div { padding: 30px; position: relative; } .section-lead-form .content { max-width: none !important; } .section-lead-form .intro:not(:last-child) { margin-bottom: var(--space-small); } .section-lead-form form .grid-flex-at-medium { margin-left: 0; } .tile .font-size-normal { font-size: 16px !important; } .sq-custom-section-2-col-waterfall .two-column-outer-grid > .column:not(:last-child) { margin-bottom: 120px !important; } @media (min-width: 718px) { .sq-custom-section-2-col-waterfall .two-column-outer-grid > .column:not(:last-child) { margin-bottom: 160px !important; } } @media (max-width: 717px) { .sq-custom-section-resources .multi-column-grid > .column:not(:last-child) { margin-bottom: 120px !important; } } .price-group { border-radius: 10px; overflow: hidden; } .price-group .bg-white { background-color: #f2f2f2 !important; } .sq-custom-section-disclaimer-rounded-corners { position: relative; background-color: #ffffff !important; } .sq-custom-section-disclaimer-rounded-corners .headings-compact { padding: 30px; } @media (min-width: 718px) { .sq-custom-section-disclaimer-rounded-corners .headings-compact { padding: 80px; } } .sq-custom-section-hero-valign-middle { display: flex; align-items: center; } .sq-custom-disable-balance-text br[data-owner='balance-text'] { content: ''; } .sq-custom-disable-balance-text br[data-owner='balance-text']:after { content: ' '; } .sq-custom-disable-balance-text-in-headings h1 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings .h1 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings h2 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings .h2 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings h3 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings .h3 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings h4 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings .h4 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings h5 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings .h5 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings h6 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings .h6 br[data-owner='balance-text'] { content: ''; } .sq-custom-disable-balance-text-in-headings h1 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings .h1 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings h2 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings .h2 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings h3 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings .h3 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings h4 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings .h4 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings h5 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings .h5 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings h6 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings .h6 br[data-owner='balance-text']:after { content: ' '; } .sq-custom-section-with-check-list-align-left-stacked-on-mobile .check-list, .sq-custom-section-with-checklist-align-left-stacked-on-mobile .check-list { text-align: left !important; justify-content: flex-start !important; } .sq-custom-section-with-check-list-align-left-stacked-on-mobile .check-list > *, .sq-custom-section-with-checklist-align-left-stacked-on-mobile .check-list > * { width: auto; } @media (max-width: 1023px) { .sq-custom-section-with-check-list-align-left-stacked-on-mobile .check-list, .sq-custom-section-with-checklist-align-left-stacked-on-mobile .check-list { flex-direction: column; margin: auto; } } .sq-custom-section-with-check-list-align-left-stacked-on-mobile.sq-custom-column-checklist .check-list, .sq-custom-section-with-checklist-align-left-stacked-on-mobile.sq-custom-column-checklist .check-list { flex-direction: column; } .sq-custom-section-with-check-list-align-left-stacked-on-mobile.sq-custom-check-list-space-medium .check-list, .sq-custom-section-with-checklist-align-left-stacked-on-mobile.sq-custom-check-list-space-medium .check-list { margin-left: 0; margin-right: -30px; } .sq-custom-section-with-check-list-align-left-stacked-on-mobile.sq-custom-check-list-space-medium .check-list > *, .sq-custom-section-with-checklist-align-left-stacked-on-mobile.sq-custom-check-list-space-medium .check-list > * { padding-left: 30px; padding-right: 30px; } .sq-custom-section-with-check-list-align-left-stacked-on-mobile.sq-custom-check-list-blue ul.check-list > li::before, .sq-custom-section-with-checklist-align-left-stacked-on-mobile.sq-custom-check-list-blue ul.check-list > li::before { color: #006aff; } .type-display .sq-custom-section-with-check-list-align-left-stacked-on-mobile .font-size-large ul.check-list[class^='grid']:not(.reset):not(.graphical):not(.check-list-stacked) > li, .type-display .sq-custom-section-with-checklist-align-left-stacked-on-mobile .font-size-large ul.check-list[class^='grid']:not(.reset):not(.graphical):not(.check-list-stacked) > li { padding-left: calc(5px + 1.5em); } .type-display .sq-custom-section-with-check-list-align-left-stacked-on-mobile .font-size-large ul.check-list[class^='grid']:not(.reset):not(.graphical):not(.check-list-stacked) > li::before, .type-display .sq-custom-section-with-checklist-align-left-stacked-on-mobile .font-size-large ul.check-list[class^='grid']:not(.reset):not(.graphical):not(.check-list-stacked) > li::before { margin-left: -1.5em; top: 0.375em; } @media (max-width: 1023px) { .sq-custom-section-with-check-list-align-left-on-mobile .intro { text-align: left; } .sq-custom-section-with-check-list-align-left-on-mobile .check-list.align-center { text-align: left !important; } } .sq-custom-section-with-check-list-font-size-normal .check-list { font-size: 16px; line-height: 28px; } .type-display .sq-custom-section-with-check-list-font-size-normal .check-list { font-size: 16px; line-height: 28px; } @media (min-width: 718px) { .sq-custom-pricing-page-section-hero.section-hero .content-wrapper { max-width: 48em; } } .sq-custom-pricing-page-section-intro-gap-bottom-line .intro { margin-bottom: 20px; } .sq-custom-pricing-page-section-intro-gap-bottom-small .intro { margin-bottom: 30px; } @media (min-width: 718px) { .sq-custom-section-lead-form-input-checkbox-button > .lead-form-section > .single-column-lead-form-section form > div { display: flex; flex-wrap: wrap; max-width: 680px !important; } .sq-custom-section-lead-form-input-checkbox-button > .lead-form-section > .single-column-lead-form-section form > div > div:nth-child(1) { width: auto; flex-grow: 1; } .sq-custom-section-lead-form-input-checkbox-button > .lead-form-section > .single-column-lead-form-section form > div > div:nth-child(2) { order: 3; width: 100%; } .sq-custom-section-lead-form-input-checkbox-button > .lead-form-section > .single-column-lead-form-section form > div > .column.align-right { text-align: left !important; order: 2; margin-left: 10px; } .sq-custom-section-lead-form-input-checkbox-button > .lead-form-section > .single-column-lead-form-section form > div > .column:not(.align-right) .lead-form-submit-button { margin-left: 10px; } } @media (min-width: 718px) { .sq-custom-section-lead-form-input-checkbox-button-centered > .lead-form-section > .single-column-lead-form-section form > div { margin-left: auto; margin-right: auto; text-align: center; } } /* BUNDLE=home-page-2021-q1 */ .section-hotspot-image { --hotspot-button-size: 32px; --hotspot-button-padding--near: calc(var(--space-line) - 0.5 * var(--space-base)); --hotspot-button-padding--far: calc(var(--hotspot-button-size) + var(--space-line) - 0.5 * var(--space-base)); --hotspot-button-label-shift--left: calc(0.5 * var(--space-base)); --hotspot-button-label-shift--right: calc(-0.5 * var(--space-base)); --hotspot-tile-button-shift: calc((var(--hotspot-button-size) + var(--space-base)) / 2 ); --hotspot-tile-content-shift: 0px; --hotspot-button-opacity: 0.8; } .section-hotspot-image .hotspot-button, .section-hotspot-image .hotspot-button svg, .section-hotspot-image .hotspot-close-button svg { width: var(--hotspot-button-size); height: var(--hotspot-button-size); } .section-hotspot-image .hotspot-icon, .section-hotspot-image .hotspot-close-button { position: relative; transition: transform var(--duration-slow) var(--easing-decelerate); } .section-hotspot-image .hotspot-icon svg, .section-hotspot-image .hotspot-close-button svg { border: 2px solid var(--color-blue); border-radius: var(--hotspot-button-size); } .section-hotspot-image .hotspot-button .hotspot-button-label { width: auto; cursor: pointer; font-weight: var(--font-weight-medium); line-height: calc(var(--hotspot-button-size) + var(--space-base)); padding-left: calc(var(--hotspot-button-size) + var(--space-line) - 0.5 * var(--space-base)); padding-right: calc(var(--space-line) - 0.5 * var(--space-base)); border-radius: var(--hotspot-button-size); white-space: nowrap; color: var(--color-blue); background-color: white; position: absolute; top: 50%; left: 0%; transform-origin: var(--hotspot-button-size) center; transform: translate(calc(-0.5 * var(--space-base)), -50%) scale(1); z-index: -1; } .section-hotspot-image .hotspot-button.hotspot-quadrant-top-right .hotspot-button-label, .section-hotspot-image .hotspot-button.hotspot-quadrant-bottom-right .hotspot-button-label { left: auto; right: 0%; padding-left: var(--hotspot-button-padding--near); padding-right: var(--hotspot-button-padding--far); transform: translate(var(--hotspot-button-label-shift--left), -50%) scale(1); } .section-hotspot-image .hotspot-tile { border-radius: 20px; overflow: hidden; } .section-hotspot-image .hotspot-tile .hotspot-close-button { display: none; position: absolute; right: calc(-1 * var(--space-base)); top: var(--hotspot-tile-button-shift); pointer-events: none; } .section-hotspot-image .hotspot-tile .hotspot-close-button svg { transform: rotate(0); opacity: 0; transition: transform var(--duration-default) var(--easing-accelerate), opacity var(--duration-slow) var(--easing-accelerate); } .section-hotspot-image .hotspot-tile.hotspot-quadrant-top-left { transform: translate3d(calc(-1 * var(--hotspot-tile-button-shift)), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image .hotspot-tile.hotspot-quadrant-bottom-left { transform: translate3d(calc(-1 * var(--hotspot-tile-button-shift)), calc(-100% + var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image .hotspot-tile.hotspot-quadrant-bottom-left .hotspot-close-button { top: auto; bottom: calc(-1 * var(--space-base)); } .section-hotspot-image .hotspot-tile.hotspot-quadrant-top-left svg, .section-hotspot-image .hotspot-tile.hotspot-quadrant-bottom-left svg { transform: translate(-25%, 0%); } .section-hotspot-image .hotspot-tile.hotspot-quadrant-top-right { transform: translate3d(calc(-100% + var(--hotspot-tile-button-shift)), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image .hotspot-tile.hotspot-quadrant-bottom-right { transform: translate(calc(-100% + var(--hotspot-tile-button-shift)), calc(-100% + var(--hotspot-tile-button-shift))); } .section-hotspot-image .hotspot-tile.hotspot-quadrant-bottom-right .hotspot-close-button { top: auto; bottom: calc(-1 * var(--space-base)); } .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-translucent .hotspot-icon svg circle, .section-hotspot-image.sq-custom-hotspot--button-translucent .hotspot-icon svg circle { fill-opacity: 0; } .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-translucent .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--button-translucent .hotspot-button-label { background-color: rgba(255, 255, 255, var(--hotspot-button-opacity)); } .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-compact, .section-hotspot-image.sq-custom-hotspot--button-compact { --hotspot-button-size: 20px; --hotspot-button-padding--far: calc(var(--hotspot-button-size) + 1ch); } .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-compact .hotspot-button, .section-hotspot-image.sq-custom-hotspot--button-compact .hotspot-button { --hotspot-button-padding--near: 0px; } .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-compact .hotspot-button .hotspot-icon svg, .section-hotspot-image.sq-custom-hotspot--button-compact .hotspot-button .hotspot-icon svg { border: none; vertical-align: unset; } .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-compact .hotspot-button .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--button-compact .hotspot-button .hotspot-button-label { background-color: transparent; color: inherit; } .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-compact .hotspot-button.hotspot-quadrant-top-left .hotspot-button-label, .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-compact .hotspot-button.hotspot-quadrant-bottom-left .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--button-compact .hotspot-button.hotspot-quadrant-top-left .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--button-compact .hotspot-button.hotspot-quadrant-bottom-left .hotspot-button-label { padding-left: var(--hotspot-button-padding--far); padding-right: var(--hotspot-button-padding--near); } .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-compact .hotspot-button.hotspot-quadrant-top-right .hotspot-button-label, .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-compact .hotspot-button.hotspot-quadrant-bottom-right .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--button-compact .hotspot-button.hotspot-quadrant-top-right .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--button-compact .hotspot-button.hotspot-quadrant-bottom-right .hotspot-button-label { padding-left: var(--hotspot-button-padding--near); padding-right: var(--hotspot-button-padding--far); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-button.hotspot-quadrant-top-left .hotspot-button-label, .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-button.hotspot-quadrant-bottom-left .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-button.hotspot-quadrant-top-left .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-button.hotspot-quadrant-bottom-left .hotspot-button-label { left: auto; right: 0%; padding-left: var(--hotspot-button-padding--near); padding-right: var(--hotspot-button-padding--far); transform: translate(calc(var(--hotspot-button-label-shift--left)), -50%) scale(1); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-button.hotspot-quadrant-top-right .hotspot-button-label, .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-button.hotspot-quadrant-bottom-right .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-button.hotspot-quadrant-top-right .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-button.hotspot-quadrant-bottom-right .hotspot-button-label { left: 0%; right: auto; padding-left: var(--hotspot-button-padding--far); padding-right: var(--hotspot-button-padding--near); transform: translate(calc(var(--hotspot-button-label-shift--right)), -50%) scale(1); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-tile.hotspot-quadrant-top-left, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-tile.hotspot-quadrant-top-left { transform: translate3d(calc(max(-1px * var(--hotspot-button-label-width, 0), -100%) + var(--hotspot-tile-button-shift)), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-tile.hotspot-quadrant-bottom-left, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-tile.hotspot-quadrant-bottom-left { transform: translate(calc(max(-1px * var(--hotspot-button-label-width, 0), -100%) + var(--hotspot-tile-button-shift)), calc(-100% + var(--hotspot-tile-button-shift))); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-tile.hotspot-quadrant-top-left svg, .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-tile.hotspot-quadrant-bottom-left svg, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-tile.hotspot-quadrant-top-left svg, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-tile.hotspot-quadrant-bottom-left svg { transform: translate(-25%, 0%); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-tile.hotspot-quadrant-top-right, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-tile.hotspot-quadrant-top-right { transform: translate3d(calc(min(-100% + (1px * var(--hotspot-button-label-width)), 0px) - 1 * var(--hotspot-tile-button-shift)), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-tile.hotspot-quadrant-bottom-right, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-tile.hotspot-quadrant-bottom-right { transform: translate3d(calc(min(-100% + (1px * var(--hotspot-button-label-width)), 0px) - 1 * var(--hotspot-tile-button-shift)), calc(-100% + var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-tile.hotspot-quadrant-top-right .hotspot-close-button svg, .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-tile.hotspot-quadrant-bottom-right .hotspot-close-button svg, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-tile.hotspot-quadrant-top-right .hotspot-close-button svg, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-tile.hotspot-quadrant-bottom-right .hotspot-close-button svg { transform: translate(-25%, 0%); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-top-left[data-flip=true] .hotspot-button-label, .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-left[data-flip=true] .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-top-left[data-flip=true] .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-left[data-flip=true] .hotspot-button-label { left: auto; right: 0%; padding-left: var(--hotspot-button-padding--near); padding-right: var(--hotspot-button-padding--far); transform: translate(calc(var(--hotspot-button-label-shift--left)), -50%) scale(1); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-top-right[data-flip=true] .hotspot-button-label, .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-right[data-flip=true] .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-top-right[data-flip=true] .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-right[data-flip=true] .hotspot-button-label { left: 0%; right: auto; padding-left: var(--hotspot-button-padding--far); padding-right: var(--hotspot-button-padding--near); transform: translate(calc(var(--hotspot-button-label-shift--right)), -50%) scale(1); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-left[data-flip=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-left[data-flip=true] { transform: translate3d(calc(max(-1px * var(--hotspot-button-label-width, 0), -100%) + var(--hotspot-tile-button-shift)), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-left[data-flip=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-left[data-flip=true] { transform: translate(calc(max(-1px * var(--hotspot-button-label-width, 0), -100%) + var(--hotspot-tile-button-shift)), calc(-100% + var(--hotspot-tile-button-shift))); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-left[data-flip=true] svg, .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-left[data-flip=true] svg, .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-left[data-flip=true] svg, .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-left[data-flip=true] svg { transform: translate(-25%, 0%); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-right[data-flip=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-right[data-flip=true] { transform: translate3d(calc(min(-100% + (1px * var(--hotspot-button-label-width)), 0px) - 1 * var(--hotspot-tile-button-shift)), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-right[data-flip=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-right[data-flip=true] { transform: translate3d(calc(min(-100% + (1px * var(--hotspot-button-label-width)), 0px) - 1 * var(--hotspot-tile-button-shift)), calc(-100% + var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-right[data-flip=true] .hotspot-close-button svg, .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-right[data-flip=true] .hotspot-close-button svg, .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-right[data-flip=true] .hotspot-close-button svg, .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-right[data-flip=true] .hotspot-close-button svg { transform: translate(-25%, 0%); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-top-left[data-center=true], .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-left[data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-top-left[data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-left[data-center=true] { transform: translate3d(calc((var(--hotspot-button-size) - var(--hotspot-button-label-shift--left) - 1px * var(--hotspot-button-label-width)) / 2), -50%, 0) scale(1); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-top-right[data-center=true], .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-right[data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-top-right[data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-right[data-center=true] { transform: translate3d(calc((-1 * var(--hotspot-button-size) + var(--hotspot-button-label-shift--right) + 1px * var(--hotspot-button-label-width)) / 2), -50%, 0) scale(1); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-left[data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-left[data-center=true] { transform: translate3d(calc(max(-1px * var(--hotspot-button-label-width) / 2, -100%) + var(--hotspot-button-label-shift--left)), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-left[data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-left[data-center=true] { transform: translate3d(calc(max(-1px * var(--hotspot-button-label-width) / 2, -100%) + var(--hotspot-button-label-shift--left)), calc(-100% + var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-right[data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-right[data-center=true] { transform: translate3d(calc(max(-100% + 1px * var(--hotspot-button-label-width) / 2, -100%) + var(--hotspot-tile-button-shift)), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-right[data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-right[data-center=true] { transform: translate3d(calc(max(-100% + 1px * var(--hotspot-button-label-width) / 2, -100%) + var(--hotspot-tile-button-shift)), calc(-100% + var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-top-left[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-left[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-top-left[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-left[data-flip=true][data-center=true] { transform: translate3d(calc((-2 * var(--hotspot-button-size) - var(--hotspot-button-label-shift--left) + 1px * var(--hotspot-button-label-width)) / 2), -50%, 0) scale(1); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-top-right[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-right[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-top-right[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-right[data-flip=true][data-center=true] { transform: translate3d(calc((1 * var(--hotspot-button-size) + var(--hotspot-button-label-shift--right) - 1px * var(--hotspot-button-label-width)) / 2), -50%, 0) scale(1); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-left[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-left[data-flip=true][data-center=true] { transform: translate3d(calc(max(-1px * var(--hotspot-button-label-width) / 2, -100%)), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-left[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-left[data-flip=true][data-center=true] { transform: translate3d(calc(max(-1px * var(--hotspot-button-label-width) / 2, -100%)), calc(-100% + var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-right[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-right[data-flip=true][data-center=true] { transform: translate3d(calc(max(-100% + 1px * var(--hotspot-button-label-width) / 2, -100%) + var(--hotspot-tile-button-shift) / 2), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-right[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-right[data-flip=true][data-center=true] { transform: translate3d(calc(max(-100% + 1px * var(--hotspot-button-label-width) / 2, -100%) + var(--hotspot-tile-button-shift) / 2), calc(-100% + var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--disable-pulse .hotspot-pulse:before, .section-hotspot-image.sq-custom-section-hotspot-image--disable-pulse .hotspot-pulse:after, .section-hotspot-image.sq-custom-hotspot--disable-pulse .hotspot-pulse:before, .section-hotspot-image.sq-custom-hotspot--disable-pulse .hotspot-pulse:after { visibility: hidden; animation-play-state: paused; } .section-hotspot-image.sq-custom-section-hotspot-image--pulse-on-hover .hotspot-pulse:before, .section-hotspot-image.sq-custom-section-hotspot-image--pulse-on-hover .hotspot-pulse:after, .section-hotspot-image.sq-custom-hotspot--pulse-on-hover .hotspot-pulse:before, .section-hotspot-image.sq-custom-hotspot--pulse-on-hover .hotspot-pulse:after { visibility: hidden; animation-play-state: paused; } .section-hotspot-image.sq-custom-section-hotspot-image--pulse-on-hover .hotspot-pulse:hover::before, .section-hotspot-image.sq-custom-section-hotspot-image--pulse-on-hover .hotspot-pulse:hover::after, .section-hotspot-image.sq-custom-hotspot--pulse-on-hover .hotspot-pulse:hover::before, .section-hotspot-image.sq-custom-hotspot--pulse-on-hover .hotspot-pulse:hover::after { visibility: visible; animation-play-state: running; animation-duration: 3000ms; } .section-hotspot-image.sq-custom-section-hotspot-image--hide-labels .hotspot-button .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--hide-labels .hotspot-button .hotspot-button-label { display: none; } @media (max-width: 717px) { .section-hotspot-image.sq-custom-section-hotspot-image--hide-labels-until-medium .hotspot-button .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--hide-labels-until-medium .hotspot-button .hotspot-button-label { display: none; } } @media (max-width: 1023px) { .section-hotspot-image.sq-custom-section-hotspot-image--hide-labels-until-large .hotspot-button .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--hide-labels-until-large .hotspot-button .hotspot-button-label { display: none; } } .section-hotspot-image.sq-custom-section-hotspot-image--show-close-button .hotspot-tile .hotspot-close-button, .section-hotspot-image.sq-custom-hotspot--show-close-button .hotspot-tile .hotspot-close-button { display: block; } .section-hotspot-image .hotspot-tile.active .hotspot-close-button { pointer-events: auto; } .section-hotspot-image .hotspot-tile.active .hotspot-close-button svg { opacity: 1; transform: translate(0%, 0%) rotate(45deg) !important; transition: transform var(--duration-default) var(--easing-decelerate), opacity var(--duration-slow) var(--easing-decelerate); } @media (max-width: 717px) { .section-hotspot-image.sq-custom-section-hotspot-image--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile, .section-hotspot-image.sq-custom-hotspot--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile { left: 50% !important; } .section-hotspot-image.sq-custom-section-hotspot-image--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile.hotspot-quadrant-top-left, .section-hotspot-image.sq-custom-section-hotspot-image--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile.hotspot-quadrant-top-right, .section-hotspot-image.sq-custom-hotspot--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile.hotspot-quadrant-top-left, .section-hotspot-image.sq-custom-hotspot--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile.hotspot-quadrant-top-right { transform: translate3d(-50%, calc(-1 * var(--hotspot-tile-button-shift)), 0) !important; } .section-hotspot-image.sq-custom-section-hotspot-image--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile.hotspot-quadrant-bottom-left, .section-hotspot-image.sq-custom-section-hotspot-image--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile.hotspot-quadrant-bottom-right, .section-hotspot-image.sq-custom-hotspot--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile.hotspot-quadrant-bottom-left, .section-hotspot-image.sq-custom-hotspot--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile.hotspot-quadrant-bottom-right { transform: translate3d(-50%, calc(-100% + 1 * var(--hotspot-tile-button-shift)), 0) !important; } } .section-hotspot-image.sq-custom-section-hotspot-image--tile-heading-gap-bottom-base .hotspot-tile-heading, .section-hotspot-image.sq-custom-hotspot--tile-heading-gap-bottom-base .hotspot-tile-heading { margin-bottom: var(--space-base); } .section-hotspot-image.sq-custom-section-hotspot-image--tile-heading-gap-bottom-tweak .hotspot-tile-heading, .section-hotspot-image.sq-custom-hotspot--tile-heading-gap-bottom-tweak .hotspot-tile-heading { margin-bottom: calc(var(--space-base) / 2); } @media (max-width: 1023px) { .sq-custom-section-scroll-animation-video-hotspots { display: none; } } @media (min-width: 1024px) { .sq-custom-section-scroll-animation-video-hotspots-mobile { display: none; } } .sq-custom-section-scroll-animation-video-hotspots-mobile:before, .sq-custom-section-scroll-animation-video-hotspots-mobile:after { content: ""; z-index: 10; display: block; height: var(--space-large); width: 100%; background-color: var(--color-gray-05); } @media (min-width: 480px) { .sq-custom-section-scroll-animation-video-hotspots-mobile:before, .sq-custom-section-scroll-animation-video-hotspots-mobile:after { height: var(--space-xl); } } .sq-custom-section-scroll-animation-video-hotspots-mobile .apropos-entry { background-color: var(--color-accent); } .sq-custom-section-scroll-animation-video-hotspots-mobile .apropos-entry picture { overflow: visible; } .sq-custom-section-scroll-animation-video-hotspots-mobile .apropos-entry img { transform: scale(1.5); transform-origin: center center; } :root { --font-size-display-base: 16px; --line-height-display-base: 24px; --font-size-display-tiny: 12px; --line-height-display-tiny: 18px; --font-size-display-small: 14px; --line-height-display-small: 20px; --font-size-display-medium: 16px; --line-height-display-medium: 24px; --font-size-display-large-base: 20px; --line-height-display-large-base: 28px; --font-size-display-large-medium: 24px; --line-height-display-large-medium: 32px; --font-size-display-h6-base: 16px; --line-height-display-h6-base: 22px; --font-size-display-h6-medium: 16px; --line-height-display-h6-medium: 22px; --font-size-display-h5-base: 18px; --line-height-display-h5-base: 24px; --font-size-display-h5-medium: 20px; --line-height-display-h5-medium: 26px; --font-size-display-h4-base: 20px; --line-height-display-h4-base: 26px; --font-size-display-h4-medium: 24px; --line-height-display-h4-medium: 30px; --font-size-display-h3-base: 24px; --line-height-display-h3-base: 30px; --font-size-display-h3-medium: 32px; --line-height-display-h3-medium: 38px; --font-size-display-h2-base: 30px; --line-height-display-h2-base: 36px; --font-size-display-h2-medium: 50px; --line-height-display-h2-medium: 56px; --font-size-display-h1-base: 38px; --line-height-display-h1-base: 42px; --font-size-display-h1-medium: 62px; --line-height-display-h1-medium: 68px; --letter-spacing-display-h1-medium: -0.75px; --font-size-display-hero-base: 46px; --line-height-display-hero-base: 50px; --font-size-display-hero-medium: 86px; --line-height-display-hero-medium: 83px; --letter-spacing-display-hero-medium: -1px; } /* Override options for link styles DRI: adoshi@ BUNDLE=home-page-2021-q1 */ /* Link hover color ------------------------------------ */ a:not([class~="button"]):not(.tile), .link:not([class~="button"]):not(.tile) { --color-blue-light: #207DFF; --color-blue-dark: #005FE3; transition: color var(--duration-quick) var(--easing-sharp); } .main-content section:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .main-content section:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .main-content section:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .main-content section:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-blue-dark); } .main-content .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .main-content .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .main-content .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .main-content .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-blue-light); } .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-lime-dark); } .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-lime-light); } .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-green-dark); } .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-green-light); } .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-teal-dark); } .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-teal-light); } .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-blue-dark); } .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-blue-light); } .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-royal-blue-dark); } .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-royal-blue-light); } .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-indigo-dark); } .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-indigo-light); } .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-purple-dark); } .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-purple-light); } .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-plum-dark); } .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-plum-light); } .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-rose-dark); } .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-rose-light); } .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-orange-dark); } .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-orange-light); } /* Link arrow animation -------------------------------- */ @keyframes slide-forward { from { transform: translateX(0); } to { transform: translateX(35%); } } .main-content section:not(.sq-custom-disable-link-hover-animation) a:hover .arrow::after, .main-content section:not(.sq-custom-disable-link-hover-animation) a:hover .arrow-right::after, .main-content section:not(.sq-custom-disable-link-hover-animation) a:focus .arrow::after, .main-content section:not(.sq-custom-disable-link-hover-animation) a:focus .arrow-right::after, .main-content section:not(.sq-custom-disable-link-hover-animation) .link:hover .arrow::after, .main-content section:not(.sq-custom-disable-link-hover-animation) .link:hover .arrow-right::after, .main-content section:not(.sq-custom-disable-link-hover-animation) .link:focus .arrow::after, .main-content section:not(.sq-custom-disable-link-hover-animation) .link:focus .arrow-right::after { animation-name: slide-forward; animation-duration: var(--duration-complex); animation-timing-function: var(--easing-decelerate); animation-iteration-count: 2; animation-direction: alternate; } @charset "UTF-8"; /* do not edit; file hosted in public-web-customizations. Contains EDI custom grid variables DRI: adoshi@ BUNDLE=home-page-2021-q1 */ /* do not edit; file hosted in public-web-customizations. Contains EDI custom grid overrides DRI: adoshi@ BUNDLE=home-page-2021-q1 */ /* --- NOTES --- These overrides only support apropos fluid option --- END --- */ :root { --old-body-width-max: 1680px; --body-width-min: 320px; --body-width-max: 2560px; --content-width-max: 2000px; --breakpoint-width-extra-small: 375px; --breakpoint-width-small: 717px; --breakpoint-width-medium: 1023px; --breakpoint-width-large: 1240px; --breakpoint-width-extra-large: 1500px; --container-width-base: 295px; --container-width-extra-small: 344px; --container-width-small: 624px; --container-width-medium: 972px; --container-width-large: 1200px; --container-width-extra-large: 1416px; --container-border-radius-base: 16px; --container-border-radius-medium: 24px; --container-border-radius: var(--container-border-radius-base); } @media (min-width: 1023px) { :root { --container-border-radius: var(--container-border-radius-medium); } } @media (min-width: 0) { .hide-at-base, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 374px) { .hide-at-extra-small, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 480px) { .hide-at-small, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 718px) { .hide-at-medium, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 1024px) { .hide-at-large, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 1292px) { .hide-at-extra-large, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 718px) { .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-nav { position: revert; top: revert; left: revert; margin: revert; width: revert; max-width: revert; height: revert; transform: revert; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left { position: revert; left: revert; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left::before { border-color: revert; box-shadow: revert; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { position: revert; right: revert; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { border-color: revert; box-shadow: revert; } } @media (min-width: 718px) { .two-thirds-at-medium { width: unset !important; } } @media (min-width: 718px) { .align-left-at-medium { text-align: unset !important; } .align-center-at-medium { text-align: unset !important; } .align-right-at-medium { text-align: unset !important; } .align-justify-at-medium { text-align: unset !important; } } @media (min-width: 1024px) { .align-left-at-large { text-align: unset !important; } .align-center-at-large { text-align: unset !important; } .align-right-at-large { text-align: unset !important; } .align-justify-at-large { text-align: unset !important; } } [class^='grid'], [class*=' grid'] { display: flex; flex-wrap: wrap; margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); margin-bottom: calc(-1 * var(--space-line)) !important; } [class^='grid'] > *, [class*=' grid'] > * { flex: 0 1 auto; } [class^='grid'] > *, [class*=' grid'] > * { width: 100%; } [class^='grid'] > *, [class*=' grid'] > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } [class^='grid'] > *, [class*=' grid'] > * { margin-bottom: var(--space-line) !important; } .gap-base[class^='grid'], .gap-vert-base[class^='grid'], .gap-bottom-base[class^='grid'], .gap-base[class*=' grid'], .gap-vert-base[class*=' grid'], .gap-bottom-base[class*=' grid'] { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .gap-line[class^='grid'], .gap-vert-line[class^='grid'], .gap-bottom-line[class^='grid'], .gap-line[class*=' grid'], .gap-vert-line[class*=' grid'], .gap-bottom-line[class*=' grid'] { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .gap-small[class^='grid'], .gap-vert-small[class^='grid'], .gap-bottom-small[class^='grid'], .gap-small[class*=' grid'], .gap-vert-small[class*=' grid'], .gap-bottom-small[class*=' grid'] { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .gap-medium[class^='grid'], .gap-vert-medium[class^='grid'], .gap-bottom-medium[class^='grid'], .gap-medium[class*=' grid'], .gap-vert-medium[class*=' grid'], .gap-bottom-medium[class*=' grid'] { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .gap-large[class^='grid'], .gap-vert-large[class^='grid'], .gap-bottom-large[class^='grid'], .gap-large[class*=' grid'], .gap-vert-large[class*=' grid'], .gap-bottom-large[class*=' grid'] { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .gap-xl[class^='grid'], .gap-vert-xl[class^='grid'], .gap-bottom-xl[class^='grid'], .gap-xl[class*=' grid'], .gap-vert-xl[class*=' grid'], .gap-bottom-xl[class*=' grid'] { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .gap-xxl[class^='grid'], .gap-vert-xxl[class^='grid'], .gap-bottom-xxl[class^='grid'], .gap-xxl[class*=' grid'], .gap-vert-xxl[class*=' grid'], .gap-bottom-xxl[class*=' grid'] { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .gap-none[class^='grid'], .gap-vert-none[class^='grid'], .gap-bottom-none[class^='grid'], .gap-none[class*=' grid'], .gap-vert-none[class*=' grid'], .gap-bottom-none[class*=' grid'] { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-reverse { flex-direction: row-reverse; } .grid-row-equal-heights > * { display: flex; flex-wrap: wrap; } .grid-row-equal-heights > * > * { flex: 0 1 auto; } .grid-row-equal-heights > * > * { width: 100%; } .no-shrink { flex-shrink: 0 !important; } .grid-auto > *, .grid-flex > * { width: auto; } .grid-flex { display: flex; flex-wrap: nowrap; } .grid-flex > * { flex: 0 1 auto; } .grid-1 { flex-wrap: wrap; } .grid-1 > * { width: 100%; } .grid-2 { flex-wrap: wrap; } .grid-2 > * { width: 50%; } .grid-3 { flex-wrap: wrap; } .grid-3 > * { width: 33.3333333333%; } .grid-4 { flex-wrap: wrap; } .grid-4 > * { width: 25%; } .grid-5 { flex-wrap: wrap; } .grid-5 > * { width: 20%; } .grid-space-base, .grid-col-space-base { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base > *, .grid-col-space-base > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base, .grid-row-space-base { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base > *, .grid-row-space-base > * { margin-bottom: var(--space-base) !important; } .grid-space-base.gap-base, .grid-space-base.gap-vert-base, .grid-space-base.gap-bottom-base, .grid-row-space-base.gap-base, .grid-row-space-base.gap-vert-base, .grid-row-space-base.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base.gap-line, .grid-space-base.gap-vert-line, .grid-space-base.gap-bottom-line, .grid-row-space-base.gap-line, .grid-row-space-base.gap-vert-line, .grid-row-space-base.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base.gap-small, .grid-space-base.gap-vert-small, .grid-space-base.gap-bottom-small, .grid-row-space-base.gap-small, .grid-row-space-base.gap-vert-small, .grid-row-space-base.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base.gap-medium, .grid-space-base.gap-vert-medium, .grid-space-base.gap-bottom-medium, .grid-row-space-base.gap-medium, .grid-row-space-base.gap-vert-medium, .grid-row-space-base.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base.gap-large, .grid-space-base.gap-vert-large, .grid-space-base.gap-bottom-large, .grid-row-space-base.gap-large, .grid-row-space-base.gap-vert-large, .grid-row-space-base.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base.gap-xl, .grid-space-base.gap-vert-xl, .grid-space-base.gap-bottom-xl, .grid-row-space-base.gap-xl, .grid-row-space-base.gap-vert-xl, .grid-row-space-base.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base.gap-xxl, .grid-space-base.gap-vert-xxl, .grid-space-base.gap-bottom-xxl, .grid-row-space-base.gap-xxl, .grid-row-space-base.gap-vert-xxl, .grid-row-space-base.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base.gap-none, .grid-space-base.gap-vert-none, .grid-space-base.gap-bottom-none, .grid-row-space-base.gap-none, .grid-row-space-base.gap-vert-none, .grid-row-space-base.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line, .grid-col-space-line { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line > *, .grid-col-space-line > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line, .grid-row-space-line { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line > *, .grid-row-space-line > * { margin-bottom: var(--space-line) !important; } .grid-space-line.gap-base, .grid-space-line.gap-vert-base, .grid-space-line.gap-bottom-base, .grid-row-space-line.gap-base, .grid-row-space-line.gap-vert-base, .grid-row-space-line.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line.gap-line, .grid-space-line.gap-vert-line, .grid-space-line.gap-bottom-line, .grid-row-space-line.gap-line, .grid-row-space-line.gap-vert-line, .grid-row-space-line.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line.gap-small, .grid-space-line.gap-vert-small, .grid-space-line.gap-bottom-small, .grid-row-space-line.gap-small, .grid-row-space-line.gap-vert-small, .grid-row-space-line.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line.gap-medium, .grid-space-line.gap-vert-medium, .grid-space-line.gap-bottom-medium, .grid-row-space-line.gap-medium, .grid-row-space-line.gap-vert-medium, .grid-row-space-line.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line.gap-large, .grid-space-line.gap-vert-large, .grid-space-line.gap-bottom-large, .grid-row-space-line.gap-large, .grid-row-space-line.gap-vert-large, .grid-row-space-line.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line.gap-xl, .grid-space-line.gap-vert-xl, .grid-space-line.gap-bottom-xl, .grid-row-space-line.gap-xl, .grid-row-space-line.gap-vert-xl, .grid-row-space-line.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line.gap-xxl, .grid-space-line.gap-vert-xxl, .grid-space-line.gap-bottom-xxl, .grid-row-space-line.gap-xxl, .grid-row-space-line.gap-vert-xxl, .grid-row-space-line.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line.gap-none, .grid-space-line.gap-vert-none, .grid-space-line.gap-bottom-none, .grid-row-space-line.gap-none, .grid-row-space-line.gap-vert-none, .grid-row-space-line.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small, .grid-col-space-small { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small > *, .grid-col-space-small > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small, .grid-row-space-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small > *, .grid-row-space-small > * { margin-bottom: var(--space-small) !important; } .grid-space-small.gap-base, .grid-space-small.gap-vert-base, .grid-space-small.gap-bottom-base, .grid-row-space-small.gap-base, .grid-row-space-small.gap-vert-base, .grid-row-space-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small.gap-line, .grid-space-small.gap-vert-line, .grid-space-small.gap-bottom-line, .grid-row-space-small.gap-line, .grid-row-space-small.gap-vert-line, .grid-row-space-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small.gap-small, .grid-space-small.gap-vert-small, .grid-space-small.gap-bottom-small, .grid-row-space-small.gap-small, .grid-row-space-small.gap-vert-small, .grid-row-space-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small.gap-medium, .grid-space-small.gap-vert-medium, .grid-space-small.gap-bottom-medium, .grid-row-space-small.gap-medium, .grid-row-space-small.gap-vert-medium, .grid-row-space-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small.gap-large, .grid-space-small.gap-vert-large, .grid-space-small.gap-bottom-large, .grid-row-space-small.gap-large, .grid-row-space-small.gap-vert-large, .grid-row-space-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small.gap-xl, .grid-space-small.gap-vert-xl, .grid-space-small.gap-bottom-xl, .grid-row-space-small.gap-xl, .grid-row-space-small.gap-vert-xl, .grid-row-space-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small.gap-xxl, .grid-space-small.gap-vert-xxl, .grid-space-small.gap-bottom-xxl, .grid-row-space-small.gap-xxl, .grid-row-space-small.gap-vert-xxl, .grid-row-space-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small.gap-none, .grid-space-small.gap-vert-none, .grid-space-small.gap-bottom-none, .grid-row-space-small.gap-none, .grid-row-space-small.gap-vert-none, .grid-row-space-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium, .grid-col-space-medium { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium > *, .grid-col-space-medium > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium, .grid-row-space-medium { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium > *, .grid-row-space-medium > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium.gap-base, .grid-space-medium.gap-vert-base, .grid-space-medium.gap-bottom-base, .grid-row-space-medium.gap-base, .grid-row-space-medium.gap-vert-base, .grid-row-space-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium.gap-line, .grid-space-medium.gap-vert-line, .grid-space-medium.gap-bottom-line, .grid-row-space-medium.gap-line, .grid-row-space-medium.gap-vert-line, .grid-row-space-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium.gap-small, .grid-space-medium.gap-vert-small, .grid-space-medium.gap-bottom-small, .grid-row-space-medium.gap-small, .grid-row-space-medium.gap-vert-small, .grid-row-space-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium.gap-medium, .grid-space-medium.gap-vert-medium, .grid-space-medium.gap-bottom-medium, .grid-row-space-medium.gap-medium, .grid-row-space-medium.gap-vert-medium, .grid-row-space-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium.gap-large, .grid-space-medium.gap-vert-large, .grid-space-medium.gap-bottom-large, .grid-row-space-medium.gap-large, .grid-row-space-medium.gap-vert-large, .grid-row-space-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium.gap-xl, .grid-space-medium.gap-vert-xl, .grid-space-medium.gap-bottom-xl, .grid-row-space-medium.gap-xl, .grid-row-space-medium.gap-vert-xl, .grid-row-space-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium.gap-xxl, .grid-space-medium.gap-vert-xxl, .grid-space-medium.gap-bottom-xxl, .grid-row-space-medium.gap-xxl, .grid-row-space-medium.gap-vert-xxl, .grid-row-space-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium.gap-none, .grid-space-medium.gap-vert-none, .grid-space-medium.gap-bottom-none, .grid-row-space-medium.gap-none, .grid-row-space-medium.gap-vert-none, .grid-row-space-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large, .grid-col-space-large { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large > *, .grid-col-space-large > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large, .grid-row-space-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large > *, .grid-row-space-large > * { margin-bottom: var(--space-large) !important; } .grid-space-large.gap-base, .grid-space-large.gap-vert-base, .grid-space-large.gap-bottom-base, .grid-row-space-large.gap-base, .grid-row-space-large.gap-vert-base, .grid-row-space-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large.gap-line, .grid-space-large.gap-vert-line, .grid-space-large.gap-bottom-line, .grid-row-space-large.gap-line, .grid-row-space-large.gap-vert-line, .grid-row-space-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large.gap-small, .grid-space-large.gap-vert-small, .grid-space-large.gap-bottom-small, .grid-row-space-large.gap-small, .grid-row-space-large.gap-vert-small, .grid-row-space-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large.gap-medium, .grid-space-large.gap-vert-medium, .grid-space-large.gap-bottom-medium, .grid-row-space-large.gap-medium, .grid-row-space-large.gap-vert-medium, .grid-row-space-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large.gap-large, .grid-space-large.gap-vert-large, .grid-space-large.gap-bottom-large, .grid-row-space-large.gap-large, .grid-row-space-large.gap-vert-large, .grid-row-space-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large.gap-xl, .grid-space-large.gap-vert-xl, .grid-space-large.gap-bottom-xl, .grid-row-space-large.gap-xl, .grid-row-space-large.gap-vert-xl, .grid-row-space-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large.gap-xxl, .grid-space-large.gap-vert-xxl, .grid-space-large.gap-bottom-xxl, .grid-row-space-large.gap-xxl, .grid-row-space-large.gap-vert-xxl, .grid-row-space-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large.gap-none, .grid-space-large.gap-vert-none, .grid-space-large.gap-bottom-none, .grid-row-space-large.gap-none, .grid-row-space-large.gap-vert-none, .grid-row-space-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl, .grid-col-space-xl { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl > *, .grid-col-space-xl > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl, .grid-row-space-xl { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl > *, .grid-row-space-xl > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl.gap-base, .grid-space-xl.gap-vert-base, .grid-space-xl.gap-bottom-base, .grid-row-space-xl.gap-base, .grid-row-space-xl.gap-vert-base, .grid-row-space-xl.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl.gap-line, .grid-space-xl.gap-vert-line, .grid-space-xl.gap-bottom-line, .grid-row-space-xl.gap-line, .grid-row-space-xl.gap-vert-line, .grid-row-space-xl.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl.gap-small, .grid-space-xl.gap-vert-small, .grid-space-xl.gap-bottom-small, .grid-row-space-xl.gap-small, .grid-row-space-xl.gap-vert-small, .grid-row-space-xl.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl.gap-medium, .grid-space-xl.gap-vert-medium, .grid-space-xl.gap-bottom-medium, .grid-row-space-xl.gap-medium, .grid-row-space-xl.gap-vert-medium, .grid-row-space-xl.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl.gap-large, .grid-space-xl.gap-vert-large, .grid-space-xl.gap-bottom-large, .grid-row-space-xl.gap-large, .grid-row-space-xl.gap-vert-large, .grid-row-space-xl.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl.gap-xl, .grid-space-xl.gap-vert-xl, .grid-space-xl.gap-bottom-xl, .grid-row-space-xl.gap-xl, .grid-row-space-xl.gap-vert-xl, .grid-row-space-xl.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl.gap-xxl, .grid-space-xl.gap-vert-xxl, .grid-space-xl.gap-bottom-xxl, .grid-row-space-xl.gap-xxl, .grid-row-space-xl.gap-vert-xxl, .grid-row-space-xl.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl.gap-none, .grid-space-xl.gap-vert-none, .grid-space-xl.gap-bottom-none, .grid-row-space-xl.gap-none, .grid-row-space-xl.gap-vert-none, .grid-row-space-xl.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl, .grid-col-space-xxl { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl > *, .grid-col-space-xxl > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl, .grid-row-space-xxl { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl > *, .grid-row-space-xxl > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl.gap-base, .grid-space-xxl.gap-vert-base, .grid-space-xxl.gap-bottom-base, .grid-row-space-xxl.gap-base, .grid-row-space-xxl.gap-vert-base, .grid-row-space-xxl.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl.gap-line, .grid-space-xxl.gap-vert-line, .grid-space-xxl.gap-bottom-line, .grid-row-space-xxl.gap-line, .grid-row-space-xxl.gap-vert-line, .grid-row-space-xxl.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl.gap-small, .grid-space-xxl.gap-vert-small, .grid-space-xxl.gap-bottom-small, .grid-row-space-xxl.gap-small, .grid-row-space-xxl.gap-vert-small, .grid-row-space-xxl.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl.gap-medium, .grid-space-xxl.gap-vert-medium, .grid-space-xxl.gap-bottom-medium, .grid-row-space-xxl.gap-medium, .grid-row-space-xxl.gap-vert-medium, .grid-row-space-xxl.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl.gap-large, .grid-space-xxl.gap-vert-large, .grid-space-xxl.gap-bottom-large, .grid-row-space-xxl.gap-large, .grid-row-space-xxl.gap-vert-large, .grid-row-space-xxl.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl.gap-xl, .grid-space-xxl.gap-vert-xl, .grid-space-xxl.gap-bottom-xl, .grid-row-space-xxl.gap-xl, .grid-row-space-xxl.gap-vert-xl, .grid-row-space-xxl.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl.gap-xxl, .grid-space-xxl.gap-vert-xxl, .grid-space-xxl.gap-bottom-xxl, .grid-row-space-xxl.gap-xxl, .grid-row-space-xxl.gap-vert-xxl, .grid-row-space-xxl.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl.gap-none, .grid-space-xxl.gap-vert-none, .grid-space-xxl.gap-bottom-none, .grid-row-space-xxl.gap-none, .grid-row-space-xxl.gap-vert-none, .grid-row-space-xxl.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none, .grid-col-space-none { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none > *, .grid-col-space-none > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none, .grid-row-space-none { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none > *, .grid-row-space-none > * { margin-bottom: var(--space-none) !important; } .grid-space-none.gap-base, .grid-space-none.gap-vert-base, .grid-space-none.gap-bottom-base, .grid-row-space-none.gap-base, .grid-row-space-none.gap-vert-base, .grid-row-space-none.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none.gap-line, .grid-space-none.gap-vert-line, .grid-space-none.gap-bottom-line, .grid-row-space-none.gap-line, .grid-row-space-none.gap-vert-line, .grid-row-space-none.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none.gap-small, .grid-space-none.gap-vert-small, .grid-space-none.gap-bottom-small, .grid-row-space-none.gap-small, .grid-row-space-none.gap-vert-small, .grid-row-space-none.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none.gap-medium, .grid-space-none.gap-vert-medium, .grid-space-none.gap-bottom-medium, .grid-row-space-none.gap-medium, .grid-row-space-none.gap-vert-medium, .grid-row-space-none.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none.gap-large, .grid-space-none.gap-vert-large, .grid-space-none.gap-bottom-large, .grid-row-space-none.gap-large, .grid-row-space-none.gap-vert-large, .grid-row-space-none.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none.gap-xl, .grid-space-none.gap-vert-xl, .grid-space-none.gap-bottom-xl, .grid-row-space-none.gap-xl, .grid-row-space-none.gap-vert-xl, .grid-row-space-none.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none.gap-xxl, .grid-space-none.gap-vert-xxl, .grid-space-none.gap-bottom-xxl, .grid-row-space-none.gap-xxl, .grid-row-space-none.gap-vert-xxl, .grid-row-space-none.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none.gap-none, .grid-space-none.gap-vert-none, .grid-space-none.gap-bottom-none, .grid-row-space-none.gap-none, .grid-row-space-none.gap-vert-none, .grid-row-space-none.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left, .flex-align-left { display: flex !important; justify-content: flex-start !important; } .grid-align-center, .flex-align-center { display: flex !important; justify-content: center !important; } .grid-align-right, .flex-align-right { display: flex !important; justify-content: flex-end !important; } .grid-align-justify, .flex-align-justify { display: flex !important; justify-content: space-between !important; } .grid-valign-top, .flex-valign-top { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle, .flex-valign-middle { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom, .flex-valign-bottom { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify, .flex-valign-justify { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } @media (min-width: 375px) { .grid-auto-at-extra-small > *, .grid-flex-at-extra-small > * { width: auto; } .grid-flex-at-extra-small { display: flex; flex-wrap: nowrap; } .grid-flex-at-extra-small > * { flex: 0 1 auto; } .grid-1-at-extra-small { flex-wrap: wrap; } .grid-1-at-extra-small > * { width: 100%; } .grid-2-at-extra-small { flex-wrap: wrap; } .grid-2-at-extra-small > * { width: 50%; } .grid-3-at-extra-small { flex-wrap: wrap; } .grid-3-at-extra-small > * { width: 33.3333333333%; } .grid-4-at-extra-small { flex-wrap: wrap; } .grid-4-at-extra-small > * { width: 25%; } .grid-5-at-extra-small { flex-wrap: wrap; } .grid-5-at-extra-small > * { width: 20%; } .grid-space-base-at-extra-small, .grid-col-space-base-at-extra-small { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-extra-small > *, .grid-col-space-base-at-extra-small > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-extra-small, .grid-row-space-base-at-extra-small { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-extra-small > *, .grid-row-space-base-at-extra-small > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-extra-small.gap-base, .grid-space-base-at-extra-small.gap-vert-base, .grid-space-base-at-extra-small.gap-bottom-base, .grid-row-space-base-at-extra-small.gap-base, .grid-row-space-base-at-extra-small.gap-vert-base, .grid-row-space-base-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-line, .grid-space-base-at-extra-small.gap-vert-line, .grid-space-base-at-extra-small.gap-bottom-line, .grid-row-space-base-at-extra-small.gap-line, .grid-row-space-base-at-extra-small.gap-vert-line, .grid-row-space-base-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-small, .grid-space-base-at-extra-small.gap-vert-small, .grid-space-base-at-extra-small.gap-bottom-small, .grid-row-space-base-at-extra-small.gap-small, .grid-row-space-base-at-extra-small.gap-vert-small, .grid-row-space-base-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-medium, .grid-space-base-at-extra-small.gap-vert-medium, .grid-space-base-at-extra-small.gap-bottom-medium, .grid-row-space-base-at-extra-small.gap-medium, .grid-row-space-base-at-extra-small.gap-vert-medium, .grid-row-space-base-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-large, .grid-space-base-at-extra-small.gap-vert-large, .grid-space-base-at-extra-small.gap-bottom-large, .grid-row-space-base-at-extra-small.gap-large, .grid-row-space-base-at-extra-small.gap-vert-large, .grid-row-space-base-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-xl, .grid-space-base-at-extra-small.gap-vert-xl, .grid-space-base-at-extra-small.gap-bottom-xl, .grid-row-space-base-at-extra-small.gap-xl, .grid-row-space-base-at-extra-small.gap-vert-xl, .grid-row-space-base-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-xxl, .grid-space-base-at-extra-small.gap-vert-xxl, .grid-space-base-at-extra-small.gap-bottom-xxl, .grid-row-space-base-at-extra-small.gap-xxl, .grid-row-space-base-at-extra-small.gap-vert-xxl, .grid-row-space-base-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-none, .grid-space-base-at-extra-small.gap-vert-none, .grid-space-base-at-extra-small.gap-bottom-none, .grid-row-space-base-at-extra-small.gap-none, .grid-row-space-base-at-extra-small.gap-vert-none, .grid-row-space-base-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-extra-small, .grid-col-space-line-at-extra-small { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-extra-small > *, .grid-col-space-line-at-extra-small > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-extra-small, .grid-row-space-line-at-extra-small { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-extra-small > *, .grid-row-space-line-at-extra-small > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-extra-small.gap-base, .grid-space-line-at-extra-small.gap-vert-base, .grid-space-line-at-extra-small.gap-bottom-base, .grid-row-space-line-at-extra-small.gap-base, .grid-row-space-line-at-extra-small.gap-vert-base, .grid-row-space-line-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-line, .grid-space-line-at-extra-small.gap-vert-line, .grid-space-line-at-extra-small.gap-bottom-line, .grid-row-space-line-at-extra-small.gap-line, .grid-row-space-line-at-extra-small.gap-vert-line, .grid-row-space-line-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-small, .grid-space-line-at-extra-small.gap-vert-small, .grid-space-line-at-extra-small.gap-bottom-small, .grid-row-space-line-at-extra-small.gap-small, .grid-row-space-line-at-extra-small.gap-vert-small, .grid-row-space-line-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-medium, .grid-space-line-at-extra-small.gap-vert-medium, .grid-space-line-at-extra-small.gap-bottom-medium, .grid-row-space-line-at-extra-small.gap-medium, .grid-row-space-line-at-extra-small.gap-vert-medium, .grid-row-space-line-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-large, .grid-space-line-at-extra-small.gap-vert-large, .grid-space-line-at-extra-small.gap-bottom-large, .grid-row-space-line-at-extra-small.gap-large, .grid-row-space-line-at-extra-small.gap-vert-large, .grid-row-space-line-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-xl, .grid-space-line-at-extra-small.gap-vert-xl, .grid-space-line-at-extra-small.gap-bottom-xl, .grid-row-space-line-at-extra-small.gap-xl, .grid-row-space-line-at-extra-small.gap-vert-xl, .grid-row-space-line-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-xxl, .grid-space-line-at-extra-small.gap-vert-xxl, .grid-space-line-at-extra-small.gap-bottom-xxl, .grid-row-space-line-at-extra-small.gap-xxl, .grid-row-space-line-at-extra-small.gap-vert-xxl, .grid-row-space-line-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-none, .grid-space-line-at-extra-small.gap-vert-none, .grid-space-line-at-extra-small.gap-bottom-none, .grid-row-space-line-at-extra-small.gap-none, .grid-row-space-line-at-extra-small.gap-vert-none, .grid-row-space-line-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-extra-small, .grid-col-space-small-at-extra-small { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-extra-small > *, .grid-col-space-small-at-extra-small > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-extra-small, .grid-row-space-small-at-extra-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-extra-small > *, .grid-row-space-small-at-extra-small > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-extra-small.gap-base, .grid-space-small-at-extra-small.gap-vert-base, .grid-space-small-at-extra-small.gap-bottom-base, .grid-row-space-small-at-extra-small.gap-base, .grid-row-space-small-at-extra-small.gap-vert-base, .grid-row-space-small-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-line, .grid-space-small-at-extra-small.gap-vert-line, .grid-space-small-at-extra-small.gap-bottom-line, .grid-row-space-small-at-extra-small.gap-line, .grid-row-space-small-at-extra-small.gap-vert-line, .grid-row-space-small-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-small, .grid-space-small-at-extra-small.gap-vert-small, .grid-space-small-at-extra-small.gap-bottom-small, .grid-row-space-small-at-extra-small.gap-small, .grid-row-space-small-at-extra-small.gap-vert-small, .grid-row-space-small-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-medium, .grid-space-small-at-extra-small.gap-vert-medium, .grid-space-small-at-extra-small.gap-bottom-medium, .grid-row-space-small-at-extra-small.gap-medium, .grid-row-space-small-at-extra-small.gap-vert-medium, .grid-row-space-small-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-large, .grid-space-small-at-extra-small.gap-vert-large, .grid-space-small-at-extra-small.gap-bottom-large, .grid-row-space-small-at-extra-small.gap-large, .grid-row-space-small-at-extra-small.gap-vert-large, .grid-row-space-small-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-xl, .grid-space-small-at-extra-small.gap-vert-xl, .grid-space-small-at-extra-small.gap-bottom-xl, .grid-row-space-small-at-extra-small.gap-xl, .grid-row-space-small-at-extra-small.gap-vert-xl, .grid-row-space-small-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-xxl, .grid-space-small-at-extra-small.gap-vert-xxl, .grid-space-small-at-extra-small.gap-bottom-xxl, .grid-row-space-small-at-extra-small.gap-xxl, .grid-row-space-small-at-extra-small.gap-vert-xxl, .grid-row-space-small-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-none, .grid-space-small-at-extra-small.gap-vert-none, .grid-space-small-at-extra-small.gap-bottom-none, .grid-row-space-small-at-extra-small.gap-none, .grid-row-space-small-at-extra-small.gap-vert-none, .grid-row-space-small-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-extra-small, .grid-col-space-medium-at-extra-small { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-extra-small > *, .grid-col-space-medium-at-extra-small > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-extra-small, .grid-row-space-medium-at-extra-small { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-extra-small > *, .grid-row-space-medium-at-extra-small > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-extra-small.gap-base, .grid-space-medium-at-extra-small.gap-vert-base, .grid-space-medium-at-extra-small.gap-bottom-base, .grid-row-space-medium-at-extra-small.gap-base, .grid-row-space-medium-at-extra-small.gap-vert-base, .grid-row-space-medium-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-line, .grid-space-medium-at-extra-small.gap-vert-line, .grid-space-medium-at-extra-small.gap-bottom-line, .grid-row-space-medium-at-extra-small.gap-line, .grid-row-space-medium-at-extra-small.gap-vert-line, .grid-row-space-medium-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-small, .grid-space-medium-at-extra-small.gap-vert-small, .grid-space-medium-at-extra-small.gap-bottom-small, .grid-row-space-medium-at-extra-small.gap-small, .grid-row-space-medium-at-extra-small.gap-vert-small, .grid-row-space-medium-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-medium, .grid-space-medium-at-extra-small.gap-vert-medium, .grid-space-medium-at-extra-small.gap-bottom-medium, .grid-row-space-medium-at-extra-small.gap-medium, .grid-row-space-medium-at-extra-small.gap-vert-medium, .grid-row-space-medium-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-large, .grid-space-medium-at-extra-small.gap-vert-large, .grid-space-medium-at-extra-small.gap-bottom-large, .grid-row-space-medium-at-extra-small.gap-large, .grid-row-space-medium-at-extra-small.gap-vert-large, .grid-row-space-medium-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-xl, .grid-space-medium-at-extra-small.gap-vert-xl, .grid-space-medium-at-extra-small.gap-bottom-xl, .grid-row-space-medium-at-extra-small.gap-xl, .grid-row-space-medium-at-extra-small.gap-vert-xl, .grid-row-space-medium-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-xxl, .grid-space-medium-at-extra-small.gap-vert-xxl, .grid-space-medium-at-extra-small.gap-bottom-xxl, .grid-row-space-medium-at-extra-small.gap-xxl, .grid-row-space-medium-at-extra-small.gap-vert-xxl, .grid-row-space-medium-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-none, .grid-space-medium-at-extra-small.gap-vert-none, .grid-space-medium-at-extra-small.gap-bottom-none, .grid-row-space-medium-at-extra-small.gap-none, .grid-row-space-medium-at-extra-small.gap-vert-none, .grid-row-space-medium-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-extra-small, .grid-col-space-large-at-extra-small { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-extra-small > *, .grid-col-space-large-at-extra-small > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-extra-small, .grid-row-space-large-at-extra-small { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-extra-small > *, .grid-row-space-large-at-extra-small > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-extra-small.gap-base, .grid-space-large-at-extra-small.gap-vert-base, .grid-space-large-at-extra-small.gap-bottom-base, .grid-row-space-large-at-extra-small.gap-base, .grid-row-space-large-at-extra-small.gap-vert-base, .grid-row-space-large-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-line, .grid-space-large-at-extra-small.gap-vert-line, .grid-space-large-at-extra-small.gap-bottom-line, .grid-row-space-large-at-extra-small.gap-line, .grid-row-space-large-at-extra-small.gap-vert-line, .grid-row-space-large-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-small, .grid-space-large-at-extra-small.gap-vert-small, .grid-space-large-at-extra-small.gap-bottom-small, .grid-row-space-large-at-extra-small.gap-small, .grid-row-space-large-at-extra-small.gap-vert-small, .grid-row-space-large-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-medium, .grid-space-large-at-extra-small.gap-vert-medium, .grid-space-large-at-extra-small.gap-bottom-medium, .grid-row-space-large-at-extra-small.gap-medium, .grid-row-space-large-at-extra-small.gap-vert-medium, .grid-row-space-large-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-large, .grid-space-large-at-extra-small.gap-vert-large, .grid-space-large-at-extra-small.gap-bottom-large, .grid-row-space-large-at-extra-small.gap-large, .grid-row-space-large-at-extra-small.gap-vert-large, .grid-row-space-large-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-xl, .grid-space-large-at-extra-small.gap-vert-xl, .grid-space-large-at-extra-small.gap-bottom-xl, .grid-row-space-large-at-extra-small.gap-xl, .grid-row-space-large-at-extra-small.gap-vert-xl, .grid-row-space-large-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-xxl, .grid-space-large-at-extra-small.gap-vert-xxl, .grid-space-large-at-extra-small.gap-bottom-xxl, .grid-row-space-large-at-extra-small.gap-xxl, .grid-row-space-large-at-extra-small.gap-vert-xxl, .grid-row-space-large-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-none, .grid-space-large-at-extra-small.gap-vert-none, .grid-space-large-at-extra-small.gap-bottom-none, .grid-row-space-large-at-extra-small.gap-none, .grid-row-space-large-at-extra-small.gap-vert-none, .grid-row-space-large-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-extra-small, .grid-col-space-xl-at-extra-small { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-extra-small > *, .grid-col-space-xl-at-extra-small > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-extra-small, .grid-row-space-xl-at-extra-small { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-extra-small > *, .grid-row-space-xl-at-extra-small > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-extra-small.gap-base, .grid-space-xl-at-extra-small.gap-vert-base, .grid-space-xl-at-extra-small.gap-bottom-base, .grid-row-space-xl-at-extra-small.gap-base, .grid-row-space-xl-at-extra-small.gap-vert-base, .grid-row-space-xl-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-line, .grid-space-xl-at-extra-small.gap-vert-line, .grid-space-xl-at-extra-small.gap-bottom-line, .grid-row-space-xl-at-extra-small.gap-line, .grid-row-space-xl-at-extra-small.gap-vert-line, .grid-row-space-xl-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-small, .grid-space-xl-at-extra-small.gap-vert-small, .grid-space-xl-at-extra-small.gap-bottom-small, .grid-row-space-xl-at-extra-small.gap-small, .grid-row-space-xl-at-extra-small.gap-vert-small, .grid-row-space-xl-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-medium, .grid-space-xl-at-extra-small.gap-vert-medium, .grid-space-xl-at-extra-small.gap-bottom-medium, .grid-row-space-xl-at-extra-small.gap-medium, .grid-row-space-xl-at-extra-small.gap-vert-medium, .grid-row-space-xl-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-large, .grid-space-xl-at-extra-small.gap-vert-large, .grid-space-xl-at-extra-small.gap-bottom-large, .grid-row-space-xl-at-extra-small.gap-large, .grid-row-space-xl-at-extra-small.gap-vert-large, .grid-row-space-xl-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-xl, .grid-space-xl-at-extra-small.gap-vert-xl, .grid-space-xl-at-extra-small.gap-bottom-xl, .grid-row-space-xl-at-extra-small.gap-xl, .grid-row-space-xl-at-extra-small.gap-vert-xl, .grid-row-space-xl-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-xxl, .grid-space-xl-at-extra-small.gap-vert-xxl, .grid-space-xl-at-extra-small.gap-bottom-xxl, .grid-row-space-xl-at-extra-small.gap-xxl, .grid-row-space-xl-at-extra-small.gap-vert-xxl, .grid-row-space-xl-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-none, .grid-space-xl-at-extra-small.gap-vert-none, .grid-space-xl-at-extra-small.gap-bottom-none, .grid-row-space-xl-at-extra-small.gap-none, .grid-row-space-xl-at-extra-small.gap-vert-none, .grid-row-space-xl-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-extra-small, .grid-col-space-xxl-at-extra-small { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-extra-small > *, .grid-col-space-xxl-at-extra-small > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-extra-small, .grid-row-space-xxl-at-extra-small { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small > *, .grid-row-space-xxl-at-extra-small > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-extra-small.gap-base, .grid-space-xxl-at-extra-small.gap-vert-base, .grid-space-xxl-at-extra-small.gap-bottom-base, .grid-row-space-xxl-at-extra-small.gap-base, .grid-row-space-xxl-at-extra-small.gap-vert-base, .grid-row-space-xxl-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-line, .grid-space-xxl-at-extra-small.gap-vert-line, .grid-space-xxl-at-extra-small.gap-bottom-line, .grid-row-space-xxl-at-extra-small.gap-line, .grid-row-space-xxl-at-extra-small.gap-vert-line, .grid-row-space-xxl-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-small, .grid-space-xxl-at-extra-small.gap-vert-small, .grid-space-xxl-at-extra-small.gap-bottom-small, .grid-row-space-xxl-at-extra-small.gap-small, .grid-row-space-xxl-at-extra-small.gap-vert-small, .grid-row-space-xxl-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-medium, .grid-space-xxl-at-extra-small.gap-vert-medium, .grid-space-xxl-at-extra-small.gap-bottom-medium, .grid-row-space-xxl-at-extra-small.gap-medium, .grid-row-space-xxl-at-extra-small.gap-vert-medium, .grid-row-space-xxl-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-large, .grid-space-xxl-at-extra-small.gap-vert-large, .grid-space-xxl-at-extra-small.gap-bottom-large, .grid-row-space-xxl-at-extra-small.gap-large, .grid-row-space-xxl-at-extra-small.gap-vert-large, .grid-row-space-xxl-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-xl, .grid-space-xxl-at-extra-small.gap-vert-xl, .grid-space-xxl-at-extra-small.gap-bottom-xl, .grid-row-space-xxl-at-extra-small.gap-xl, .grid-row-space-xxl-at-extra-small.gap-vert-xl, .grid-row-space-xxl-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-xxl, .grid-space-xxl-at-extra-small.gap-vert-xxl, .grid-space-xxl-at-extra-small.gap-bottom-xxl, .grid-row-space-xxl-at-extra-small.gap-xxl, .grid-row-space-xxl-at-extra-small.gap-vert-xxl, .grid-row-space-xxl-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-none, .grid-space-xxl-at-extra-small.gap-vert-none, .grid-space-xxl-at-extra-small.gap-bottom-none, .grid-row-space-xxl-at-extra-small.gap-none, .grid-row-space-xxl-at-extra-small.gap-vert-none, .grid-row-space-xxl-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-extra-small, .grid-col-space-none-at-extra-small { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-extra-small > *, .grid-col-space-none-at-extra-small > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-extra-small, .grid-row-space-none-at-extra-small { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-extra-small > *, .grid-row-space-none-at-extra-small > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-extra-small.gap-base, .grid-space-none-at-extra-small.gap-vert-base, .grid-space-none-at-extra-small.gap-bottom-base, .grid-row-space-none-at-extra-small.gap-base, .grid-row-space-none-at-extra-small.gap-vert-base, .grid-row-space-none-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-line, .grid-space-none-at-extra-small.gap-vert-line, .grid-space-none-at-extra-small.gap-bottom-line, .grid-row-space-none-at-extra-small.gap-line, .grid-row-space-none-at-extra-small.gap-vert-line, .grid-row-space-none-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-small, .grid-space-none-at-extra-small.gap-vert-small, .grid-space-none-at-extra-small.gap-bottom-small, .grid-row-space-none-at-extra-small.gap-small, .grid-row-space-none-at-extra-small.gap-vert-small, .grid-row-space-none-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-medium, .grid-space-none-at-extra-small.gap-vert-medium, .grid-space-none-at-extra-small.gap-bottom-medium, .grid-row-space-none-at-extra-small.gap-medium, .grid-row-space-none-at-extra-small.gap-vert-medium, .grid-row-space-none-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-large, .grid-space-none-at-extra-small.gap-vert-large, .grid-space-none-at-extra-small.gap-bottom-large, .grid-row-space-none-at-extra-small.gap-large, .grid-row-space-none-at-extra-small.gap-vert-large, .grid-row-space-none-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-xl, .grid-space-none-at-extra-small.gap-vert-xl, .grid-space-none-at-extra-small.gap-bottom-xl, .grid-row-space-none-at-extra-small.gap-xl, .grid-row-space-none-at-extra-small.gap-vert-xl, .grid-row-space-none-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-xxl, .grid-space-none-at-extra-small.gap-vert-xxl, .grid-space-none-at-extra-small.gap-bottom-xxl, .grid-row-space-none-at-extra-small.gap-xxl, .grid-row-space-none-at-extra-small.gap-vert-xxl, .grid-row-space-none-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-none, .grid-space-none-at-extra-small.gap-vert-none, .grid-space-none-at-extra-small.gap-bottom-none, .grid-row-space-none-at-extra-small.gap-none, .grid-row-space-none-at-extra-small.gap-vert-none, .grid-row-space-none-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-extra-small, .flex-align-left-at-extra-small { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-extra-small, .flex-align-center-at-extra-small { display: flex !important; justify-content: center !important; } .grid-align-right-at-extra-small, .flex-align-right-at-extra-small { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-extra-small, .flex-align-justify-at-extra-small { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-extra-small, .flex-valign-top-at-extra-small { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-extra-small, .flex-valign-middle-at-extra-small { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-extra-small, .flex-valign-bottom-at-extra-small { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-extra-small, .flex-valign-justify-at-extra-small { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } @media (min-width: 717px) { .grid-auto-at-small > *, .grid-flex-at-small > * { width: auto; } .grid-flex-at-small { display: flex; flex-wrap: nowrap; } .grid-flex-at-small > * { flex: 0 1 auto; } .grid-1-at-small { flex-wrap: wrap; } .grid-1-at-small > * { width: 100%; } .grid-2-at-small { flex-wrap: wrap; } .grid-2-at-small > * { width: 50%; } .grid-3-at-small { flex-wrap: wrap; } .grid-3-at-small > * { width: 33.3333333333%; } .grid-4-at-small { flex-wrap: wrap; } .grid-4-at-small > * { width: 25%; } .grid-5-at-small { flex-wrap: wrap; } .grid-5-at-small > * { width: 20%; } .grid-space-base-at-small, .grid-col-space-base-at-small { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-small > *, .grid-col-space-base-at-small > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-small, .grid-row-space-base-at-small { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-small > *, .grid-row-space-base-at-small > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-small.gap-base, .grid-space-base-at-small.gap-vert-base, .grid-space-base-at-small.gap-bottom-base, .grid-row-space-base-at-small.gap-base, .grid-row-space-base-at-small.gap-vert-base, .grid-row-space-base-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-small.gap-line, .grid-space-base-at-small.gap-vert-line, .grid-space-base-at-small.gap-bottom-line, .grid-row-space-base-at-small.gap-line, .grid-row-space-base-at-small.gap-vert-line, .grid-row-space-base-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-small.gap-small, .grid-space-base-at-small.gap-vert-small, .grid-space-base-at-small.gap-bottom-small, .grid-row-space-base-at-small.gap-small, .grid-row-space-base-at-small.gap-vert-small, .grid-row-space-base-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-small.gap-medium, .grid-space-base-at-small.gap-vert-medium, .grid-space-base-at-small.gap-bottom-medium, .grid-row-space-base-at-small.gap-medium, .grid-row-space-base-at-small.gap-vert-medium, .grid-row-space-base-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-small.gap-large, .grid-space-base-at-small.gap-vert-large, .grid-space-base-at-small.gap-bottom-large, .grid-row-space-base-at-small.gap-large, .grid-row-space-base-at-small.gap-vert-large, .grid-row-space-base-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-small.gap-xl, .grid-space-base-at-small.gap-vert-xl, .grid-space-base-at-small.gap-bottom-xl, .grid-row-space-base-at-small.gap-xl, .grid-row-space-base-at-small.gap-vert-xl, .grid-row-space-base-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-small.gap-xxl, .grid-space-base-at-small.gap-vert-xxl, .grid-space-base-at-small.gap-bottom-xxl, .grid-row-space-base-at-small.gap-xxl, .grid-row-space-base-at-small.gap-vert-xxl, .grid-row-space-base-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-small.gap-none, .grid-space-base-at-small.gap-vert-none, .grid-space-base-at-small.gap-bottom-none, .grid-row-space-base-at-small.gap-none, .grid-row-space-base-at-small.gap-vert-none, .grid-row-space-base-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-small, .grid-col-space-line-at-small { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-small > *, .grid-col-space-line-at-small > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-small, .grid-row-space-line-at-small { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-small > *, .grid-row-space-line-at-small > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-small.gap-base, .grid-space-line-at-small.gap-vert-base, .grid-space-line-at-small.gap-bottom-base, .grid-row-space-line-at-small.gap-base, .grid-row-space-line-at-small.gap-vert-base, .grid-row-space-line-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-small.gap-line, .grid-space-line-at-small.gap-vert-line, .grid-space-line-at-small.gap-bottom-line, .grid-row-space-line-at-small.gap-line, .grid-row-space-line-at-small.gap-vert-line, .grid-row-space-line-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-small.gap-small, .grid-space-line-at-small.gap-vert-small, .grid-space-line-at-small.gap-bottom-small, .grid-row-space-line-at-small.gap-small, .grid-row-space-line-at-small.gap-vert-small, .grid-row-space-line-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-small.gap-medium, .grid-space-line-at-small.gap-vert-medium, .grid-space-line-at-small.gap-bottom-medium, .grid-row-space-line-at-small.gap-medium, .grid-row-space-line-at-small.gap-vert-medium, .grid-row-space-line-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-small.gap-large, .grid-space-line-at-small.gap-vert-large, .grid-space-line-at-small.gap-bottom-large, .grid-row-space-line-at-small.gap-large, .grid-row-space-line-at-small.gap-vert-large, .grid-row-space-line-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-small.gap-xl, .grid-space-line-at-small.gap-vert-xl, .grid-space-line-at-small.gap-bottom-xl, .grid-row-space-line-at-small.gap-xl, .grid-row-space-line-at-small.gap-vert-xl, .grid-row-space-line-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-small.gap-xxl, .grid-space-line-at-small.gap-vert-xxl, .grid-space-line-at-small.gap-bottom-xxl, .grid-row-space-line-at-small.gap-xxl, .grid-row-space-line-at-small.gap-vert-xxl, .grid-row-space-line-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-small.gap-none, .grid-space-line-at-small.gap-vert-none, .grid-space-line-at-small.gap-bottom-none, .grid-row-space-line-at-small.gap-none, .grid-row-space-line-at-small.gap-vert-none, .grid-row-space-line-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-small, .grid-col-space-small-at-small { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-small > *, .grid-col-space-small-at-small > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-small, .grid-row-space-small-at-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-small > *, .grid-row-space-small-at-small > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-small.gap-base, .grid-space-small-at-small.gap-vert-base, .grid-space-small-at-small.gap-bottom-base, .grid-row-space-small-at-small.gap-base, .grid-row-space-small-at-small.gap-vert-base, .grid-row-space-small-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-small.gap-line, .grid-space-small-at-small.gap-vert-line, .grid-space-small-at-small.gap-bottom-line, .grid-row-space-small-at-small.gap-line, .grid-row-space-small-at-small.gap-vert-line, .grid-row-space-small-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-small.gap-small, .grid-space-small-at-small.gap-vert-small, .grid-space-small-at-small.gap-bottom-small, .grid-row-space-small-at-small.gap-small, .grid-row-space-small-at-small.gap-vert-small, .grid-row-space-small-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-small.gap-medium, .grid-space-small-at-small.gap-vert-medium, .grid-space-small-at-small.gap-bottom-medium, .grid-row-space-small-at-small.gap-medium, .grid-row-space-small-at-small.gap-vert-medium, .grid-row-space-small-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-small.gap-large, .grid-space-small-at-small.gap-vert-large, .grid-space-small-at-small.gap-bottom-large, .grid-row-space-small-at-small.gap-large, .grid-row-space-small-at-small.gap-vert-large, .grid-row-space-small-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-small.gap-xl, .grid-space-small-at-small.gap-vert-xl, .grid-space-small-at-small.gap-bottom-xl, .grid-row-space-small-at-small.gap-xl, .grid-row-space-small-at-small.gap-vert-xl, .grid-row-space-small-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-small.gap-xxl, .grid-space-small-at-small.gap-vert-xxl, .grid-space-small-at-small.gap-bottom-xxl, .grid-row-space-small-at-small.gap-xxl, .grid-row-space-small-at-small.gap-vert-xxl, .grid-row-space-small-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-small.gap-none, .grid-space-small-at-small.gap-vert-none, .grid-space-small-at-small.gap-bottom-none, .grid-row-space-small-at-small.gap-none, .grid-row-space-small-at-small.gap-vert-none, .grid-row-space-small-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-small, .grid-col-space-medium-at-small { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-small > *, .grid-col-space-medium-at-small > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-small, .grid-row-space-medium-at-small { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-small > *, .grid-row-space-medium-at-small > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-small.gap-base, .grid-space-medium-at-small.gap-vert-base, .grid-space-medium-at-small.gap-bottom-base, .grid-row-space-medium-at-small.gap-base, .grid-row-space-medium-at-small.gap-vert-base, .grid-row-space-medium-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-line, .grid-space-medium-at-small.gap-vert-line, .grid-space-medium-at-small.gap-bottom-line, .grid-row-space-medium-at-small.gap-line, .grid-row-space-medium-at-small.gap-vert-line, .grid-row-space-medium-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-small, .grid-space-medium-at-small.gap-vert-small, .grid-space-medium-at-small.gap-bottom-small, .grid-row-space-medium-at-small.gap-small, .grid-row-space-medium-at-small.gap-vert-small, .grid-row-space-medium-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-medium, .grid-space-medium-at-small.gap-vert-medium, .grid-space-medium-at-small.gap-bottom-medium, .grid-row-space-medium-at-small.gap-medium, .grid-row-space-medium-at-small.gap-vert-medium, .grid-row-space-medium-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-large, .grid-space-medium-at-small.gap-vert-large, .grid-space-medium-at-small.gap-bottom-large, .grid-row-space-medium-at-small.gap-large, .grid-row-space-medium-at-small.gap-vert-large, .grid-row-space-medium-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-xl, .grid-space-medium-at-small.gap-vert-xl, .grid-space-medium-at-small.gap-bottom-xl, .grid-row-space-medium-at-small.gap-xl, .grid-row-space-medium-at-small.gap-vert-xl, .grid-row-space-medium-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-xxl, .grid-space-medium-at-small.gap-vert-xxl, .grid-space-medium-at-small.gap-bottom-xxl, .grid-row-space-medium-at-small.gap-xxl, .grid-row-space-medium-at-small.gap-vert-xxl, .grid-row-space-medium-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-none, .grid-space-medium-at-small.gap-vert-none, .grid-space-medium-at-small.gap-bottom-none, .grid-row-space-medium-at-small.gap-none, .grid-row-space-medium-at-small.gap-vert-none, .grid-row-space-medium-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-small, .grid-col-space-large-at-small { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-small > *, .grid-col-space-large-at-small > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-small, .grid-row-space-large-at-small { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-small > *, .grid-row-space-large-at-small > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-small.gap-base, .grid-space-large-at-small.gap-vert-base, .grid-space-large-at-small.gap-bottom-base, .grid-row-space-large-at-small.gap-base, .grid-row-space-large-at-small.gap-vert-base, .grid-row-space-large-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-small.gap-line, .grid-space-large-at-small.gap-vert-line, .grid-space-large-at-small.gap-bottom-line, .grid-row-space-large-at-small.gap-line, .grid-row-space-large-at-small.gap-vert-line, .grid-row-space-large-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-small.gap-small, .grid-space-large-at-small.gap-vert-small, .grid-space-large-at-small.gap-bottom-small, .grid-row-space-large-at-small.gap-small, .grid-row-space-large-at-small.gap-vert-small, .grid-row-space-large-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-small.gap-medium, .grid-space-large-at-small.gap-vert-medium, .grid-space-large-at-small.gap-bottom-medium, .grid-row-space-large-at-small.gap-medium, .grid-row-space-large-at-small.gap-vert-medium, .grid-row-space-large-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-small.gap-large, .grid-space-large-at-small.gap-vert-large, .grid-space-large-at-small.gap-bottom-large, .grid-row-space-large-at-small.gap-large, .grid-row-space-large-at-small.gap-vert-large, .grid-row-space-large-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-small.gap-xl, .grid-space-large-at-small.gap-vert-xl, .grid-space-large-at-small.gap-bottom-xl, .grid-row-space-large-at-small.gap-xl, .grid-row-space-large-at-small.gap-vert-xl, .grid-row-space-large-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-small.gap-xxl, .grid-space-large-at-small.gap-vert-xxl, .grid-space-large-at-small.gap-bottom-xxl, .grid-row-space-large-at-small.gap-xxl, .grid-row-space-large-at-small.gap-vert-xxl, .grid-row-space-large-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-small.gap-none, .grid-space-large-at-small.gap-vert-none, .grid-space-large-at-small.gap-bottom-none, .grid-row-space-large-at-small.gap-none, .grid-row-space-large-at-small.gap-vert-none, .grid-row-space-large-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-small, .grid-col-space-xl-at-small { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-small > *, .grid-col-space-xl-at-small > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-small, .grid-row-space-xl-at-small { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-small > *, .grid-row-space-xl-at-small > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-small.gap-base, .grid-space-xl-at-small.gap-vert-base, .grid-space-xl-at-small.gap-bottom-base, .grid-row-space-xl-at-small.gap-base, .grid-row-space-xl-at-small.gap-vert-base, .grid-row-space-xl-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-line, .grid-space-xl-at-small.gap-vert-line, .grid-space-xl-at-small.gap-bottom-line, .grid-row-space-xl-at-small.gap-line, .grid-row-space-xl-at-small.gap-vert-line, .grid-row-space-xl-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-small, .grid-space-xl-at-small.gap-vert-small, .grid-space-xl-at-small.gap-bottom-small, .grid-row-space-xl-at-small.gap-small, .grid-row-space-xl-at-small.gap-vert-small, .grid-row-space-xl-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-medium, .grid-space-xl-at-small.gap-vert-medium, .grid-space-xl-at-small.gap-bottom-medium, .grid-row-space-xl-at-small.gap-medium, .grid-row-space-xl-at-small.gap-vert-medium, .grid-row-space-xl-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-large, .grid-space-xl-at-small.gap-vert-large, .grid-space-xl-at-small.gap-bottom-large, .grid-row-space-xl-at-small.gap-large, .grid-row-space-xl-at-small.gap-vert-large, .grid-row-space-xl-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-xl, .grid-space-xl-at-small.gap-vert-xl, .grid-space-xl-at-small.gap-bottom-xl, .grid-row-space-xl-at-small.gap-xl, .grid-row-space-xl-at-small.gap-vert-xl, .grid-row-space-xl-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-xxl, .grid-space-xl-at-small.gap-vert-xxl, .grid-space-xl-at-small.gap-bottom-xxl, .grid-row-space-xl-at-small.gap-xxl, .grid-row-space-xl-at-small.gap-vert-xxl, .grid-row-space-xl-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-none, .grid-space-xl-at-small.gap-vert-none, .grid-space-xl-at-small.gap-bottom-none, .grid-row-space-xl-at-small.gap-none, .grid-row-space-xl-at-small.gap-vert-none, .grid-row-space-xl-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-small, .grid-col-space-xxl-at-small { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-small > *, .grid-col-space-xxl-at-small > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-small, .grid-row-space-xxl-at-small { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-small > *, .grid-row-space-xxl-at-small > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-small.gap-base, .grid-space-xxl-at-small.gap-vert-base, .grid-space-xxl-at-small.gap-bottom-base, .grid-row-space-xxl-at-small.gap-base, .grid-row-space-xxl-at-small.gap-vert-base, .grid-row-space-xxl-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-line, .grid-space-xxl-at-small.gap-vert-line, .grid-space-xxl-at-small.gap-bottom-line, .grid-row-space-xxl-at-small.gap-line, .grid-row-space-xxl-at-small.gap-vert-line, .grid-row-space-xxl-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-small, .grid-space-xxl-at-small.gap-vert-small, .grid-space-xxl-at-small.gap-bottom-small, .grid-row-space-xxl-at-small.gap-small, .grid-row-space-xxl-at-small.gap-vert-small, .grid-row-space-xxl-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-medium, .grid-space-xxl-at-small.gap-vert-medium, .grid-space-xxl-at-small.gap-bottom-medium, .grid-row-space-xxl-at-small.gap-medium, .grid-row-space-xxl-at-small.gap-vert-medium, .grid-row-space-xxl-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-large, .grid-space-xxl-at-small.gap-vert-large, .grid-space-xxl-at-small.gap-bottom-large, .grid-row-space-xxl-at-small.gap-large, .grid-row-space-xxl-at-small.gap-vert-large, .grid-row-space-xxl-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-xl, .grid-space-xxl-at-small.gap-vert-xl, .grid-space-xxl-at-small.gap-bottom-xl, .grid-row-space-xxl-at-small.gap-xl, .grid-row-space-xxl-at-small.gap-vert-xl, .grid-row-space-xxl-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-xxl, .grid-space-xxl-at-small.gap-vert-xxl, .grid-space-xxl-at-small.gap-bottom-xxl, .grid-row-space-xxl-at-small.gap-xxl, .grid-row-space-xxl-at-small.gap-vert-xxl, .grid-row-space-xxl-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-none, .grid-space-xxl-at-small.gap-vert-none, .grid-space-xxl-at-small.gap-bottom-none, .grid-row-space-xxl-at-small.gap-none, .grid-row-space-xxl-at-small.gap-vert-none, .grid-row-space-xxl-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-small, .grid-col-space-none-at-small { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-small > *, .grid-col-space-none-at-small > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-small, .grid-row-space-none-at-small { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-small > *, .grid-row-space-none-at-small > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-small.gap-base, .grid-space-none-at-small.gap-vert-base, .grid-space-none-at-small.gap-bottom-base, .grid-row-space-none-at-small.gap-base, .grid-row-space-none-at-small.gap-vert-base, .grid-row-space-none-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-small.gap-line, .grid-space-none-at-small.gap-vert-line, .grid-space-none-at-small.gap-bottom-line, .grid-row-space-none-at-small.gap-line, .grid-row-space-none-at-small.gap-vert-line, .grid-row-space-none-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-small.gap-small, .grid-space-none-at-small.gap-vert-small, .grid-space-none-at-small.gap-bottom-small, .grid-row-space-none-at-small.gap-small, .grid-row-space-none-at-small.gap-vert-small, .grid-row-space-none-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-small.gap-medium, .grid-space-none-at-small.gap-vert-medium, .grid-space-none-at-small.gap-bottom-medium, .grid-row-space-none-at-small.gap-medium, .grid-row-space-none-at-small.gap-vert-medium, .grid-row-space-none-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-small.gap-large, .grid-space-none-at-small.gap-vert-large, .grid-space-none-at-small.gap-bottom-large, .grid-row-space-none-at-small.gap-large, .grid-row-space-none-at-small.gap-vert-large, .grid-row-space-none-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-small.gap-xl, .grid-space-none-at-small.gap-vert-xl, .grid-space-none-at-small.gap-bottom-xl, .grid-row-space-none-at-small.gap-xl, .grid-row-space-none-at-small.gap-vert-xl, .grid-row-space-none-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-small.gap-xxl, .grid-space-none-at-small.gap-vert-xxl, .grid-space-none-at-small.gap-bottom-xxl, .grid-row-space-none-at-small.gap-xxl, .grid-row-space-none-at-small.gap-vert-xxl, .grid-row-space-none-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-small.gap-none, .grid-space-none-at-small.gap-vert-none, .grid-space-none-at-small.gap-bottom-none, .grid-row-space-none-at-small.gap-none, .grid-row-space-none-at-small.gap-vert-none, .grid-row-space-none-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-small, .flex-align-left-at-small { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-small, .flex-align-center-at-small { display: flex !important; justify-content: center !important; } .grid-align-right-at-small, .flex-align-right-at-small { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-small, .flex-align-justify-at-small { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-small, .flex-valign-top-at-small { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-small, .flex-valign-middle-at-small { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-small, .flex-valign-bottom-at-small { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-small, .flex-valign-justify-at-small { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } @media (min-width: 1023px) { .grid-auto-at-medium > *, .grid-flex-at-medium > * { width: auto; } .grid-flex-at-medium { display: flex; flex-wrap: nowrap; } .grid-flex-at-medium > * { flex: 0 1 auto; } .grid-1-at-medium { flex-wrap: wrap; } .grid-1-at-medium > * { width: 100%; } .grid-2-at-medium { flex-wrap: wrap; } .grid-2-at-medium > * { width: 50%; } .grid-3-at-medium { flex-wrap: wrap; } .grid-3-at-medium > * { width: 33.3333333333%; } .grid-4-at-medium { flex-wrap: wrap; } .grid-4-at-medium > * { width: 25%; } .grid-5-at-medium { flex-wrap: wrap; } .grid-5-at-medium > * { width: 20%; } .grid-space-base-at-medium, .grid-col-space-base-at-medium { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-medium > *, .grid-col-space-base-at-medium > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-medium, .grid-row-space-base-at-medium { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-medium > *, .grid-row-space-base-at-medium > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-medium.gap-base, .grid-space-base-at-medium.gap-vert-base, .grid-space-base-at-medium.gap-bottom-base, .grid-row-space-base-at-medium.gap-base, .grid-row-space-base-at-medium.gap-vert-base, .grid-row-space-base-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-line, .grid-space-base-at-medium.gap-vert-line, .grid-space-base-at-medium.gap-bottom-line, .grid-row-space-base-at-medium.gap-line, .grid-row-space-base-at-medium.gap-vert-line, .grid-row-space-base-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-small, .grid-space-base-at-medium.gap-vert-small, .grid-space-base-at-medium.gap-bottom-small, .grid-row-space-base-at-medium.gap-small, .grid-row-space-base-at-medium.gap-vert-small, .grid-row-space-base-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-medium, .grid-space-base-at-medium.gap-vert-medium, .grid-space-base-at-medium.gap-bottom-medium, .grid-row-space-base-at-medium.gap-medium, .grid-row-space-base-at-medium.gap-vert-medium, .grid-row-space-base-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-large, .grid-space-base-at-medium.gap-vert-large, .grid-space-base-at-medium.gap-bottom-large, .grid-row-space-base-at-medium.gap-large, .grid-row-space-base-at-medium.gap-vert-large, .grid-row-space-base-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-xl, .grid-space-base-at-medium.gap-vert-xl, .grid-space-base-at-medium.gap-bottom-xl, .grid-row-space-base-at-medium.gap-xl, .grid-row-space-base-at-medium.gap-vert-xl, .grid-row-space-base-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-xxl, .grid-space-base-at-medium.gap-vert-xxl, .grid-space-base-at-medium.gap-bottom-xxl, .grid-row-space-base-at-medium.gap-xxl, .grid-row-space-base-at-medium.gap-vert-xxl, .grid-row-space-base-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-none, .grid-space-base-at-medium.gap-vert-none, .grid-space-base-at-medium.gap-bottom-none, .grid-row-space-base-at-medium.gap-none, .grid-row-space-base-at-medium.gap-vert-none, .grid-row-space-base-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-medium, .grid-col-space-line-at-medium { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-medium > *, .grid-col-space-line-at-medium > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-medium, .grid-row-space-line-at-medium { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-medium > *, .grid-row-space-line-at-medium > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-medium.gap-base, .grid-space-line-at-medium.gap-vert-base, .grid-space-line-at-medium.gap-bottom-base, .grid-row-space-line-at-medium.gap-base, .grid-row-space-line-at-medium.gap-vert-base, .grid-row-space-line-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-line, .grid-space-line-at-medium.gap-vert-line, .grid-space-line-at-medium.gap-bottom-line, .grid-row-space-line-at-medium.gap-line, .grid-row-space-line-at-medium.gap-vert-line, .grid-row-space-line-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-small, .grid-space-line-at-medium.gap-vert-small, .grid-space-line-at-medium.gap-bottom-small, .grid-row-space-line-at-medium.gap-small, .grid-row-space-line-at-medium.gap-vert-small, .grid-row-space-line-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-medium, .grid-space-line-at-medium.gap-vert-medium, .grid-space-line-at-medium.gap-bottom-medium, .grid-row-space-line-at-medium.gap-medium, .grid-row-space-line-at-medium.gap-vert-medium, .grid-row-space-line-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-large, .grid-space-line-at-medium.gap-vert-large, .grid-space-line-at-medium.gap-bottom-large, .grid-row-space-line-at-medium.gap-large, .grid-row-space-line-at-medium.gap-vert-large, .grid-row-space-line-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-xl, .grid-space-line-at-medium.gap-vert-xl, .grid-space-line-at-medium.gap-bottom-xl, .grid-row-space-line-at-medium.gap-xl, .grid-row-space-line-at-medium.gap-vert-xl, .grid-row-space-line-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-xxl, .grid-space-line-at-medium.gap-vert-xxl, .grid-space-line-at-medium.gap-bottom-xxl, .grid-row-space-line-at-medium.gap-xxl, .grid-row-space-line-at-medium.gap-vert-xxl, .grid-row-space-line-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-none, .grid-space-line-at-medium.gap-vert-none, .grid-space-line-at-medium.gap-bottom-none, .grid-row-space-line-at-medium.gap-none, .grid-row-space-line-at-medium.gap-vert-none, .grid-row-space-line-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-medium, .grid-col-space-small-at-medium { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-medium > *, .grid-col-space-small-at-medium > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-medium, .grid-row-space-small-at-medium { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-medium > *, .grid-row-space-small-at-medium > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-medium.gap-base, .grid-space-small-at-medium.gap-vert-base, .grid-space-small-at-medium.gap-bottom-base, .grid-row-space-small-at-medium.gap-base, .grid-row-space-small-at-medium.gap-vert-base, .grid-row-space-small-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-line, .grid-space-small-at-medium.gap-vert-line, .grid-space-small-at-medium.gap-bottom-line, .grid-row-space-small-at-medium.gap-line, .grid-row-space-small-at-medium.gap-vert-line, .grid-row-space-small-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-small, .grid-space-small-at-medium.gap-vert-small, .grid-space-small-at-medium.gap-bottom-small, .grid-row-space-small-at-medium.gap-small, .grid-row-space-small-at-medium.gap-vert-small, .grid-row-space-small-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-medium, .grid-space-small-at-medium.gap-vert-medium, .grid-space-small-at-medium.gap-bottom-medium, .grid-row-space-small-at-medium.gap-medium, .grid-row-space-small-at-medium.gap-vert-medium, .grid-row-space-small-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-large, .grid-space-small-at-medium.gap-vert-large, .grid-space-small-at-medium.gap-bottom-large, .grid-row-space-small-at-medium.gap-large, .grid-row-space-small-at-medium.gap-vert-large, .grid-row-space-small-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-xl, .grid-space-small-at-medium.gap-vert-xl, .grid-space-small-at-medium.gap-bottom-xl, .grid-row-space-small-at-medium.gap-xl, .grid-row-space-small-at-medium.gap-vert-xl, .grid-row-space-small-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-xxl, .grid-space-small-at-medium.gap-vert-xxl, .grid-space-small-at-medium.gap-bottom-xxl, .grid-row-space-small-at-medium.gap-xxl, .grid-row-space-small-at-medium.gap-vert-xxl, .grid-row-space-small-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-none, .grid-space-small-at-medium.gap-vert-none, .grid-space-small-at-medium.gap-bottom-none, .grid-row-space-small-at-medium.gap-none, .grid-row-space-small-at-medium.gap-vert-none, .grid-row-space-small-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-medium, .grid-col-space-medium-at-medium { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-medium > *, .grid-col-space-medium-at-medium > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-medium, .grid-row-space-medium-at-medium { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-medium > *, .grid-row-space-medium-at-medium > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-medium.gap-base, .grid-space-medium-at-medium.gap-vert-base, .grid-space-medium-at-medium.gap-bottom-base, .grid-row-space-medium-at-medium.gap-base, .grid-row-space-medium-at-medium.gap-vert-base, .grid-row-space-medium-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-line, .grid-space-medium-at-medium.gap-vert-line, .grid-space-medium-at-medium.gap-bottom-line, .grid-row-space-medium-at-medium.gap-line, .grid-row-space-medium-at-medium.gap-vert-line, .grid-row-space-medium-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-small, .grid-space-medium-at-medium.gap-vert-small, .grid-space-medium-at-medium.gap-bottom-small, .grid-row-space-medium-at-medium.gap-small, .grid-row-space-medium-at-medium.gap-vert-small, .grid-row-space-medium-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-medium, .grid-space-medium-at-medium.gap-vert-medium, .grid-space-medium-at-medium.gap-bottom-medium, .grid-row-space-medium-at-medium.gap-medium, .grid-row-space-medium-at-medium.gap-vert-medium, .grid-row-space-medium-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-large, .grid-space-medium-at-medium.gap-vert-large, .grid-space-medium-at-medium.gap-bottom-large, .grid-row-space-medium-at-medium.gap-large, .grid-row-space-medium-at-medium.gap-vert-large, .grid-row-space-medium-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-xl, .grid-space-medium-at-medium.gap-vert-xl, .grid-space-medium-at-medium.gap-bottom-xl, .grid-row-space-medium-at-medium.gap-xl, .grid-row-space-medium-at-medium.gap-vert-xl, .grid-row-space-medium-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-xxl, .grid-space-medium-at-medium.gap-vert-xxl, .grid-space-medium-at-medium.gap-bottom-xxl, .grid-row-space-medium-at-medium.gap-xxl, .grid-row-space-medium-at-medium.gap-vert-xxl, .grid-row-space-medium-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-none, .grid-space-medium-at-medium.gap-vert-none, .grid-space-medium-at-medium.gap-bottom-none, .grid-row-space-medium-at-medium.gap-none, .grid-row-space-medium-at-medium.gap-vert-none, .grid-row-space-medium-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-medium, .grid-col-space-large-at-medium { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-medium > *, .grid-col-space-large-at-medium > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-medium, .grid-row-space-large-at-medium { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-medium > *, .grid-row-space-large-at-medium > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-medium.gap-base, .grid-space-large-at-medium.gap-vert-base, .grid-space-large-at-medium.gap-bottom-base, .grid-row-space-large-at-medium.gap-base, .grid-row-space-large-at-medium.gap-vert-base, .grid-row-space-large-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-line, .grid-space-large-at-medium.gap-vert-line, .grid-space-large-at-medium.gap-bottom-line, .grid-row-space-large-at-medium.gap-line, .grid-row-space-large-at-medium.gap-vert-line, .grid-row-space-large-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-small, .grid-space-large-at-medium.gap-vert-small, .grid-space-large-at-medium.gap-bottom-small, .grid-row-space-large-at-medium.gap-small, .grid-row-space-large-at-medium.gap-vert-small, .grid-row-space-large-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-medium, .grid-space-large-at-medium.gap-vert-medium, .grid-space-large-at-medium.gap-bottom-medium, .grid-row-space-large-at-medium.gap-medium, .grid-row-space-large-at-medium.gap-vert-medium, .grid-row-space-large-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-large, .grid-space-large-at-medium.gap-vert-large, .grid-space-large-at-medium.gap-bottom-large, .grid-row-space-large-at-medium.gap-large, .grid-row-space-large-at-medium.gap-vert-large, .grid-row-space-large-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-xl, .grid-space-large-at-medium.gap-vert-xl, .grid-space-large-at-medium.gap-bottom-xl, .grid-row-space-large-at-medium.gap-xl, .grid-row-space-large-at-medium.gap-vert-xl, .grid-row-space-large-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-xxl, .grid-space-large-at-medium.gap-vert-xxl, .grid-space-large-at-medium.gap-bottom-xxl, .grid-row-space-large-at-medium.gap-xxl, .grid-row-space-large-at-medium.gap-vert-xxl, .grid-row-space-large-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-none, .grid-space-large-at-medium.gap-vert-none, .grid-space-large-at-medium.gap-bottom-none, .grid-row-space-large-at-medium.gap-none, .grid-row-space-large-at-medium.gap-vert-none, .grid-row-space-large-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-medium, .grid-col-space-xl-at-medium { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-medium > *, .grid-col-space-xl-at-medium > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-medium, .grid-row-space-xl-at-medium { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-medium > *, .grid-row-space-xl-at-medium > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-medium.gap-base, .grid-space-xl-at-medium.gap-vert-base, .grid-space-xl-at-medium.gap-bottom-base, .grid-row-space-xl-at-medium.gap-base, .grid-row-space-xl-at-medium.gap-vert-base, .grid-row-space-xl-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-line, .grid-space-xl-at-medium.gap-vert-line, .grid-space-xl-at-medium.gap-bottom-line, .grid-row-space-xl-at-medium.gap-line, .grid-row-space-xl-at-medium.gap-vert-line, .grid-row-space-xl-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-small, .grid-space-xl-at-medium.gap-vert-small, .grid-space-xl-at-medium.gap-bottom-small, .grid-row-space-xl-at-medium.gap-small, .grid-row-space-xl-at-medium.gap-vert-small, .grid-row-space-xl-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-medium, .grid-space-xl-at-medium.gap-vert-medium, .grid-space-xl-at-medium.gap-bottom-medium, .grid-row-space-xl-at-medium.gap-medium, .grid-row-space-xl-at-medium.gap-vert-medium, .grid-row-space-xl-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-large, .grid-space-xl-at-medium.gap-vert-large, .grid-space-xl-at-medium.gap-bottom-large, .grid-row-space-xl-at-medium.gap-large, .grid-row-space-xl-at-medium.gap-vert-large, .grid-row-space-xl-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-xl, .grid-space-xl-at-medium.gap-vert-xl, .grid-space-xl-at-medium.gap-bottom-xl, .grid-row-space-xl-at-medium.gap-xl, .grid-row-space-xl-at-medium.gap-vert-xl, .grid-row-space-xl-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-xxl, .grid-space-xl-at-medium.gap-vert-xxl, .grid-space-xl-at-medium.gap-bottom-xxl, .grid-row-space-xl-at-medium.gap-xxl, .grid-row-space-xl-at-medium.gap-vert-xxl, .grid-row-space-xl-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-none, .grid-space-xl-at-medium.gap-vert-none, .grid-space-xl-at-medium.gap-bottom-none, .grid-row-space-xl-at-medium.gap-none, .grid-row-space-xl-at-medium.gap-vert-none, .grid-row-space-xl-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-medium, .grid-col-space-xxl-at-medium { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-medium > *, .grid-col-space-xxl-at-medium > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-medium, .grid-row-space-xxl-at-medium { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-medium > *, .grid-row-space-xxl-at-medium > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-medium.gap-base, .grid-space-xxl-at-medium.gap-vert-base, .grid-space-xxl-at-medium.gap-bottom-base, .grid-row-space-xxl-at-medium.gap-base, .grid-row-space-xxl-at-medium.gap-vert-base, .grid-row-space-xxl-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-line, .grid-space-xxl-at-medium.gap-vert-line, .grid-space-xxl-at-medium.gap-bottom-line, .grid-row-space-xxl-at-medium.gap-line, .grid-row-space-xxl-at-medium.gap-vert-line, .grid-row-space-xxl-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-small, .grid-space-xxl-at-medium.gap-vert-small, .grid-space-xxl-at-medium.gap-bottom-small, .grid-row-space-xxl-at-medium.gap-small, .grid-row-space-xxl-at-medium.gap-vert-small, .grid-row-space-xxl-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-medium, .grid-space-xxl-at-medium.gap-vert-medium, .grid-space-xxl-at-medium.gap-bottom-medium, .grid-row-space-xxl-at-medium.gap-medium, .grid-row-space-xxl-at-medium.gap-vert-medium, .grid-row-space-xxl-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-large, .grid-space-xxl-at-medium.gap-vert-large, .grid-space-xxl-at-medium.gap-bottom-large, .grid-row-space-xxl-at-medium.gap-large, .grid-row-space-xxl-at-medium.gap-vert-large, .grid-row-space-xxl-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-xl, .grid-space-xxl-at-medium.gap-vert-xl, .grid-space-xxl-at-medium.gap-bottom-xl, .grid-row-space-xxl-at-medium.gap-xl, .grid-row-space-xxl-at-medium.gap-vert-xl, .grid-row-space-xxl-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-xxl, .grid-space-xxl-at-medium.gap-vert-xxl, .grid-space-xxl-at-medium.gap-bottom-xxl, .grid-row-space-xxl-at-medium.gap-xxl, .grid-row-space-xxl-at-medium.gap-vert-xxl, .grid-row-space-xxl-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-none, .grid-space-xxl-at-medium.gap-vert-none, .grid-space-xxl-at-medium.gap-bottom-none, .grid-row-space-xxl-at-medium.gap-none, .grid-row-space-xxl-at-medium.gap-vert-none, .grid-row-space-xxl-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-medium, .grid-col-space-none-at-medium { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-medium > *, .grid-col-space-none-at-medium > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-medium, .grid-row-space-none-at-medium { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-medium > *, .grid-row-space-none-at-medium > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-medium.gap-base, .grid-space-none-at-medium.gap-vert-base, .grid-space-none-at-medium.gap-bottom-base, .grid-row-space-none-at-medium.gap-base, .grid-row-space-none-at-medium.gap-vert-base, .grid-row-space-none-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-line, .grid-space-none-at-medium.gap-vert-line, .grid-space-none-at-medium.gap-bottom-line, .grid-row-space-none-at-medium.gap-line, .grid-row-space-none-at-medium.gap-vert-line, .grid-row-space-none-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-small, .grid-space-none-at-medium.gap-vert-small, .grid-space-none-at-medium.gap-bottom-small, .grid-row-space-none-at-medium.gap-small, .grid-row-space-none-at-medium.gap-vert-small, .grid-row-space-none-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-medium, .grid-space-none-at-medium.gap-vert-medium, .grid-space-none-at-medium.gap-bottom-medium, .grid-row-space-none-at-medium.gap-medium, .grid-row-space-none-at-medium.gap-vert-medium, .grid-row-space-none-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-large, .grid-space-none-at-medium.gap-vert-large, .grid-space-none-at-medium.gap-bottom-large, .grid-row-space-none-at-medium.gap-large, .grid-row-space-none-at-medium.gap-vert-large, .grid-row-space-none-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-xl, .grid-space-none-at-medium.gap-vert-xl, .grid-space-none-at-medium.gap-bottom-xl, .grid-row-space-none-at-medium.gap-xl, .grid-row-space-none-at-medium.gap-vert-xl, .grid-row-space-none-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-xxl, .grid-space-none-at-medium.gap-vert-xxl, .grid-space-none-at-medium.gap-bottom-xxl, .grid-row-space-none-at-medium.gap-xxl, .grid-row-space-none-at-medium.gap-vert-xxl, .grid-row-space-none-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-none, .grid-space-none-at-medium.gap-vert-none, .grid-space-none-at-medium.gap-bottom-none, .grid-row-space-none-at-medium.gap-none, .grid-row-space-none-at-medium.gap-vert-none, .grid-row-space-none-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-medium, .flex-align-left-at-medium { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-medium, .flex-align-center-at-medium { display: flex !important; justify-content: center !important; } .grid-align-right-at-medium, .flex-align-right-at-medium { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-medium, .flex-align-justify-at-medium { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-medium, .flex-valign-top-at-medium { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-medium, .flex-valign-middle-at-medium { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-medium, .flex-valign-bottom-at-medium { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-medium, .flex-valign-justify-at-medium { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } @media (min-width: 1240px) { .grid-auto-at-large > *, .grid-flex-at-large > * { width: auto; } .grid-flex-at-large { display: flex; flex-wrap: nowrap; } .grid-flex-at-large > * { flex: 0 1 auto; } .grid-1-at-large { flex-wrap: wrap; } .grid-1-at-large > * { width: 100%; } .grid-2-at-large { flex-wrap: wrap; } .grid-2-at-large > * { width: 50%; } .grid-3-at-large { flex-wrap: wrap; } .grid-3-at-large > * { width: 33.3333333333%; } .grid-4-at-large { flex-wrap: wrap; } .grid-4-at-large > * { width: 25%; } .grid-5-at-large { flex-wrap: wrap; } .grid-5-at-large > * { width: 20%; } .grid-space-base-at-large, .grid-col-space-base-at-large { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-large > *, .grid-col-space-base-at-large > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-large, .grid-row-space-base-at-large { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-large > *, .grid-row-space-base-at-large > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-large.gap-base, .grid-space-base-at-large.gap-vert-base, .grid-space-base-at-large.gap-bottom-base, .grid-row-space-base-at-large.gap-base, .grid-row-space-base-at-large.gap-vert-base, .grid-row-space-base-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-large.gap-line, .grid-space-base-at-large.gap-vert-line, .grid-space-base-at-large.gap-bottom-line, .grid-row-space-base-at-large.gap-line, .grid-row-space-base-at-large.gap-vert-line, .grid-row-space-base-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-large.gap-small, .grid-space-base-at-large.gap-vert-small, .grid-space-base-at-large.gap-bottom-small, .grid-row-space-base-at-large.gap-small, .grid-row-space-base-at-large.gap-vert-small, .grid-row-space-base-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-large.gap-medium, .grid-space-base-at-large.gap-vert-medium, .grid-space-base-at-large.gap-bottom-medium, .grid-row-space-base-at-large.gap-medium, .grid-row-space-base-at-large.gap-vert-medium, .grid-row-space-base-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-large.gap-large, .grid-space-base-at-large.gap-vert-large, .grid-space-base-at-large.gap-bottom-large, .grid-row-space-base-at-large.gap-large, .grid-row-space-base-at-large.gap-vert-large, .grid-row-space-base-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-large.gap-xl, .grid-space-base-at-large.gap-vert-xl, .grid-space-base-at-large.gap-bottom-xl, .grid-row-space-base-at-large.gap-xl, .grid-row-space-base-at-large.gap-vert-xl, .grid-row-space-base-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-large.gap-xxl, .grid-space-base-at-large.gap-vert-xxl, .grid-space-base-at-large.gap-bottom-xxl, .grid-row-space-base-at-large.gap-xxl, .grid-row-space-base-at-large.gap-vert-xxl, .grid-row-space-base-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-large.gap-none, .grid-space-base-at-large.gap-vert-none, .grid-space-base-at-large.gap-bottom-none, .grid-row-space-base-at-large.gap-none, .grid-row-space-base-at-large.gap-vert-none, .grid-row-space-base-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-large, .grid-col-space-line-at-large { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-large > *, .grid-col-space-line-at-large > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-large, .grid-row-space-line-at-large { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-large > *, .grid-row-space-line-at-large > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-large.gap-base, .grid-space-line-at-large.gap-vert-base, .grid-space-line-at-large.gap-bottom-base, .grid-row-space-line-at-large.gap-base, .grid-row-space-line-at-large.gap-vert-base, .grid-row-space-line-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-large.gap-line, .grid-space-line-at-large.gap-vert-line, .grid-space-line-at-large.gap-bottom-line, .grid-row-space-line-at-large.gap-line, .grid-row-space-line-at-large.gap-vert-line, .grid-row-space-line-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-large.gap-small, .grid-space-line-at-large.gap-vert-small, .grid-space-line-at-large.gap-bottom-small, .grid-row-space-line-at-large.gap-small, .grid-row-space-line-at-large.gap-vert-small, .grid-row-space-line-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-large.gap-medium, .grid-space-line-at-large.gap-vert-medium, .grid-space-line-at-large.gap-bottom-medium, .grid-row-space-line-at-large.gap-medium, .grid-row-space-line-at-large.gap-vert-medium, .grid-row-space-line-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-large.gap-large, .grid-space-line-at-large.gap-vert-large, .grid-space-line-at-large.gap-bottom-large, .grid-row-space-line-at-large.gap-large, .grid-row-space-line-at-large.gap-vert-large, .grid-row-space-line-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-large.gap-xl, .grid-space-line-at-large.gap-vert-xl, .grid-space-line-at-large.gap-bottom-xl, .grid-row-space-line-at-large.gap-xl, .grid-row-space-line-at-large.gap-vert-xl, .grid-row-space-line-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-large.gap-xxl, .grid-space-line-at-large.gap-vert-xxl, .grid-space-line-at-large.gap-bottom-xxl, .grid-row-space-line-at-large.gap-xxl, .grid-row-space-line-at-large.gap-vert-xxl, .grid-row-space-line-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-large.gap-none, .grid-space-line-at-large.gap-vert-none, .grid-space-line-at-large.gap-bottom-none, .grid-row-space-line-at-large.gap-none, .grid-row-space-line-at-large.gap-vert-none, .grid-row-space-line-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-large, .grid-col-space-small-at-large { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-large > *, .grid-col-space-small-at-large > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-large, .grid-row-space-small-at-large { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-large > *, .grid-row-space-small-at-large > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-large.gap-base, .grid-space-small-at-large.gap-vert-base, .grid-space-small-at-large.gap-bottom-base, .grid-row-space-small-at-large.gap-base, .grid-row-space-small-at-large.gap-vert-base, .grid-row-space-small-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-large.gap-line, .grid-space-small-at-large.gap-vert-line, .grid-space-small-at-large.gap-bottom-line, .grid-row-space-small-at-large.gap-line, .grid-row-space-small-at-large.gap-vert-line, .grid-row-space-small-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-large.gap-small, .grid-space-small-at-large.gap-vert-small, .grid-space-small-at-large.gap-bottom-small, .grid-row-space-small-at-large.gap-small, .grid-row-space-small-at-large.gap-vert-small, .grid-row-space-small-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-large.gap-medium, .grid-space-small-at-large.gap-vert-medium, .grid-space-small-at-large.gap-bottom-medium, .grid-row-space-small-at-large.gap-medium, .grid-row-space-small-at-large.gap-vert-medium, .grid-row-space-small-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-large.gap-large, .grid-space-small-at-large.gap-vert-large, .grid-space-small-at-large.gap-bottom-large, .grid-row-space-small-at-large.gap-large, .grid-row-space-small-at-large.gap-vert-large, .grid-row-space-small-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-large.gap-xl, .grid-space-small-at-large.gap-vert-xl, .grid-space-small-at-large.gap-bottom-xl, .grid-row-space-small-at-large.gap-xl, .grid-row-space-small-at-large.gap-vert-xl, .grid-row-space-small-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-large.gap-xxl, .grid-space-small-at-large.gap-vert-xxl, .grid-space-small-at-large.gap-bottom-xxl, .grid-row-space-small-at-large.gap-xxl, .grid-row-space-small-at-large.gap-vert-xxl, .grid-row-space-small-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-large.gap-none, .grid-space-small-at-large.gap-vert-none, .grid-space-small-at-large.gap-bottom-none, .grid-row-space-small-at-large.gap-none, .grid-row-space-small-at-large.gap-vert-none, .grid-row-space-small-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-large, .grid-col-space-medium-at-large { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-large > *, .grid-col-space-medium-at-large > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-large, .grid-row-space-medium-at-large { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-large > *, .grid-row-space-medium-at-large > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-large.gap-base, .grid-space-medium-at-large.gap-vert-base, .grid-space-medium-at-large.gap-bottom-base, .grid-row-space-medium-at-large.gap-base, .grid-row-space-medium-at-large.gap-vert-base, .grid-row-space-medium-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-line, .grid-space-medium-at-large.gap-vert-line, .grid-space-medium-at-large.gap-bottom-line, .grid-row-space-medium-at-large.gap-line, .grid-row-space-medium-at-large.gap-vert-line, .grid-row-space-medium-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-small, .grid-space-medium-at-large.gap-vert-small, .grid-space-medium-at-large.gap-bottom-small, .grid-row-space-medium-at-large.gap-small, .grid-row-space-medium-at-large.gap-vert-small, .grid-row-space-medium-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-medium, .grid-space-medium-at-large.gap-vert-medium, .grid-space-medium-at-large.gap-bottom-medium, .grid-row-space-medium-at-large.gap-medium, .grid-row-space-medium-at-large.gap-vert-medium, .grid-row-space-medium-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-large, .grid-space-medium-at-large.gap-vert-large, .grid-space-medium-at-large.gap-bottom-large, .grid-row-space-medium-at-large.gap-large, .grid-row-space-medium-at-large.gap-vert-large, .grid-row-space-medium-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-xl, .grid-space-medium-at-large.gap-vert-xl, .grid-space-medium-at-large.gap-bottom-xl, .grid-row-space-medium-at-large.gap-xl, .grid-row-space-medium-at-large.gap-vert-xl, .grid-row-space-medium-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-xxl, .grid-space-medium-at-large.gap-vert-xxl, .grid-space-medium-at-large.gap-bottom-xxl, .grid-row-space-medium-at-large.gap-xxl, .grid-row-space-medium-at-large.gap-vert-xxl, .grid-row-space-medium-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-none, .grid-space-medium-at-large.gap-vert-none, .grid-space-medium-at-large.gap-bottom-none, .grid-row-space-medium-at-large.gap-none, .grid-row-space-medium-at-large.gap-vert-none, .grid-row-space-medium-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-large, .grid-col-space-large-at-large { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-large > *, .grid-col-space-large-at-large > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-large, .grid-row-space-large-at-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-large > *, .grid-row-space-large-at-large > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-large.gap-base, .grid-space-large-at-large.gap-vert-base, .grid-space-large-at-large.gap-bottom-base, .grid-row-space-large-at-large.gap-base, .grid-row-space-large-at-large.gap-vert-base, .grid-row-space-large-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-large.gap-line, .grid-space-large-at-large.gap-vert-line, .grid-space-large-at-large.gap-bottom-line, .grid-row-space-large-at-large.gap-line, .grid-row-space-large-at-large.gap-vert-line, .grid-row-space-large-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-large.gap-small, .grid-space-large-at-large.gap-vert-small, .grid-space-large-at-large.gap-bottom-small, .grid-row-space-large-at-large.gap-small, .grid-row-space-large-at-large.gap-vert-small, .grid-row-space-large-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-large.gap-medium, .grid-space-large-at-large.gap-vert-medium, .grid-space-large-at-large.gap-bottom-medium, .grid-row-space-large-at-large.gap-medium, .grid-row-space-large-at-large.gap-vert-medium, .grid-row-space-large-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-large.gap-large, .grid-space-large-at-large.gap-vert-large, .grid-space-large-at-large.gap-bottom-large, .grid-row-space-large-at-large.gap-large, .grid-row-space-large-at-large.gap-vert-large, .grid-row-space-large-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-large.gap-xl, .grid-space-large-at-large.gap-vert-xl, .grid-space-large-at-large.gap-bottom-xl, .grid-row-space-large-at-large.gap-xl, .grid-row-space-large-at-large.gap-vert-xl, .grid-row-space-large-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-large.gap-xxl, .grid-space-large-at-large.gap-vert-xxl, .grid-space-large-at-large.gap-bottom-xxl, .grid-row-space-large-at-large.gap-xxl, .grid-row-space-large-at-large.gap-vert-xxl, .grid-row-space-large-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-large.gap-none, .grid-space-large-at-large.gap-vert-none, .grid-space-large-at-large.gap-bottom-none, .grid-row-space-large-at-large.gap-none, .grid-row-space-large-at-large.gap-vert-none, .grid-row-space-large-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-large, .grid-col-space-xl-at-large { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-large > *, .grid-col-space-xl-at-large > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-large, .grid-row-space-xl-at-large { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-large > *, .grid-row-space-xl-at-large > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-large.gap-base, .grid-space-xl-at-large.gap-vert-base, .grid-space-xl-at-large.gap-bottom-base, .grid-row-space-xl-at-large.gap-base, .grid-row-space-xl-at-large.gap-vert-base, .grid-row-space-xl-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-line, .grid-space-xl-at-large.gap-vert-line, .grid-space-xl-at-large.gap-bottom-line, .grid-row-space-xl-at-large.gap-line, .grid-row-space-xl-at-large.gap-vert-line, .grid-row-space-xl-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-small, .grid-space-xl-at-large.gap-vert-small, .grid-space-xl-at-large.gap-bottom-small, .grid-row-space-xl-at-large.gap-small, .grid-row-space-xl-at-large.gap-vert-small, .grid-row-space-xl-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-medium, .grid-space-xl-at-large.gap-vert-medium, .grid-space-xl-at-large.gap-bottom-medium, .grid-row-space-xl-at-large.gap-medium, .grid-row-space-xl-at-large.gap-vert-medium, .grid-row-space-xl-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-large, .grid-space-xl-at-large.gap-vert-large, .grid-space-xl-at-large.gap-bottom-large, .grid-row-space-xl-at-large.gap-large, .grid-row-space-xl-at-large.gap-vert-large, .grid-row-space-xl-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-xl, .grid-space-xl-at-large.gap-vert-xl, .grid-space-xl-at-large.gap-bottom-xl, .grid-row-space-xl-at-large.gap-xl, .grid-row-space-xl-at-large.gap-vert-xl, .grid-row-space-xl-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-xxl, .grid-space-xl-at-large.gap-vert-xxl, .grid-space-xl-at-large.gap-bottom-xxl, .grid-row-space-xl-at-large.gap-xxl, .grid-row-space-xl-at-large.gap-vert-xxl, .grid-row-space-xl-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-none, .grid-space-xl-at-large.gap-vert-none, .grid-space-xl-at-large.gap-bottom-none, .grid-row-space-xl-at-large.gap-none, .grid-row-space-xl-at-large.gap-vert-none, .grid-row-space-xl-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-large, .grid-col-space-xxl-at-large { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-large > *, .grid-col-space-xxl-at-large > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-large, .grid-row-space-xxl-at-large { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-large > *, .grid-row-space-xxl-at-large > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-large.gap-base, .grid-space-xxl-at-large.gap-vert-base, .grid-space-xxl-at-large.gap-bottom-base, .grid-row-space-xxl-at-large.gap-base, .grid-row-space-xxl-at-large.gap-vert-base, .grid-row-space-xxl-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-line, .grid-space-xxl-at-large.gap-vert-line, .grid-space-xxl-at-large.gap-bottom-line, .grid-row-space-xxl-at-large.gap-line, .grid-row-space-xxl-at-large.gap-vert-line, .grid-row-space-xxl-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-small, .grid-space-xxl-at-large.gap-vert-small, .grid-space-xxl-at-large.gap-bottom-small, .grid-row-space-xxl-at-large.gap-small, .grid-row-space-xxl-at-large.gap-vert-small, .grid-row-space-xxl-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-medium, .grid-space-xxl-at-large.gap-vert-medium, .grid-space-xxl-at-large.gap-bottom-medium, .grid-row-space-xxl-at-large.gap-medium, .grid-row-space-xxl-at-large.gap-vert-medium, .grid-row-space-xxl-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-large, .grid-space-xxl-at-large.gap-vert-large, .grid-space-xxl-at-large.gap-bottom-large, .grid-row-space-xxl-at-large.gap-large, .grid-row-space-xxl-at-large.gap-vert-large, .grid-row-space-xxl-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-xl, .grid-space-xxl-at-large.gap-vert-xl, .grid-space-xxl-at-large.gap-bottom-xl, .grid-row-space-xxl-at-large.gap-xl, .grid-row-space-xxl-at-large.gap-vert-xl, .grid-row-space-xxl-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-xxl, .grid-space-xxl-at-large.gap-vert-xxl, .grid-space-xxl-at-large.gap-bottom-xxl, .grid-row-space-xxl-at-large.gap-xxl, .grid-row-space-xxl-at-large.gap-vert-xxl, .grid-row-space-xxl-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-none, .grid-space-xxl-at-large.gap-vert-none, .grid-space-xxl-at-large.gap-bottom-none, .grid-row-space-xxl-at-large.gap-none, .grid-row-space-xxl-at-large.gap-vert-none, .grid-row-space-xxl-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-large, .grid-col-space-none-at-large { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-large > *, .grid-col-space-none-at-large > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-large, .grid-row-space-none-at-large { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-large > *, .grid-row-space-none-at-large > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-large.gap-base, .grid-space-none-at-large.gap-vert-base, .grid-space-none-at-large.gap-bottom-base, .grid-row-space-none-at-large.gap-base, .grid-row-space-none-at-large.gap-vert-base, .grid-row-space-none-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-large.gap-line, .grid-space-none-at-large.gap-vert-line, .grid-space-none-at-large.gap-bottom-line, .grid-row-space-none-at-large.gap-line, .grid-row-space-none-at-large.gap-vert-line, .grid-row-space-none-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-large.gap-small, .grid-space-none-at-large.gap-vert-small, .grid-space-none-at-large.gap-bottom-small, .grid-row-space-none-at-large.gap-small, .grid-row-space-none-at-large.gap-vert-small, .grid-row-space-none-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-large.gap-medium, .grid-space-none-at-large.gap-vert-medium, .grid-space-none-at-large.gap-bottom-medium, .grid-row-space-none-at-large.gap-medium, .grid-row-space-none-at-large.gap-vert-medium, .grid-row-space-none-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-large.gap-large, .grid-space-none-at-large.gap-vert-large, .grid-space-none-at-large.gap-bottom-large, .grid-row-space-none-at-large.gap-large, .grid-row-space-none-at-large.gap-vert-large, .grid-row-space-none-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-large.gap-xl, .grid-space-none-at-large.gap-vert-xl, .grid-space-none-at-large.gap-bottom-xl, .grid-row-space-none-at-large.gap-xl, .grid-row-space-none-at-large.gap-vert-xl, .grid-row-space-none-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-large.gap-xxl, .grid-space-none-at-large.gap-vert-xxl, .grid-space-none-at-large.gap-bottom-xxl, .grid-row-space-none-at-large.gap-xxl, .grid-row-space-none-at-large.gap-vert-xxl, .grid-row-space-none-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-large.gap-none, .grid-space-none-at-large.gap-vert-none, .grid-space-none-at-large.gap-bottom-none, .grid-row-space-none-at-large.gap-none, .grid-row-space-none-at-large.gap-vert-none, .grid-row-space-none-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-large, .flex-align-left-at-large { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-large, .flex-align-center-at-large { display: flex !important; justify-content: center !important; } .grid-align-right-at-large, .flex-align-right-at-large { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-large, .flex-align-justify-at-large { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-large, .flex-valign-top-at-large { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-large, .flex-valign-middle-at-large { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-large, .flex-valign-bottom-at-large { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-large, .flex-valign-justify-at-large { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } @media (min-width: 1500px) { .grid-auto-at-extra-large > *, .grid-flex-at-extra-large > * { width: auto; } .grid-flex-at-extra-large { display: flex; flex-wrap: nowrap; } .grid-flex-at-extra-large > * { flex: 0 1 auto; } .grid-1-at-extra-large { flex-wrap: wrap; } .grid-1-at-extra-large > * { width: 100%; } .grid-2-at-extra-large { flex-wrap: wrap; } .grid-2-at-extra-large > * { width: 50%; } .grid-3-at-extra-large { flex-wrap: wrap; } .grid-3-at-extra-large > * { width: 33.3333333333%; } .grid-4-at-extra-large { flex-wrap: wrap; } .grid-4-at-extra-large > * { width: 25%; } .grid-5-at-extra-large { flex-wrap: wrap; } .grid-5-at-extra-large > * { width: 20%; } .grid-space-base-at-extra-large, .grid-col-space-base-at-extra-large { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-extra-large > *, .grid-col-space-base-at-extra-large > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-extra-large, .grid-row-space-base-at-extra-large { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-extra-large > *, .grid-row-space-base-at-extra-large > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-extra-large.gap-base, .grid-space-base-at-extra-large.gap-vert-base, .grid-space-base-at-extra-large.gap-bottom-base, .grid-row-space-base-at-extra-large.gap-base, .grid-row-space-base-at-extra-large.gap-vert-base, .grid-row-space-base-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-line, .grid-space-base-at-extra-large.gap-vert-line, .grid-space-base-at-extra-large.gap-bottom-line, .grid-row-space-base-at-extra-large.gap-line, .grid-row-space-base-at-extra-large.gap-vert-line, .grid-row-space-base-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-small, .grid-space-base-at-extra-large.gap-vert-small, .grid-space-base-at-extra-large.gap-bottom-small, .grid-row-space-base-at-extra-large.gap-small, .grid-row-space-base-at-extra-large.gap-vert-small, .grid-row-space-base-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-medium, .grid-space-base-at-extra-large.gap-vert-medium, .grid-space-base-at-extra-large.gap-bottom-medium, .grid-row-space-base-at-extra-large.gap-medium, .grid-row-space-base-at-extra-large.gap-vert-medium, .grid-row-space-base-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-large, .grid-space-base-at-extra-large.gap-vert-large, .grid-space-base-at-extra-large.gap-bottom-large, .grid-row-space-base-at-extra-large.gap-large, .grid-row-space-base-at-extra-large.gap-vert-large, .grid-row-space-base-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-xl, .grid-space-base-at-extra-large.gap-vert-xl, .grid-space-base-at-extra-large.gap-bottom-xl, .grid-row-space-base-at-extra-large.gap-xl, .grid-row-space-base-at-extra-large.gap-vert-xl, .grid-row-space-base-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-xxl, .grid-space-base-at-extra-large.gap-vert-xxl, .grid-space-base-at-extra-large.gap-bottom-xxl, .grid-row-space-base-at-extra-large.gap-xxl, .grid-row-space-base-at-extra-large.gap-vert-xxl, .grid-row-space-base-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-none, .grid-space-base-at-extra-large.gap-vert-none, .grid-space-base-at-extra-large.gap-bottom-none, .grid-row-space-base-at-extra-large.gap-none, .grid-row-space-base-at-extra-large.gap-vert-none, .grid-row-space-base-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-extra-large, .grid-col-space-line-at-extra-large { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-extra-large > *, .grid-col-space-line-at-extra-large > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-extra-large, .grid-row-space-line-at-extra-large { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-extra-large > *, .grid-row-space-line-at-extra-large > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-extra-large.gap-base, .grid-space-line-at-extra-large.gap-vert-base, .grid-space-line-at-extra-large.gap-bottom-base, .grid-row-space-line-at-extra-large.gap-base, .grid-row-space-line-at-extra-large.gap-vert-base, .grid-row-space-line-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-line, .grid-space-line-at-extra-large.gap-vert-line, .grid-space-line-at-extra-large.gap-bottom-line, .grid-row-space-line-at-extra-large.gap-line, .grid-row-space-line-at-extra-large.gap-vert-line, .grid-row-space-line-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-small, .grid-space-line-at-extra-large.gap-vert-small, .grid-space-line-at-extra-large.gap-bottom-small, .grid-row-space-line-at-extra-large.gap-small, .grid-row-space-line-at-extra-large.gap-vert-small, .grid-row-space-line-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-medium, .grid-space-line-at-extra-large.gap-vert-medium, .grid-space-line-at-extra-large.gap-bottom-medium, .grid-row-space-line-at-extra-large.gap-medium, .grid-row-space-line-at-extra-large.gap-vert-medium, .grid-row-space-line-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-large, .grid-space-line-at-extra-large.gap-vert-large, .grid-space-line-at-extra-large.gap-bottom-large, .grid-row-space-line-at-extra-large.gap-large, .grid-row-space-line-at-extra-large.gap-vert-large, .grid-row-space-line-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-xl, .grid-space-line-at-extra-large.gap-vert-xl, .grid-space-line-at-extra-large.gap-bottom-xl, .grid-row-space-line-at-extra-large.gap-xl, .grid-row-space-line-at-extra-large.gap-vert-xl, .grid-row-space-line-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-xxl, .grid-space-line-at-extra-large.gap-vert-xxl, .grid-space-line-at-extra-large.gap-bottom-xxl, .grid-row-space-line-at-extra-large.gap-xxl, .grid-row-space-line-at-extra-large.gap-vert-xxl, .grid-row-space-line-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-none, .grid-space-line-at-extra-large.gap-vert-none, .grid-space-line-at-extra-large.gap-bottom-none, .grid-row-space-line-at-extra-large.gap-none, .grid-row-space-line-at-extra-large.gap-vert-none, .grid-row-space-line-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-extra-large, .grid-col-space-small-at-extra-large { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-extra-large > *, .grid-col-space-small-at-extra-large > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-extra-large, .grid-row-space-small-at-extra-large { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-extra-large > *, .grid-row-space-small-at-extra-large > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-extra-large.gap-base, .grid-space-small-at-extra-large.gap-vert-base, .grid-space-small-at-extra-large.gap-bottom-base, .grid-row-space-small-at-extra-large.gap-base, .grid-row-space-small-at-extra-large.gap-vert-base, .grid-row-space-small-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-line, .grid-space-small-at-extra-large.gap-vert-line, .grid-space-small-at-extra-large.gap-bottom-line, .grid-row-space-small-at-extra-large.gap-line, .grid-row-space-small-at-extra-large.gap-vert-line, .grid-row-space-small-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-small, .grid-space-small-at-extra-large.gap-vert-small, .grid-space-small-at-extra-large.gap-bottom-small, .grid-row-space-small-at-extra-large.gap-small, .grid-row-space-small-at-extra-large.gap-vert-small, .grid-row-space-small-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-medium, .grid-space-small-at-extra-large.gap-vert-medium, .grid-space-small-at-extra-large.gap-bottom-medium, .grid-row-space-small-at-extra-large.gap-medium, .grid-row-space-small-at-extra-large.gap-vert-medium, .grid-row-space-small-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-large, .grid-space-small-at-extra-large.gap-vert-large, .grid-space-small-at-extra-large.gap-bottom-large, .grid-row-space-small-at-extra-large.gap-large, .grid-row-space-small-at-extra-large.gap-vert-large, .grid-row-space-small-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-xl, .grid-space-small-at-extra-large.gap-vert-xl, .grid-space-small-at-extra-large.gap-bottom-xl, .grid-row-space-small-at-extra-large.gap-xl, .grid-row-space-small-at-extra-large.gap-vert-xl, .grid-row-space-small-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-xxl, .grid-space-small-at-extra-large.gap-vert-xxl, .grid-space-small-at-extra-large.gap-bottom-xxl, .grid-row-space-small-at-extra-large.gap-xxl, .grid-row-space-small-at-extra-large.gap-vert-xxl, .grid-row-space-small-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-none, .grid-space-small-at-extra-large.gap-vert-none, .grid-space-small-at-extra-large.gap-bottom-none, .grid-row-space-small-at-extra-large.gap-none, .grid-row-space-small-at-extra-large.gap-vert-none, .grid-row-space-small-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-extra-large, .grid-col-space-medium-at-extra-large { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-extra-large > *, .grid-col-space-medium-at-extra-large > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-extra-large, .grid-row-space-medium-at-extra-large { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-extra-large > *, .grid-row-space-medium-at-extra-large > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-extra-large.gap-base, .grid-space-medium-at-extra-large.gap-vert-base, .grid-space-medium-at-extra-large.gap-bottom-base, .grid-row-space-medium-at-extra-large.gap-base, .grid-row-space-medium-at-extra-large.gap-vert-base, .grid-row-space-medium-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-line, .grid-space-medium-at-extra-large.gap-vert-line, .grid-space-medium-at-extra-large.gap-bottom-line, .grid-row-space-medium-at-extra-large.gap-line, .grid-row-space-medium-at-extra-large.gap-vert-line, .grid-row-space-medium-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-small, .grid-space-medium-at-extra-large.gap-vert-small, .grid-space-medium-at-extra-large.gap-bottom-small, .grid-row-space-medium-at-extra-large.gap-small, .grid-row-space-medium-at-extra-large.gap-vert-small, .grid-row-space-medium-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-medium, .grid-space-medium-at-extra-large.gap-vert-medium, .grid-space-medium-at-extra-large.gap-bottom-medium, .grid-row-space-medium-at-extra-large.gap-medium, .grid-row-space-medium-at-extra-large.gap-vert-medium, .grid-row-space-medium-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-large, .grid-space-medium-at-extra-large.gap-vert-large, .grid-space-medium-at-extra-large.gap-bottom-large, .grid-row-space-medium-at-extra-large.gap-large, .grid-row-space-medium-at-extra-large.gap-vert-large, .grid-row-space-medium-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-xl, .grid-space-medium-at-extra-large.gap-vert-xl, .grid-space-medium-at-extra-large.gap-bottom-xl, .grid-row-space-medium-at-extra-large.gap-xl, .grid-row-space-medium-at-extra-large.gap-vert-xl, .grid-row-space-medium-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-xxl, .grid-space-medium-at-extra-large.gap-vert-xxl, .grid-space-medium-at-extra-large.gap-bottom-xxl, .grid-row-space-medium-at-extra-large.gap-xxl, .grid-row-space-medium-at-extra-large.gap-vert-xxl, .grid-row-space-medium-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-none, .grid-space-medium-at-extra-large.gap-vert-none, .grid-space-medium-at-extra-large.gap-bottom-none, .grid-row-space-medium-at-extra-large.gap-none, .grid-row-space-medium-at-extra-large.gap-vert-none, .grid-row-space-medium-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-extra-large, .grid-col-space-large-at-extra-large { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-extra-large > *, .grid-col-space-large-at-extra-large > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-extra-large, .grid-row-space-large-at-extra-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-extra-large > *, .grid-row-space-large-at-extra-large > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-extra-large.gap-base, .grid-space-large-at-extra-large.gap-vert-base, .grid-space-large-at-extra-large.gap-bottom-base, .grid-row-space-large-at-extra-large.gap-base, .grid-row-space-large-at-extra-large.gap-vert-base, .grid-row-space-large-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-line, .grid-space-large-at-extra-large.gap-vert-line, .grid-space-large-at-extra-large.gap-bottom-line, .grid-row-space-large-at-extra-large.gap-line, .grid-row-space-large-at-extra-large.gap-vert-line, .grid-row-space-large-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-small, .grid-space-large-at-extra-large.gap-vert-small, .grid-space-large-at-extra-large.gap-bottom-small, .grid-row-space-large-at-extra-large.gap-small, .grid-row-space-large-at-extra-large.gap-vert-small, .grid-row-space-large-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-medium, .grid-space-large-at-extra-large.gap-vert-medium, .grid-space-large-at-extra-large.gap-bottom-medium, .grid-row-space-large-at-extra-large.gap-medium, .grid-row-space-large-at-extra-large.gap-vert-medium, .grid-row-space-large-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-large, .grid-space-large-at-extra-large.gap-vert-large, .grid-space-large-at-extra-large.gap-bottom-large, .grid-row-space-large-at-extra-large.gap-large, .grid-row-space-large-at-extra-large.gap-vert-large, .grid-row-space-large-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-xl, .grid-space-large-at-extra-large.gap-vert-xl, .grid-space-large-at-extra-large.gap-bottom-xl, .grid-row-space-large-at-extra-large.gap-xl, .grid-row-space-large-at-extra-large.gap-vert-xl, .grid-row-space-large-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-xxl, .grid-space-large-at-extra-large.gap-vert-xxl, .grid-space-large-at-extra-large.gap-bottom-xxl, .grid-row-space-large-at-extra-large.gap-xxl, .grid-row-space-large-at-extra-large.gap-vert-xxl, .grid-row-space-large-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-none, .grid-space-large-at-extra-large.gap-vert-none, .grid-space-large-at-extra-large.gap-bottom-none, .grid-row-space-large-at-extra-large.gap-none, .grid-row-space-large-at-extra-large.gap-vert-none, .grid-row-space-large-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-extra-large, .grid-col-space-xl-at-extra-large { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-extra-large > *, .grid-col-space-xl-at-extra-large > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-extra-large, .grid-row-space-xl-at-extra-large { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-extra-large > *, .grid-row-space-xl-at-extra-large > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-extra-large.gap-base, .grid-space-xl-at-extra-large.gap-vert-base, .grid-space-xl-at-extra-large.gap-bottom-base, .grid-row-space-xl-at-extra-large.gap-base, .grid-row-space-xl-at-extra-large.gap-vert-base, .grid-row-space-xl-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-line, .grid-space-xl-at-extra-large.gap-vert-line, .grid-space-xl-at-extra-large.gap-bottom-line, .grid-row-space-xl-at-extra-large.gap-line, .grid-row-space-xl-at-extra-large.gap-vert-line, .grid-row-space-xl-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-small, .grid-space-xl-at-extra-large.gap-vert-small, .grid-space-xl-at-extra-large.gap-bottom-small, .grid-row-space-xl-at-extra-large.gap-small, .grid-row-space-xl-at-extra-large.gap-vert-small, .grid-row-space-xl-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-medium, .grid-space-xl-at-extra-large.gap-vert-medium, .grid-space-xl-at-extra-large.gap-bottom-medium, .grid-row-space-xl-at-extra-large.gap-medium, .grid-row-space-xl-at-extra-large.gap-vert-medium, .grid-row-space-xl-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-large, .grid-space-xl-at-extra-large.gap-vert-large, .grid-space-xl-at-extra-large.gap-bottom-large, .grid-row-space-xl-at-extra-large.gap-large, .grid-row-space-xl-at-extra-large.gap-vert-large, .grid-row-space-xl-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-xl, .grid-space-xl-at-extra-large.gap-vert-xl, .grid-space-xl-at-extra-large.gap-bottom-xl, .grid-row-space-xl-at-extra-large.gap-xl, .grid-row-space-xl-at-extra-large.gap-vert-xl, .grid-row-space-xl-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-xxl, .grid-space-xl-at-extra-large.gap-vert-xxl, .grid-space-xl-at-extra-large.gap-bottom-xxl, .grid-row-space-xl-at-extra-large.gap-xxl, .grid-row-space-xl-at-extra-large.gap-vert-xxl, .grid-row-space-xl-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-none, .grid-space-xl-at-extra-large.gap-vert-none, .grid-space-xl-at-extra-large.gap-bottom-none, .grid-row-space-xl-at-extra-large.gap-none, .grid-row-space-xl-at-extra-large.gap-vert-none, .grid-row-space-xl-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-extra-large, .grid-col-space-xxl-at-extra-large { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-extra-large > *, .grid-col-space-xxl-at-extra-large > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-extra-large, .grid-row-space-xxl-at-extra-large { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large > *, .grid-row-space-xxl-at-extra-large > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-extra-large.gap-base, .grid-space-xxl-at-extra-large.gap-vert-base, .grid-space-xxl-at-extra-large.gap-bottom-base, .grid-row-space-xxl-at-extra-large.gap-base, .grid-row-space-xxl-at-extra-large.gap-vert-base, .grid-row-space-xxl-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-line, .grid-space-xxl-at-extra-large.gap-vert-line, .grid-space-xxl-at-extra-large.gap-bottom-line, .grid-row-space-xxl-at-extra-large.gap-line, .grid-row-space-xxl-at-extra-large.gap-vert-line, .grid-row-space-xxl-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-small, .grid-space-xxl-at-extra-large.gap-vert-small, .grid-space-xxl-at-extra-large.gap-bottom-small, .grid-row-space-xxl-at-extra-large.gap-small, .grid-row-space-xxl-at-extra-large.gap-vert-small, .grid-row-space-xxl-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-medium, .grid-space-xxl-at-extra-large.gap-vert-medium, .grid-space-xxl-at-extra-large.gap-bottom-medium, .grid-row-space-xxl-at-extra-large.gap-medium, .grid-row-space-xxl-at-extra-large.gap-vert-medium, .grid-row-space-xxl-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-large, .grid-space-xxl-at-extra-large.gap-vert-large, .grid-space-xxl-at-extra-large.gap-bottom-large, .grid-row-space-xxl-at-extra-large.gap-large, .grid-row-space-xxl-at-extra-large.gap-vert-large, .grid-row-space-xxl-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-xl, .grid-space-xxl-at-extra-large.gap-vert-xl, .grid-space-xxl-at-extra-large.gap-bottom-xl, .grid-row-space-xxl-at-extra-large.gap-xl, .grid-row-space-xxl-at-extra-large.gap-vert-xl, .grid-row-space-xxl-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-xxl, .grid-space-xxl-at-extra-large.gap-vert-xxl, .grid-space-xxl-at-extra-large.gap-bottom-xxl, .grid-row-space-xxl-at-extra-large.gap-xxl, .grid-row-space-xxl-at-extra-large.gap-vert-xxl, .grid-row-space-xxl-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-none, .grid-space-xxl-at-extra-large.gap-vert-none, .grid-space-xxl-at-extra-large.gap-bottom-none, .grid-row-space-xxl-at-extra-large.gap-none, .grid-row-space-xxl-at-extra-large.gap-vert-none, .grid-row-space-xxl-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-extra-large, .grid-col-space-none-at-extra-large { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-extra-large > *, .grid-col-space-none-at-extra-large > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-extra-large, .grid-row-space-none-at-extra-large { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-extra-large > *, .grid-row-space-none-at-extra-large > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-extra-large.gap-base, .grid-space-none-at-extra-large.gap-vert-base, .grid-space-none-at-extra-large.gap-bottom-base, .grid-row-space-none-at-extra-large.gap-base, .grid-row-space-none-at-extra-large.gap-vert-base, .grid-row-space-none-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-line, .grid-space-none-at-extra-large.gap-vert-line, .grid-space-none-at-extra-large.gap-bottom-line, .grid-row-space-none-at-extra-large.gap-line, .grid-row-space-none-at-extra-large.gap-vert-line, .grid-row-space-none-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-small, .grid-space-none-at-extra-large.gap-vert-small, .grid-space-none-at-extra-large.gap-bottom-small, .grid-row-space-none-at-extra-large.gap-small, .grid-row-space-none-at-extra-large.gap-vert-small, .grid-row-space-none-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-medium, .grid-space-none-at-extra-large.gap-vert-medium, .grid-space-none-at-extra-large.gap-bottom-medium, .grid-row-space-none-at-extra-large.gap-medium, .grid-row-space-none-at-extra-large.gap-vert-medium, .grid-row-space-none-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-large, .grid-space-none-at-extra-large.gap-vert-large, .grid-space-none-at-extra-large.gap-bottom-large, .grid-row-space-none-at-extra-large.gap-large, .grid-row-space-none-at-extra-large.gap-vert-large, .grid-row-space-none-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-xl, .grid-space-none-at-extra-large.gap-vert-xl, .grid-space-none-at-extra-large.gap-bottom-xl, .grid-row-space-none-at-extra-large.gap-xl, .grid-row-space-none-at-extra-large.gap-vert-xl, .grid-row-space-none-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-xxl, .grid-space-none-at-extra-large.gap-vert-xxl, .grid-space-none-at-extra-large.gap-bottom-xxl, .grid-row-space-none-at-extra-large.gap-xxl, .grid-row-space-none-at-extra-large.gap-vert-xxl, .grid-row-space-none-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-none, .grid-space-none-at-extra-large.gap-vert-none, .grid-space-none-at-extra-large.gap-bottom-none, .grid-row-space-none-at-extra-large.gap-none, .grid-row-space-none-at-extra-large.gap-vert-none, .grid-row-space-none-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-extra-large, .flex-align-left-at-extra-large { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-extra-large, .flex-align-center-at-extra-large { display: flex !important; justify-content: center !important; } .grid-align-right-at-extra-large, .flex-align-right-at-extra-large { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-extra-large, .flex-align-justify-at-extra-large { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-extra-large, .flex-valign-top-at-extra-large { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-extra-large, .flex-valign-middle-at-extra-large { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-extra-large, .flex-valign-bottom-at-extra-large { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-extra-large, .flex-valign-justify-at-extra-large { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } h1:not(:first-child), .h1:not(:first-child), h2:not(:first-child), .h2:not(:first-child), h3:not(:first-child), .h3:not(:first-child), h4:not(:first-child), .h4:not(:first-child), h5:not(:first-child), .h5:not(:first-child), h6:not(:first-child), .h6:not(:first-child) { margin-top: 2.5em; } h1:not(:last-child), .h1:not(:last-child), h2:not(:last-child), .h2:not(:last-child), h3:not(:last-child), .h3:not(:last-child), h4:not(:last-child), .h4:not(:last-child), h5:not(:last-child), .h5:not(:last-child), h6:not(:last-child), .h6:not(:last-child) { margin-bottom: 1em; } h1, .h1 { font-family: var(--font-family-h1); font-size: var(--font-size-h1-base); line-height: var(--line-height-h1-base); letter-spacing: var(--letter-spacing-h1-medium); font-weight: var(--font-weight-h1); } @media (min-width: 1023px) { h1, .h1 { font-size: var(--font-size-h1-medium); line-height: var(--line-height-h1-medium); letter-spacing: var(--letter-spacing-h1-medium); } } .type-display h1, .type-display .h1 { font-size: var(--font-size-display-h1-base); line-height: var(--line-height-display-h1-base); letter-spacing: var(--letter-spacing-display-h1-base); font-weight: var(--font-weight-display-h1); } @media (min-width: 1023px) { .type-display h1, .type-display .h1 { font-size: var(--font-size-display-h1-medium); line-height: var(--line-height-display-h1-medium); letter-spacing: var(--letter-spacing-display-h1-medium); } } h2, .h2 { font-family: var(--font-family-h2); font-size: var(--font-size-h2-base); line-height: var(--line-height-h2-base); letter-spacing: var(--letter-spacing-h2-base); font-weight: var(--font-weight-h2); } @media (min-width: 1023px) { h2, .h2 { font-size: var(--font-size-h2-medium); line-height: var(--line-height-h2-medium); letter-spacing: var(--letter-spacing-h2-medium); } } .type-display h2, .type-display .h2 { font-size: var(--font-size-display-h2-base); line-height: var(--line-height-display-h2-base); letter-spacing: var(--letter-spacing-display-h2-base); } @media (min-width: 1023px) { .type-display h2, .type-display .h2 { font-size: var(--font-size-display-h2-medium); line-height: var(--line-height-display-h2-medium); letter-spacing: var(--letter-spacing-display-h2-medium); } } h3, .h3 { font-family: var(--font-family-h3); font-size: var(--font-size-h3-base); line-height: var(--line-height-h3-base); letter-spacing: var(--letter-spacing-h3-base); font-weight: var(--font-weight-h3); } @media (min-width: 1023px) { h3, .h3 { font-size: var(--font-size-h3-medium); line-height: var(--line-height-h3-medium); letter-spacing: var(--letter-spacing-h3-medium); } } .type-display h3, .type-display .h3 { font-size: var(--font-size-display-h3-base); line-height: var(--line-height-display-h3-base); letter-spacing: var(--letter-spacing-display-h3-base); } @media (min-width: 1023px) { .type-display h3, .type-display .h3 { font-size: var(--font-size-display-h3-medium); line-height: var(--line-height-display-h3-medium); letter-spacing: var(--letter-spacing-display-h3-medium); } } h4, .h4 { font-family: var(--font-family-h4); font-size: var(--font-size-h4-base); line-height: var(--line-height-h4-base); letter-spacing: var(--letter-spacing-h4-base); font-weight: var(--font-weight-h4); } @media (min-width: 1023px) { h4, .h4 { font-size: var(--font-size-h4-medium); line-height: var(--line-height-h4-medium); letter-spacing: var(--letter-spacing-h4-medium); } } .type-display h4, .type-display .h4 { font-size: var(--font-size-display-h4-base); line-height: var(--line-height-display-h4-base); letter-spacing: var(--letter-spacing-display-h4-base); } @media (min-width: 1023px) { .type-display h4, .type-display .h4 { font-size: var(--font-size-display-h4-medium); line-height: var(--line-height-display-h4-medium); letter-spacing: var(--letter-spacing-display-h4-medium); } } h5, .h5 { font-family: var(--font-family-h5); font-size: var(--font-size-h5-base); line-height: var(--line-height-h5-base); font-weight: var(--font-weight-h5); } @media (min-width: 1023px) { h5, .h5 { font-size: var(--font-size-h5-medium); line-height: var(--line-height-h5-medium); letter-spacing: var(--letter-spacing-h5-medium); } } .type-display h5, .type-display .h5 { font-size: var(--font-size-display-h5-base); line-height: var(--line-height-display-h5-base); letter-spacing: var(--letter-spacing-display-normal); } @media (min-width: 1023px) { .type-display h5, .type-display .h5 { font-size: var(--font-size-display-h5-medium); line-height: var(--line-height-display-h5-medium); letter-spacing: var(--letter-spacing-display-h5-medium); } } h6, .h6 { font-family: var(--font-family-h6); font-size: var(--font-size-h6-base); line-height: var(--line-height-h6-base); font-weight: var(--font-weight-h6); } @media (min-width: 1023px) { h6, .h6 { font-size: var(--font-size-h6-medium); line-height: var(--line-height-h6-medium); } } .type-display h6, .type-display .h6 { font-size: var(--font-size-display-h6-base); line-height: var(--line-height-display-h6-base); letter-spacing: var(--letter-spacing-display-normal); } @media (min-width: 1023px) { .type-display h6, .type-display .h6 { font-size: var(--font-size-display-h6-medium); line-height: var(--line-height-display-h6-medium); } } .center-horizontally { margin-left: auto; margin-right: auto; } .align-left { text-align: left !important; } .align-center { text-align: center !important; } .align-right { text-align: right !important; } .align-justify { text-align: justify !important; } .valign-baseline { vertical-align: baseline !important; } .valign-baseline * { vertical-align: inherit; } .valign-top { vertical-align: top !important; } .valign-top * { vertical-align: inherit; } .valign-middle { vertical-align: middle !important; } .valign-middle * { vertical-align: inherit; } .valign-bottom { vertical-align: bottom !important; } .valign-bottom * { vertical-align: inherit; } @media (min-width: 375px) { .align-left-at-extra-small { text-align: left !important; } .align-center-at-extra-small { text-align: center !important; } .align-right-at-extra-small { text-align: right !important; } .align-justify-at-extra-small { text-align: justify !important; } .valign-baseline-at-extra-small { vertical-align: baseline !important; } .valign-baseline-at-extra-small * { vertical-align: inherit; } .valign-top-at-extra-small { vertical-align: top !important; } .valign-top-at-extra-small * { vertical-align: inherit; } .valign-middle-at-extra-small { vertical-align: middle !important; } .valign-middle-at-extra-small * { vertical-align: inherit; } .valign-bottom-at-extra-small { vertical-align: bottom !important; } .valign-bottom-at-extra-small * { vertical-align: inherit; } } @media (min-width: 717px) { .align-left-at-small { text-align: left !important; } .align-center-at-small { text-align: center !important; } .align-right-at-small { text-align: right !important; } .align-justify-at-small { text-align: justify !important; } .valign-baseline-at-small { vertical-align: baseline !important; } .valign-baseline-at-small * { vertical-align: inherit; } .valign-top-at-small { vertical-align: top !important; } .valign-top-at-small * { vertical-align: inherit; } .valign-middle-at-small { vertical-align: middle !important; } .valign-middle-at-small * { vertical-align: inherit; } .valign-bottom-at-small { vertical-align: bottom !important; } .valign-bottom-at-small * { vertical-align: inherit; } } @media (min-width: 1023px) { .align-left-at-medium { text-align: left !important; } .align-center-at-medium { text-align: center !important; } .align-right-at-medium { text-align: right !important; } .align-justify-at-medium { text-align: justify !important; } .valign-baseline-at-medium { vertical-align: baseline !important; } .valign-baseline-at-medium * { vertical-align: inherit; } .valign-top-at-medium { vertical-align: top !important; } .valign-top-at-medium * { vertical-align: inherit; } .valign-middle-at-medium { vertical-align: middle !important; } .valign-middle-at-medium * { vertical-align: inherit; } .valign-bottom-at-medium { vertical-align: bottom !important; } .valign-bottom-at-medium * { vertical-align: inherit; } } @media (min-width: 1240px) { .align-left-at-large { text-align: left !important; } .align-center-at-large { text-align: center !important; } .align-right-at-large { text-align: right !important; } .align-justify-at-large { text-align: justify !important; } .valign-baseline-at-large { vertical-align: baseline !important; } .valign-baseline-at-large * { vertical-align: inherit; } .valign-top-at-large { vertical-align: top !important; } .valign-top-at-large * { vertical-align: inherit; } .valign-middle-at-large { vertical-align: middle !important; } .valign-middle-at-large * { vertical-align: inherit; } .valign-bottom-at-large { vertical-align: bottom !important; } .valign-bottom-at-large * { vertical-align: inherit; } } @media (min-width: 1500px) { .align-left-at-extra-large { text-align: left !important; } .align-center-at-extra-large { text-align: center !important; } .align-right-at-extra-large { text-align: right !important; } .align-justify-at-extra-large { text-align: justify !important; } .valign-baseline-at-extra-large { vertical-align: baseline !important; } .valign-baseline-at-extra-large * { vertical-align: inherit; } .valign-top-at-extra-large { vertical-align: top !important; } .valign-top-at-extra-large * { vertical-align: inherit; } .valign-middle-at-extra-large { vertical-align: middle !important; } .valign-middle-at-extra-large * { vertical-align: inherit; } .valign-bottom-at-extra-large { vertical-align: bottom !important; } .valign-bottom-at-extra-large * { vertical-align: inherit; } } .aspect-ratio-square { padding-top: 100%; } .aspect-ratio-rect { padding-top: calc(50% - 10px); } .aspect-ratio-square, .aspect-ratio-rect { position: relative; height: 0; } .aspect-ratio-square > *, .aspect-ratio-rect > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } @media (min-width: 375px) { .aspect-ratio-square-at-extra-small { padding-top: 100%; } .aspect-ratio-rect-at-extra-small { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-extra-small, .aspect-ratio-rect-at-extra-small { position: relative; height: 0; } .aspect-ratio-square-at-extra-small > *, .aspect-ratio-rect-at-extra-small > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } @media (min-width: 717px) { .aspect-ratio-square-at-small { padding-top: 100%; } .aspect-ratio-rect-at-small { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-small, .aspect-ratio-rect-at-small { position: relative; height: 0; } .aspect-ratio-square-at-small > *, .aspect-ratio-rect-at-small > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } @media (min-width: 1023px) { .aspect-ratio-square-at-medium { padding-top: 100%; } .aspect-ratio-rect-at-medium { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-medium, .aspect-ratio-rect-at-medium { position: relative; height: 0; } .aspect-ratio-square-at-medium > *, .aspect-ratio-rect-at-medium > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } @media (min-width: 1240px) { .aspect-ratio-square-at-large { padding-top: 100%; } .aspect-ratio-rect-at-large { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-large, .aspect-ratio-rect-at-large { position: relative; height: 0; } .aspect-ratio-square-at-large > *, .aspect-ratio-rect-at-large > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } @media (min-width: 1500px) { .aspect-ratio-square-at-extra-large { padding-top: 100%; } .aspect-ratio-rect-at-extra-large { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-extra-large, .aspect-ratio-rect-at-extra-large { position: relative; height: 0; } .aspect-ratio-square-at-extra-large > *, .aspect-ratio-rect-at-extra-large > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } .border-rounded { border-radius: var(--border-radius) !important; } .border-rounded-large { border-radius: var(--border-radius-large) !important; } .border-all { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none { border-top: none !important; border-bottom: none !important; } .border-horz { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none { border-right: none !important; border-left: none !important; } .border-top { border-top: 1px solid var(--color-border) !important; } .border-top-none { border-top: none !important; } .border-bottom { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none { border-bottom: none !important; } .border-left { border-left: 1px solid var(--color-border) !important; } .border-left-none { border-left: none !important; } .border-right { border-right: 1px solid var(--color-border) !important; } .border-right-none { border-right: none !important; } @media (min-width: 375px) { .border-rounded-at-extra-small { border-radius: var(--border-radius) !important; } .border-rounded-large-at-extra-small { border-radius: var(--border-radius-large) !important; } .border-all-at-extra-small { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-extra-small { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-extra-small { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-extra-small { border-top: none !important; border-bottom: none !important; } .border-horz-at-extra-small { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-extra-small { border-right: none !important; border-left: none !important; } .border-top-at-extra-small { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-extra-small { border-top: none !important; } .border-bottom-at-extra-small { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-extra-small { border-bottom: none !important; } .border-left-at-extra-small { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-extra-small { border-left: none !important; } .border-right-at-extra-small { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-extra-small { border-right: none !important; } } @media (min-width: 717px) { .border-rounded-at-small { border-radius: var(--border-radius) !important; } .border-rounded-large-at-small { border-radius: var(--border-radius-large) !important; } .border-all-at-small { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-small { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-small { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-small { border-top: none !important; border-bottom: none !important; } .border-horz-at-small { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-small { border-right: none !important; border-left: none !important; } .border-top-at-small { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-small { border-top: none !important; } .border-bottom-at-small { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-small { border-bottom: none !important; } .border-left-at-small { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-small { border-left: none !important; } .border-right-at-small { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-small { border-right: none !important; } } @media (min-width: 1023px) { .border-rounded-at-medium { border-radius: var(--border-radius) !important; } .border-rounded-large-at-medium { border-radius: var(--border-radius-large) !important; } .border-all-at-medium { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-medium { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-medium { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-medium { border-top: none !important; border-bottom: none !important; } .border-horz-at-medium { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-medium { border-right: none !important; border-left: none !important; } .border-top-at-medium { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-medium { border-top: none !important; } .border-bottom-at-medium { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-medium { border-bottom: none !important; } .border-left-at-medium { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-medium { border-left: none !important; } .border-right-at-medium { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-medium { border-right: none !important; } } @media (min-width: 1240px) { .border-rounded-at-large { border-radius: var(--border-radius) !important; } .border-rounded-large-at-large { border-radius: var(--border-radius-large) !important; } .border-all-at-large { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-large { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-large { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-large { border-top: none !important; border-bottom: none !important; } .border-horz-at-large { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-large { border-right: none !important; border-left: none !important; } .border-top-at-large { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-large { border-top: none !important; } .border-bottom-at-large { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-large { border-bottom: none !important; } .border-left-at-large { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-large { border-left: none !important; } .border-right-at-large { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-large { border-right: none !important; } } @media (min-width: 1500px) { .border-rounded-at-extra-large { border-radius: var(--border-radius) !important; } .border-rounded-large-at-extra-large { border-radius: var(--border-radius-large) !important; } .border-all-at-extra-large { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-extra-large { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-extra-large { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-extra-large { border-top: none !important; border-bottom: none !important; } .border-horz-at-extra-large { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-extra-large { border-right: none !important; border-left: none !important; } .border-top-at-extra-large { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-extra-large { border-top: none !important; } .border-bottom-at-extra-large { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-extra-large { border-bottom: none !important; } .border-left-at-extra-large { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-extra-large { border-left: none !important; } .border-right-at-extra-large { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-extra-large { border-right: none !important; } } .content { margin-left: auto; margin-right: auto; width: var(--container-width-base); } @media (min-width: 375px) { .content { width: var(--container-width-extra-small); } } @media (min-width: 717px) { .content { width: var(--container-width-small); } } @media (min-width: 1023px) { .content { width: var(--container-width-medium); } } @media (min-width: 1240px) { .content { width: var(--container-width-large); } } @media (min-width: 1500px) { .content { width: var(--container-width-extra-large); } } .content-width-base { margin-left: auto; margin-right: auto; max-width: var(--container-width-base) !important; } .content-width-extra-small { margin-left: auto; margin-right: auto; max-width: var(--container-width-extra-small) !important; } .content-width-small { margin-left: auto; margin-right: auto; max-width: var(--container-width-small) !important; } .content-width-medium { margin-left: auto; margin-right: auto; max-width: var(--container-width-medium) !important; } .content-width-large { margin-left: auto; margin-right: auto; max-width: var(--container-width-large) !important; } .content-width-extra-large { margin-left: auto; margin-right: auto; max-width: var(--container-width-extra-large) !important; } .display-block { display: block !important; } .display-flex { display: flex !important; } .display-inline { display: inline !important; } .display-inline-block { display: inline-block !important; vertical-align: middle; } .display-inline-flex { display: inline-flex !important; } .display-none, .hide { display: none !important; } @media (min-width: 375px) { .display-block-at-extra-small { display: block !important; } .display-flex-at-extra-small { display: flex !important; } .display-inline-at-extra-small { display: inline !important; } .display-inline-block-at-extra-small { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-extra-small { display: inline-flex !important; } .display-none-at-extra-small, .hide-at-extra-small { display: none !important; } } @media (max-width: 374px) { .hide-until-extra-small { display: none !important; } } @media (min-width: 717px) { .display-block-at-small { display: block !important; } .display-flex-at-small { display: flex !important; } .display-inline-at-small { display: inline !important; } .display-inline-block-at-small { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-small { display: inline-flex !important; } .display-none-at-small, .hide-at-small { display: none !important; } } @media (max-width: 716px) { .hide-until-small { display: none !important; } } @media (min-width: 1023px) { .display-block-at-medium { display: block !important; } .display-flex-at-medium { display: flex !important; } .display-inline-at-medium { display: inline !important; } .display-inline-block-at-medium { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-medium { display: inline-flex !important; } .display-none-at-medium, .hide-at-medium { display: none !important; } } @media (max-width: 1022px) { .hide-until-medium { display: none !important; } } @media (min-width: 1240px) { .display-block-at-large { display: block !important; } .display-flex-at-large { display: flex !important; } .display-inline-at-large { display: inline !important; } .display-inline-block-at-large { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-large { display: inline-flex !important; } .display-none-at-large, .hide-at-large { display: none !important; } } @media (max-width: 1239px) { .hide-until-large { display: none !important; } } @media (min-width: 1500px) { .display-block-at-extra-large { display: block !important; } .display-flex-at-extra-large { display: flex !important; } .display-inline-at-extra-large { display: inline !important; } .display-inline-block-at-extra-large { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-extra-large { display: inline-flex !important; } .display-none-at-extra-large, .hide-at-extra-large { display: none !important; } } @media (max-width: 1499px) { .hide-until-extra-large { display: none !important; } } .js .hide-if-js { display: none !important; } .no-js .hide-unless-js { display: none !important; } .hidden { display: none !important; } .hidden-visually { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; white-space: nowrap; clip: rect(0 0 0 0); } .one-whole, .five-fifths, .four-fourths, .three-thirds, .two-halves { width: 100% !important; } .one-half, .two-fourths { width: 50% !important; } .one-third { width: 33.3333333333% !important; } .two-thirds { width: 66.6666666667% !important; } .one-fourth { width: 25% !important; } .three-fourths { width: 75% !important; } .one-fifth { width: 20% !important; } .two-fifths { width: 40% !important; } .three-fifths { width: 60% !important; } .four-fifths { width: 80% !important; } @media (min-width: 375px) { .one-whole-at-extra-small, .five-fifths-at-extra-small, .four-fourths-at-extra-small, .three-thirds-at-extra-small, .two-halves-at-extra-small { width: 100% !important; } .one-half-at-extra-small, .two-fourths-at-extra-small { width: 50% !important; } .one-third-at-extra-small { width: 33.3333333333% !important; } .two-thirds-at-extra-small { width: 66.6666666667% !important; } .one-fourth-at-extra-small { width: 25% !important; } .three-fourths-at-extra-small { width: 75% !important; } .one-fifth-at-extra-small { width: 20% !important; } .two-fifths-at-extra-small { width: 40% !important; } .three-fifths-at-extra-small { width: 60% !important; } .four-fifths-at-extra-small { width: 80% !important; } } @media (min-width: 717px) { .one-whole-at-small, .five-fifths-at-small, .four-fourths-at-small, .three-thirds-at-small, .two-halves-at-small { width: 100% !important; } .one-half-at-small, .two-fourths-at-small { width: 50% !important; } .one-third-at-small { width: 33.3333333333% !important; } .two-thirds-at-small { width: 66.6666666667% !important; } .one-fourth-at-small { width: 25% !important; } .three-fourths-at-small { width: 75% !important; } .one-fifth-at-small { width: 20% !important; } .two-fifths-at-small { width: 40% !important; } .three-fifths-at-small { width: 60% !important; } .four-fifths-at-small { width: 80% !important; } } @media (min-width: 1023px) { .one-whole-at-medium, .five-fifths-at-medium, .four-fourths-at-medium, .three-thirds-at-medium, .two-halves-at-medium { width: 100% !important; } .one-half-at-medium, .two-fourths-at-medium { width: 50% !important; } .one-third-at-medium { width: 33.3333333333% !important; } .two-thirds-at-medium { width: 66.6666666667% !important; } .one-fourth-at-medium { width: 25% !important; } .three-fourths-at-medium { width: 75% !important; } .one-fifth-at-medium { width: 20% !important; } .two-fifths-at-medium { width: 40% !important; } .three-fifths-at-medium { width: 60% !important; } .four-fifths-at-medium { width: 80% !important; } } @media (min-width: 1240px) { .one-whole-at-large, .five-fifths-at-large, .four-fourths-at-large, .three-thirds-at-large, .two-halves-at-large { width: 100% !important; } .one-half-at-large, .two-fourths-at-large { width: 50% !important; } .one-third-at-large { width: 33.3333333333% !important; } .two-thirds-at-large { width: 66.6666666667% !important; } .one-fourth-at-large { width: 25% !important; } .three-fourths-at-large { width: 75% !important; } .one-fifth-at-large { width: 20% !important; } .two-fifths-at-large { width: 40% !important; } .three-fifths-at-large { width: 60% !important; } .four-fifths-at-large { width: 80% !important; } } @media (min-width: 1500px) { .one-whole-at-extra-large, .five-fifths-at-extra-large, .four-fourths-at-extra-large, .three-thirds-at-extra-large, .two-halves-at-extra-large { width: 100% !important; } .one-half-at-extra-large, .two-fourths-at-extra-large { width: 50% !important; } .one-third-at-extra-large { width: 33.3333333333% !important; } .two-thirds-at-extra-large { width: 66.6666666667% !important; } .one-fourth-at-extra-large { width: 25% !important; } .three-fourths-at-extra-large { width: 75% !important; } .one-fifth-at-extra-large { width: 20% !important; } .two-fifths-at-extra-large { width: 40% !important; } .three-fifths-at-extra-large { width: 60% !important; } .four-fifths-at-extra-large { width: 80% !important; } } .layer-1 { z-index: 1; } .layer-2 { z-index: 2; } .layer-3 { z-index: 3; } .layer-4 { z-index: 4; } .layer-5 { z-index: 5; } @media (min-width: 375px) { .layer-1-at-extra-small { z-index: 1; } .layer-2-at-extra-small { z-index: 2; } .layer-3-at-extra-small { z-index: 3; } .layer-4-at-extra-small { z-index: 4; } .layer-5-at-extra-small { z-index: 5; } } @media (min-width: 717px) { .layer-1-at-small { z-index: 1; } .layer-2-at-small { z-index: 2; } .layer-3-at-small { z-index: 3; } .layer-4-at-small { z-index: 4; } .layer-5-at-small { z-index: 5; } } @media (min-width: 1023px) { .layer-1-at-medium { z-index: 1; } .layer-2-at-medium { z-index: 2; } .layer-3-at-medium { z-index: 3; } .layer-4-at-medium { z-index: 4; } .layer-5-at-medium { z-index: 5; } } @media (min-width: 1240px) { .layer-1-at-large { z-index: 1; } .layer-2-at-large { z-index: 2; } .layer-3-at-large { z-index: 3; } .layer-4-at-large { z-index: 4; } .layer-5-at-large { z-index: 5; } } @media (min-width: 1500px) { .layer-1-at-extra-large { z-index: 1; } .layer-2-at-extra-large { z-index: 2; } .layer-3-at-extra-large { z-index: 3; } .layer-4-at-extra-large { z-index: 4; } .layer-5-at-extra-large { z-index: 5; } } .overflow-hidden { overflow: hidden !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-scroll { overflow-y: scroll !important; } .overflow-auto { overflow: auto !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-y-auto { overflow-y: auto !important; } @media (min-width: 375px) { .overflow-hidden-at-extra-small { overflow: hidden !important; } .overflow-x-hidden-at-extra-small { overflow-x: hidden !important; } .overflow-y-hidden-at-extra-small { overflow-y: hidden !important; } .overflow-visible-at-extra-small { overflow: visible !important; } .overflow-x-visible-at-extra-small { overflow-x: visible !important; } .overflow-y-visible-at-extra-small { overflow-y: visible !important; } .overflow-scroll-at-extra-small { overflow: scroll !important; } .overflow-x-scroll-at-extra-small { overflow-x: scroll !important; } .overflow-y-scroll-at-extra-small { overflow-y: scroll !important; } .overflow-auto-at-extra-small { overflow: auto !important; } .overflow-x-auto-at-extra-small { overflow-x: auto !important; } .overflow-y-auto-at-extra-small { overflow-y: auto !important; } } @media (min-width: 717px) { .overflow-hidden-at-small { overflow: hidden !important; } .overflow-x-hidden-at-small { overflow-x: hidden !important; } .overflow-y-hidden-at-small { overflow-y: hidden !important; } .overflow-visible-at-small { overflow: visible !important; } .overflow-x-visible-at-small { overflow-x: visible !important; } .overflow-y-visible-at-small { overflow-y: visible !important; } .overflow-scroll-at-small { overflow: scroll !important; } .overflow-x-scroll-at-small { overflow-x: scroll !important; } .overflow-y-scroll-at-small { overflow-y: scroll !important; } .overflow-auto-at-small { overflow: auto !important; } .overflow-x-auto-at-small { overflow-x: auto !important; } .overflow-y-auto-at-small { overflow-y: auto !important; } } @media (min-width: 1023px) { .overflow-hidden-at-medium { overflow: hidden !important; } .overflow-x-hidden-at-medium { overflow-x: hidden !important; } .overflow-y-hidden-at-medium { overflow-y: hidden !important; } .overflow-visible-at-medium { overflow: visible !important; } .overflow-x-visible-at-medium { overflow-x: visible !important; } .overflow-y-visible-at-medium { overflow-y: visible !important; } .overflow-scroll-at-medium { overflow: scroll !important; } .overflow-x-scroll-at-medium { overflow-x: scroll !important; } .overflow-y-scroll-at-medium { overflow-y: scroll !important; } .overflow-auto-at-medium { overflow: auto !important; } .overflow-x-auto-at-medium { overflow-x: auto !important; } .overflow-y-auto-at-medium { overflow-y: auto !important; } } @media (min-width: 1240px) { .overflow-hidden-at-large { overflow: hidden !important; } .overflow-x-hidden-at-large { overflow-x: hidden !important; } .overflow-y-hidden-at-large { overflow-y: hidden !important; } .overflow-visible-at-large { overflow: visible !important; } .overflow-x-visible-at-large { overflow-x: visible !important; } .overflow-y-visible-at-large { overflow-y: visible !important; } .overflow-scroll-at-large { overflow: scroll !important; } .overflow-x-scroll-at-large { overflow-x: scroll !important; } .overflow-y-scroll-at-large { overflow-y: scroll !important; } .overflow-auto-at-large { overflow: auto !important; } .overflow-x-auto-at-large { overflow-x: auto !important; } .overflow-y-auto-at-large { overflow-y: auto !important; } } @media (min-width: 1500px) { .overflow-hidden-at-extra-large { overflow: hidden !important; } .overflow-x-hidden-at-extra-large { overflow-x: hidden !important; } .overflow-y-hidden-at-extra-large { overflow-y: hidden !important; } .overflow-visible-at-extra-large { overflow: visible !important; } .overflow-x-visible-at-extra-large { overflow-x: visible !important; } .overflow-y-visible-at-extra-large { overflow-y: visible !important; } .overflow-scroll-at-extra-large { overflow: scroll !important; } .overflow-x-scroll-at-extra-large { overflow-x: scroll !important; } .overflow-y-scroll-at-extra-large { overflow-y: scroll !important; } .overflow-auto-at-extra-large { overflow: auto !important; } .overflow-x-auto-at-extra-large { overflow-x: auto !important; } .overflow-y-auto-at-extra-large { overflow-y: auto !important; } } .position-fixed { position: fixed !important; } .position-absolute { position: absolute !important; } .position-relative { position: relative !important; } .position-static { position: static !important; } .position-sticky { position: sticky !important; top: 0; } .pin-top-left { position: absolute; left: 0; top: 0; } .pin-top-center { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right { position: absolute; right: 0; top: 0; } .pin-middle-left { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left { position: absolute; left: 0; bottom: 0; } .pin-bottom-center { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right { position: absolute; right: 0; bottom: 0; } @media (min-width: 375px) { .position-fixed-at-extra-small { position: fixed !important; } .position-absolute-at-extra-small { position: absolute !important; } .position-relative-at-extra-small { position: relative !important; } .position-static-at-extra-small { position: static !important; } .position-sticky-at-extra-small { position: sticky !important; top: 0; } .pin-top-left-at-extra-small { position: absolute; left: 0; top: 0; } .pin-top-center-at-extra-small { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-extra-small { position: absolute; right: 0; top: 0; } .pin-middle-left-at-extra-small { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-extra-small { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-extra-small { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-extra-small { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-extra-small { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-extra-small { position: absolute; right: 0; bottom: 0; } } @media (min-width: 717px) { .position-fixed-at-small { position: fixed !important; } .position-absolute-at-small { position: absolute !important; } .position-relative-at-small { position: relative !important; } .position-static-at-small { position: static !important; } .position-sticky-at-small { position: sticky !important; top: 0; } .pin-top-left-at-small { position: absolute; left: 0; top: 0; } .pin-top-center-at-small { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-small { position: absolute; right: 0; top: 0; } .pin-middle-left-at-small { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-small { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-small { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-small { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-small { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-small { position: absolute; right: 0; bottom: 0; } } @media (min-width: 1023px) { .position-fixed-at-medium { position: fixed !important; } .position-absolute-at-medium { position: absolute !important; } .position-relative-at-medium { position: relative !important; } .position-static-at-medium { position: static !important; } .position-sticky-at-medium { position: sticky !important; top: 0; } .pin-top-left-at-medium { position: absolute; left: 0; top: 0; } .pin-top-center-at-medium { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-medium { position: absolute; right: 0; top: 0; } .pin-middle-left-at-medium { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-medium { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-medium { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-medium { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-medium { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-medium { position: absolute; right: 0; bottom: 0; } } @media (min-width: 1240px) { .position-fixed-at-large { position: fixed !important; } .position-absolute-at-large { position: absolute !important; } .position-relative-at-large { position: relative !important; } .position-static-at-large { position: static !important; } .position-sticky-at-large { position: sticky !important; top: 0; } .pin-top-left-at-large { position: absolute; left: 0; top: 0; } .pin-top-center-at-large { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-large { position: absolute; right: 0; top: 0; } .pin-middle-left-at-large { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-large { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-large { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-large { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-large { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-large { position: absolute; right: 0; bottom: 0; } } @media (min-width: 1500px) { .position-fixed-at-extra-large { position: fixed !important; } .position-absolute-at-extra-large { position: absolute !important; } .position-relative-at-extra-large { position: relative !important; } .position-static-at-extra-large { position: static !important; } .position-sticky-at-extra-large { position: sticky !important; top: 0; } .pin-top-left-at-extra-large { position: absolute; left: 0; top: 0; } .pin-top-center-at-extra-large { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-extra-large { position: absolute; right: 0; top: 0; } .pin-middle-left-at-extra-large { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-extra-large { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-extra-large { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-extra-large { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-extra-large { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-extra-large { position: absolute; right: 0; bottom: 0; } } .pad-base { padding: var(--space-base) !important; } .pad-line { padding: var(--space-line) !important; } .pad-small { padding: var(--space-small) !important; } .pad-medium { padding: var(--space-medium) !important; } .pad-large { padding: var(--space-large) !important; } .pad-xl { padding: var(--space-xl) !important; } .pad-xxl { padding: var(--space-xxl) !important; } .pad-none { padding: var(--space-none) !important; } .pad-vert-base { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base { padding-top: var(--space-base) !important; } .pad-top-line { padding-top: var(--space-line) !important; } .pad-top-small { padding-top: var(--space-small) !important; } .pad-top-medium { padding-top: var(--space-medium) !important; } .pad-top-large { padding-top: var(--space-large) !important; } .pad-top-xl { padding-top: var(--space-xl) !important; } .pad-top-xxl { padding-top: var(--space-xxl) !important; } .pad-top-none { padding-top: var(--space-none) !important; } .pad-bottom-base { padding-bottom: var(--space-base) !important; } .pad-bottom-line { padding-bottom: var(--space-line) !important; } .pad-bottom-small { padding-bottom: var(--space-small) !important; } .pad-bottom-medium { padding-bottom: var(--space-medium) !important; } .pad-bottom-large { padding-bottom: var(--space-large) !important; } .pad-bottom-xl { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none { padding-bottom: var(--space-none) !important; } .pad-left-base { padding-left: var(--space-base) !important; } .pad-left-line { padding-left: var(--space-line) !important; } .pad-left-small { padding-left: var(--space-small) !important; } .pad-left-medium { padding-left: var(--space-medium) !important; } .pad-left-large { padding-left: var(--space-large) !important; } .pad-left-xl { padding-left: var(--space-xl) !important; } .pad-left-xxl { padding-left: var(--space-xxl) !important; } .pad-left-none { padding-left: var(--space-none) !important; } .pad-right-base { padding-right: var(--space-base) !important; } .pad-right-line { padding-right: var(--space-line) !important; } .pad-right-small { padding-right: var(--space-small) !important; } .pad-right-medium { padding-right: var(--space-medium) !important; } .pad-right-large { padding-right: var(--space-large) !important; } .pad-right-xl { padding-right: var(--space-xl) !important; } .pad-right-xxl { padding-right: var(--space-xxl) !important; } .pad-right-none { padding-right: var(--space-none) !important; } .gap-base { margin: var(--space-base) !important; } .gap-line { margin: var(--space-line) !important; } .gap-small { margin: var(--space-small) !important; } .gap-medium { margin: var(--space-medium) !important; } .gap-large { margin: var(--space-large) !important; } .gap-xl { margin: var(--space-xl) !important; } .gap-xxl { margin: var(--space-xxl) !important; } .gap-none { margin: var(--space-none) !important; } .gap-vert-base { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base { margin-top: var(--space-base) !important; } .gap-top-line { margin-top: var(--space-line) !important; } .gap-top-small { margin-top: var(--space-small) !important; } .gap-top-medium { margin-top: var(--space-medium) !important; } .gap-top-large { margin-top: var(--space-large) !important; } .gap-top-xl { margin-top: var(--space-xl) !important; } .gap-top-xxl { margin-top: var(--space-xxl) !important; } .gap-top-none { margin-top: var(--space-none) !important; } .gap-bottom-base { margin-bottom: var(--space-base) !important; } .gap-bottom-line { margin-bottom: var(--space-line) !important; } .gap-bottom-small { margin-bottom: var(--space-small) !important; } .gap-bottom-medium { margin-bottom: var(--space-medium) !important; } .gap-bottom-large { margin-bottom: var(--space-large) !important; } .gap-bottom-xl { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none { margin-bottom: var(--space-none) !important; } .gap-left-base { margin-left: var(--space-base) !important; } .gap-left-line { margin-left: var(--space-line) !important; } .gap-left-small { margin-left: var(--space-small) !important; } .gap-left-medium { margin-left: var(--space-medium) !important; } .gap-left-large { margin-left: var(--space-large) !important; } .gap-left-xl { margin-left: var(--space-xl) !important; } .gap-left-xxl { margin-left: var(--space-xxl) !important; } .gap-left-none { margin-left: var(--space-none) !important; } .gap-right-base { margin-right: var(--space-base) !important; } .gap-right-line { margin-right: var(--space-line) !important; } .gap-right-small { margin-right: var(--space-small) !important; } .gap-right-medium { margin-right: var(--space-medium) !important; } .gap-right-large { margin-right: var(--space-large) !important; } .gap-right-xl { margin-right: var(--space-xl) !important; } .gap-right-xxl { margin-right: var(--space-xxl) !important; } .gap-right-none { margin-right: var(--space-none) !important; } .offset-base { margin: calc(-1 * var(--space-base)) !important; } .offset-line { margin: calc(-1 * var(--space-line)) !important; } .offset-small { margin: calc(-1 * var(--space-small)) !important; } .offset-medium { margin: calc(-1 * var(--space-medium)) !important; } .offset-large { margin: calc(-1 * var(--space-large)) !important; } .offset-xl { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none { margin-right: calc(-1 * var(--space-none)) !important; } @media (min-width: 375px) { .pad-base-at-extra-small { padding: var(--space-base) !important; } .pad-line-at-extra-small { padding: var(--space-line) !important; } .pad-small-at-extra-small { padding: var(--space-small) !important; } .pad-medium-at-extra-small { padding: var(--space-medium) !important; } .pad-large-at-extra-small { padding: var(--space-large) !important; } .pad-xl-at-extra-small { padding: var(--space-xl) !important; } .pad-xxl-at-extra-small { padding: var(--space-xxl) !important; } .pad-none-at-extra-small { padding: var(--space-none) !important; } .pad-vert-base-at-extra-small { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-extra-small { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-extra-small { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-extra-small { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-extra-small { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-extra-small { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-extra-small { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-extra-small { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-extra-small { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-extra-small { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-extra-small { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-extra-small { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-extra-small { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-extra-small { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-extra-small { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-extra-small { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-extra-small { padding-top: var(--space-base) !important; } .pad-top-line-at-extra-small { padding-top: var(--space-line) !important; } .pad-top-small-at-extra-small { padding-top: var(--space-small) !important; } .pad-top-medium-at-extra-small { padding-top: var(--space-medium) !important; } .pad-top-large-at-extra-small { padding-top: var(--space-large) !important; } .pad-top-xl-at-extra-small { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-extra-small { padding-top: var(--space-xxl) !important; } .pad-top-none-at-extra-small { padding-top: var(--space-none) !important; } .pad-bottom-base-at-extra-small { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-extra-small { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-extra-small { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-extra-small { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-extra-small { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-extra-small { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-extra-small { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-extra-small { padding-bottom: var(--space-none) !important; } .pad-left-base-at-extra-small { padding-left: var(--space-base) !important; } .pad-left-line-at-extra-small { padding-left: var(--space-line) !important; } .pad-left-small-at-extra-small { padding-left: var(--space-small) !important; } .pad-left-medium-at-extra-small { padding-left: var(--space-medium) !important; } .pad-left-large-at-extra-small { padding-left: var(--space-large) !important; } .pad-left-xl-at-extra-small { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-extra-small { padding-left: var(--space-xxl) !important; } .pad-left-none-at-extra-small { padding-left: var(--space-none) !important; } .pad-right-base-at-extra-small { padding-right: var(--space-base) !important; } .pad-right-line-at-extra-small { padding-right: var(--space-line) !important; } .pad-right-small-at-extra-small { padding-right: var(--space-small) !important; } .pad-right-medium-at-extra-small { padding-right: var(--space-medium) !important; } .pad-right-large-at-extra-small { padding-right: var(--space-large) !important; } .pad-right-xl-at-extra-small { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-extra-small { padding-right: var(--space-xxl) !important; } .pad-right-none-at-extra-small { padding-right: var(--space-none) !important; } .gap-base-at-extra-small { margin: var(--space-base) !important; } .gap-line-at-extra-small { margin: var(--space-line) !important; } .gap-small-at-extra-small { margin: var(--space-small) !important; } .gap-medium-at-extra-small { margin: var(--space-medium) !important; } .gap-large-at-extra-small { margin: var(--space-large) !important; } .gap-xl-at-extra-small { margin: var(--space-xl) !important; } .gap-xxl-at-extra-small { margin: var(--space-xxl) !important; } .gap-none-at-extra-small { margin: var(--space-none) !important; } .gap-vert-base-at-extra-small { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-extra-small { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-extra-small { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-extra-small { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-extra-small { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-extra-small { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-extra-small { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-extra-small { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-extra-small { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-extra-small { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-extra-small { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-extra-small { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-extra-small { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-extra-small { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-extra-small { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-extra-small { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-extra-small { margin-top: var(--space-base) !important; } .gap-top-line-at-extra-small { margin-top: var(--space-line) !important; } .gap-top-small-at-extra-small { margin-top: var(--space-small) !important; } .gap-top-medium-at-extra-small { margin-top: var(--space-medium) !important; } .gap-top-large-at-extra-small { margin-top: var(--space-large) !important; } .gap-top-xl-at-extra-small { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-extra-small { margin-top: var(--space-xxl) !important; } .gap-top-none-at-extra-small { margin-top: var(--space-none) !important; } .gap-bottom-base-at-extra-small { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-extra-small { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-extra-small { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-extra-small { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-extra-small { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-extra-small { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-extra-small { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-extra-small { margin-bottom: var(--space-none) !important; } .gap-left-base-at-extra-small { margin-left: var(--space-base) !important; } .gap-left-line-at-extra-small { margin-left: var(--space-line) !important; } .gap-left-small-at-extra-small { margin-left: var(--space-small) !important; } .gap-left-medium-at-extra-small { margin-left: var(--space-medium) !important; } .gap-left-large-at-extra-small { margin-left: var(--space-large) !important; } .gap-left-xl-at-extra-small { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-extra-small { margin-left: var(--space-xxl) !important; } .gap-left-none-at-extra-small { margin-left: var(--space-none) !important; } .gap-right-base-at-extra-small { margin-right: var(--space-base) !important; } .gap-right-line-at-extra-small { margin-right: var(--space-line) !important; } .gap-right-small-at-extra-small { margin-right: var(--space-small) !important; } .gap-right-medium-at-extra-small { margin-right: var(--space-medium) !important; } .gap-right-large-at-extra-small { margin-right: var(--space-large) !important; } .gap-right-xl-at-extra-small { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-extra-small { margin-right: var(--space-xxl) !important; } .gap-right-none-at-extra-small { margin-right: var(--space-none) !important; } .offset-base-at-extra-small { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-extra-small { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-extra-small { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-extra-small { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-extra-small { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-extra-small { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-extra-small { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-extra-small { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-extra-small { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-extra-small { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-extra-small { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-extra-small { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-extra-small { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-extra-small { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-extra-small { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-extra-small { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-extra-small { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-extra-small { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-extra-small { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-extra-small { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-extra-small { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-extra-small { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-extra-small { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-extra-small { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-extra-small { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-extra-small { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-extra-small { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-extra-small { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-extra-small { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-extra-small { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-extra-small { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-extra-small { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-extra-small { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-extra-small { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-extra-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-extra-small { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-extra-small { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-extra-small { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-extra-small { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-extra-small { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-extra-small { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-extra-small { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-extra-small { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-extra-small { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-extra-small { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-extra-small { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-extra-small { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-extra-small { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-extra-small { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-extra-small { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-extra-small { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-extra-small { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-extra-small { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-extra-small { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-extra-small { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-extra-small { margin-right: calc(-1 * var(--space-none)) !important; } } @media (min-width: 717px) { .pad-base-at-small { padding: var(--space-base) !important; } .pad-line-at-small { padding: var(--space-line) !important; } .pad-small-at-small { padding: var(--space-small) !important; } .pad-medium-at-small { padding: var(--space-medium) !important; } .pad-large-at-small { padding: var(--space-large) !important; } .pad-xl-at-small { padding: var(--space-xl) !important; } .pad-xxl-at-small { padding: var(--space-xxl) !important; } .pad-none-at-small { padding: var(--space-none) !important; } .pad-vert-base-at-small { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-small { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-small { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-small { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-small { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-small { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-small { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-small { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-small { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-small { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-small { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-small { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-small { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-small { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-small { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-small { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-small { padding-top: var(--space-base) !important; } .pad-top-line-at-small { padding-top: var(--space-line) !important; } .pad-top-small-at-small { padding-top: var(--space-small) !important; } .pad-top-medium-at-small { padding-top: var(--space-medium) !important; } .pad-top-large-at-small { padding-top: var(--space-large) !important; } .pad-top-xl-at-small { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-small { padding-top: var(--space-xxl) !important; } .pad-top-none-at-small { padding-top: var(--space-none) !important; } .pad-bottom-base-at-small { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-small { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-small { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-small { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-small { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-small { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-small { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-small { padding-bottom: var(--space-none) !important; } .pad-left-base-at-small { padding-left: var(--space-base) !important; } .pad-left-line-at-small { padding-left: var(--space-line) !important; } .pad-left-small-at-small { padding-left: var(--space-small) !important; } .pad-left-medium-at-small { padding-left: var(--space-medium) !important; } .pad-left-large-at-small { padding-left: var(--space-large) !important; } .pad-left-xl-at-small { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-small { padding-left: var(--space-xxl) !important; } .pad-left-none-at-small { padding-left: var(--space-none) !important; } .pad-right-base-at-small { padding-right: var(--space-base) !important; } .pad-right-line-at-small { padding-right: var(--space-line) !important; } .pad-right-small-at-small { padding-right: var(--space-small) !important; } .pad-right-medium-at-small { padding-right: var(--space-medium) !important; } .pad-right-large-at-small { padding-right: var(--space-large) !important; } .pad-right-xl-at-small { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-small { padding-right: var(--space-xxl) !important; } .pad-right-none-at-small { padding-right: var(--space-none) !important; } .gap-base-at-small { margin: var(--space-base) !important; } .gap-line-at-small { margin: var(--space-line) !important; } .gap-small-at-small { margin: var(--space-small) !important; } .gap-medium-at-small { margin: var(--space-medium) !important; } .gap-large-at-small { margin: var(--space-large) !important; } .gap-xl-at-small { margin: var(--space-xl) !important; } .gap-xxl-at-small { margin: var(--space-xxl) !important; } .gap-none-at-small { margin: var(--space-none) !important; } .gap-vert-base-at-small { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-small { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-small { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-small { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-small { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-small { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-small { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-small { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-small { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-small { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-small { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-small { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-small { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-small { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-small { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-small { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-small { margin-top: var(--space-base) !important; } .gap-top-line-at-small { margin-top: var(--space-line) !important; } .gap-top-small-at-small { margin-top: var(--space-small) !important; } .gap-top-medium-at-small { margin-top: var(--space-medium) !important; } .gap-top-large-at-small { margin-top: var(--space-large) !important; } .gap-top-xl-at-small { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-small { margin-top: var(--space-xxl) !important; } .gap-top-none-at-small { margin-top: var(--space-none) !important; } .gap-bottom-base-at-small { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-small { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-small { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-small { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-small { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-small { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-small { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-small { margin-bottom: var(--space-none) !important; } .gap-left-base-at-small { margin-left: var(--space-base) !important; } .gap-left-line-at-small { margin-left: var(--space-line) !important; } .gap-left-small-at-small { margin-left: var(--space-small) !important; } .gap-left-medium-at-small { margin-left: var(--space-medium) !important; } .gap-left-large-at-small { margin-left: var(--space-large) !important; } .gap-left-xl-at-small { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-small { margin-left: var(--space-xxl) !important; } .gap-left-none-at-small { margin-left: var(--space-none) !important; } .gap-right-base-at-small { margin-right: var(--space-base) !important; } .gap-right-line-at-small { margin-right: var(--space-line) !important; } .gap-right-small-at-small { margin-right: var(--space-small) !important; } .gap-right-medium-at-small { margin-right: var(--space-medium) !important; } .gap-right-large-at-small { margin-right: var(--space-large) !important; } .gap-right-xl-at-small { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-small { margin-right: var(--space-xxl) !important; } .gap-right-none-at-small { margin-right: var(--space-none) !important; } .offset-base-at-small { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-small { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-small { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-small { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-small { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-small { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-small { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-small { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-small { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-small { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-small { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-small { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-small { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-small { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-small { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-small { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-small { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-small { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-small { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-small { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-small { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-small { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-small { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-small { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-small { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-small { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-small { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-small { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-small { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-small { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-small { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-small { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-small { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-small { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-small { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-small { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-small { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-small { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-small { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-small { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-small { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-small { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-small { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-small { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-small { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-small { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-small { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-small { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-small { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-small { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-small { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-small { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-small { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-small { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-small { margin-right: calc(-1 * var(--space-none)) !important; } } @media (min-width: 1023px) { .pad-base-at-medium { padding: var(--space-base) !important; } .pad-line-at-medium { padding: var(--space-line) !important; } .pad-small-at-medium { padding: var(--space-small) !important; } .pad-medium-at-medium { padding: var(--space-medium) !important; } .pad-large-at-medium { padding: var(--space-large) !important; } .pad-xl-at-medium { padding: var(--space-xl) !important; } .pad-xxl-at-medium { padding: var(--space-xxl) !important; } .pad-none-at-medium { padding: var(--space-none) !important; } .pad-vert-base-at-medium { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-medium { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-medium { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-medium { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-medium { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-medium { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-medium { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-medium { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-medium { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-medium { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-medium { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-medium { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-medium { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-medium { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-medium { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-medium { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-medium { padding-top: var(--space-base) !important; } .pad-top-line-at-medium { padding-top: var(--space-line) !important; } .pad-top-small-at-medium { padding-top: var(--space-small) !important; } .pad-top-medium-at-medium { padding-top: var(--space-medium) !important; } .pad-top-large-at-medium { padding-top: var(--space-large) !important; } .pad-top-xl-at-medium { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-medium { padding-top: var(--space-xxl) !important; } .pad-top-none-at-medium { padding-top: var(--space-none) !important; } .pad-bottom-base-at-medium { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-medium { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-medium { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-medium { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-medium { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-medium { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-medium { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-medium { padding-bottom: var(--space-none) !important; } .pad-left-base-at-medium { padding-left: var(--space-base) !important; } .pad-left-line-at-medium { padding-left: var(--space-line) !important; } .pad-left-small-at-medium { padding-left: var(--space-small) !important; } .pad-left-medium-at-medium { padding-left: var(--space-medium) !important; } .pad-left-large-at-medium { padding-left: var(--space-large) !important; } .pad-left-xl-at-medium { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-medium { padding-left: var(--space-xxl) !important; } .pad-left-none-at-medium { padding-left: var(--space-none) !important; } .pad-right-base-at-medium { padding-right: var(--space-base) !important; } .pad-right-line-at-medium { padding-right: var(--space-line) !important; } .pad-right-small-at-medium { padding-right: var(--space-small) !important; } .pad-right-medium-at-medium { padding-right: var(--space-medium) !important; } .pad-right-large-at-medium { padding-right: var(--space-large) !important; } .pad-right-xl-at-medium { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-medium { padding-right: var(--space-xxl) !important; } .pad-right-none-at-medium { padding-right: var(--space-none) !important; } .gap-base-at-medium { margin: var(--space-base) !important; } .gap-line-at-medium { margin: var(--space-line) !important; } .gap-small-at-medium { margin: var(--space-small) !important; } .gap-medium-at-medium { margin: var(--space-medium) !important; } .gap-large-at-medium { margin: var(--space-large) !important; } .gap-xl-at-medium { margin: var(--space-xl) !important; } .gap-xxl-at-medium { margin: var(--space-xxl) !important; } .gap-none-at-medium { margin: var(--space-none) !important; } .gap-vert-base-at-medium { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-medium { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-medium { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-medium { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-medium { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-medium { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-medium { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-medium { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-medium { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-medium { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-medium { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-medium { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-medium { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-medium { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-medium { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-medium { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-medium { margin-top: var(--space-base) !important; } .gap-top-line-at-medium { margin-top: var(--space-line) !important; } .gap-top-small-at-medium { margin-top: var(--space-small) !important; } .gap-top-medium-at-medium { margin-top: var(--space-medium) !important; } .gap-top-large-at-medium { margin-top: var(--space-large) !important; } .gap-top-xl-at-medium { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-medium { margin-top: var(--space-xxl) !important; } .gap-top-none-at-medium { margin-top: var(--space-none) !important; } .gap-bottom-base-at-medium { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-medium { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-medium { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-medium { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-medium { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-medium { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-medium { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-medium { margin-bottom: var(--space-none) !important; } .gap-left-base-at-medium { margin-left: var(--space-base) !important; } .gap-left-line-at-medium { margin-left: var(--space-line) !important; } .gap-left-small-at-medium { margin-left: var(--space-small) !important; } .gap-left-medium-at-medium { margin-left: var(--space-medium) !important; } .gap-left-large-at-medium { margin-left: var(--space-large) !important; } .gap-left-xl-at-medium { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-medium { margin-left: var(--space-xxl) !important; } .gap-left-none-at-medium { margin-left: var(--space-none) !important; } .gap-right-base-at-medium { margin-right: var(--space-base) !important; } .gap-right-line-at-medium { margin-right: var(--space-line) !important; } .gap-right-small-at-medium { margin-right: var(--space-small) !important; } .gap-right-medium-at-medium { margin-right: var(--space-medium) !important; } .gap-right-large-at-medium { margin-right: var(--space-large) !important; } .gap-right-xl-at-medium { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-medium { margin-right: var(--space-xxl) !important; } .gap-right-none-at-medium { margin-right: var(--space-none) !important; } .offset-base-at-medium { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-medium { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-medium { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-medium { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-medium { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-medium { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-medium { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-medium { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-medium { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-medium { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-medium { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-medium { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-medium { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-medium { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-medium { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-medium { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-medium { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-medium { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-medium { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-medium { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-medium { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-medium { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-medium { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-medium { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-medium { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-medium { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-medium { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-medium { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-medium { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-medium { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-medium { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-medium { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-medium { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-medium { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-medium { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-medium { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-medium { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-medium { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-medium { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-medium { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-medium { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-medium { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-medium { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-medium { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-medium { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-medium { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-medium { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-medium { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-medium { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-medium { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-medium { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-medium { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-medium { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-medium { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-medium { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-medium { margin-right: calc(-1 * var(--space-none)) !important; } } @media (min-width: 1240px) { .pad-base-at-large { padding: var(--space-base) !important; } .pad-line-at-large { padding: var(--space-line) !important; } .pad-small-at-large { padding: var(--space-small) !important; } .pad-medium-at-large { padding: var(--space-medium) !important; } .pad-large-at-large { padding: var(--space-large) !important; } .pad-xl-at-large { padding: var(--space-xl) !important; } .pad-xxl-at-large { padding: var(--space-xxl) !important; } .pad-none-at-large { padding: var(--space-none) !important; } .pad-vert-base-at-large { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-large { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-large { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-large { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-large { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-large { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-large { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-large { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-large { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-large { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-large { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-large { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-large { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-large { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-large { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-large { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-large { padding-top: var(--space-base) !important; } .pad-top-line-at-large { padding-top: var(--space-line) !important; } .pad-top-small-at-large { padding-top: var(--space-small) !important; } .pad-top-medium-at-large { padding-top: var(--space-medium) !important; } .pad-top-large-at-large { padding-top: var(--space-large) !important; } .pad-top-xl-at-large { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-large { padding-top: var(--space-xxl) !important; } .pad-top-none-at-large { padding-top: var(--space-none) !important; } .pad-bottom-base-at-large { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-large { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-large { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-large { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-large { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-large { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-large { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-large { padding-bottom: var(--space-none) !important; } .pad-left-base-at-large { padding-left: var(--space-base) !important; } .pad-left-line-at-large { padding-left: var(--space-line) !important; } .pad-left-small-at-large { padding-left: var(--space-small) !important; } .pad-left-medium-at-large { padding-left: var(--space-medium) !important; } .pad-left-large-at-large { padding-left: var(--space-large) !important; } .pad-left-xl-at-large { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-large { padding-left: var(--space-xxl) !important; } .pad-left-none-at-large { padding-left: var(--space-none) !important; } .pad-right-base-at-large { padding-right: var(--space-base) !important; } .pad-right-line-at-large { padding-right: var(--space-line) !important; } .pad-right-small-at-large { padding-right: var(--space-small) !important; } .pad-right-medium-at-large { padding-right: var(--space-medium) !important; } .pad-right-large-at-large { padding-right: var(--space-large) !important; } .pad-right-xl-at-large { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-large { padding-right: var(--space-xxl) !important; } .pad-right-none-at-large { padding-right: var(--space-none) !important; } .gap-base-at-large { margin: var(--space-base) !important; } .gap-line-at-large { margin: var(--space-line) !important; } .gap-small-at-large { margin: var(--space-small) !important; } .gap-medium-at-large { margin: var(--space-medium) !important; } .gap-large-at-large { margin: var(--space-large) !important; } .gap-xl-at-large { margin: var(--space-xl) !important; } .gap-xxl-at-large { margin: var(--space-xxl) !important; } .gap-none-at-large { margin: var(--space-none) !important; } .gap-vert-base-at-large { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-large { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-large { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-large { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-large { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-large { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-large { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-large { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-large { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-large { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-large { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-large { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-large { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-large { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-large { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-large { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-large { margin-top: var(--space-base) !important; } .gap-top-line-at-large { margin-top: var(--space-line) !important; } .gap-top-small-at-large { margin-top: var(--space-small) !important; } .gap-top-medium-at-large { margin-top: var(--space-medium) !important; } .gap-top-large-at-large { margin-top: var(--space-large) !important; } .gap-top-xl-at-large { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-large { margin-top: var(--space-xxl) !important; } .gap-top-none-at-large { margin-top: var(--space-none) !important; } .gap-bottom-base-at-large { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-large { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-large { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-large { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-large { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-large { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-large { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-large { margin-bottom: var(--space-none) !important; } .gap-left-base-at-large { margin-left: var(--space-base) !important; } .gap-left-line-at-large { margin-left: var(--space-line) !important; } .gap-left-small-at-large { margin-left: var(--space-small) !important; } .gap-left-medium-at-large { margin-left: var(--space-medium) !important; } .gap-left-large-at-large { margin-left: var(--space-large) !important; } .gap-left-xl-at-large { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-large { margin-left: var(--space-xxl) !important; } .gap-left-none-at-large { margin-left: var(--space-none) !important; } .gap-right-base-at-large { margin-right: var(--space-base) !important; } .gap-right-line-at-large { margin-right: var(--space-line) !important; } .gap-right-small-at-large { margin-right: var(--space-small) !important; } .gap-right-medium-at-large { margin-right: var(--space-medium) !important; } .gap-right-large-at-large { margin-right: var(--space-large) !important; } .gap-right-xl-at-large { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-large { margin-right: var(--space-xxl) !important; } .gap-right-none-at-large { margin-right: var(--space-none) !important; } .offset-base-at-large { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-large { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-large { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-large { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-large { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-large { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-large { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-large { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-large { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-large { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-large { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-large { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-large { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-large { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-large { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-large { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-large { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-large { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-large { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-large { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-large { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-large { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-large { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-large { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-large { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-large { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-large { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-large { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-large { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-large { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-large { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-large { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-large { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-large { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-large { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-large { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-large { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-large { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-large { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-large { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-large { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-large { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-large { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-large { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-large { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-large { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-large { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-large { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-large { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-large { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-large { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-large { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-large { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-large { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-large { margin-right: calc(-1 * var(--space-none)) !important; } } @media (min-width: 1500px) { .pad-base-at-extra-large { padding: var(--space-base) !important; } .pad-line-at-extra-large { padding: var(--space-line) !important; } .pad-small-at-extra-large { padding: var(--space-small) !important; } .pad-medium-at-extra-large { padding: var(--space-medium) !important; } .pad-large-at-extra-large { padding: var(--space-large) !important; } .pad-xl-at-extra-large { padding: var(--space-xl) !important; } .pad-xxl-at-extra-large { padding: var(--space-xxl) !important; } .pad-none-at-extra-large { padding: var(--space-none) !important; } .pad-vert-base-at-extra-large { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-extra-large { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-extra-large { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-extra-large { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-extra-large { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-extra-large { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-extra-large { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-extra-large { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-extra-large { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-extra-large { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-extra-large { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-extra-large { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-extra-large { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-extra-large { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-extra-large { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-extra-large { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-extra-large { padding-top: var(--space-base) !important; } .pad-top-line-at-extra-large { padding-top: var(--space-line) !important; } .pad-top-small-at-extra-large { padding-top: var(--space-small) !important; } .pad-top-medium-at-extra-large { padding-top: var(--space-medium) !important; } .pad-top-large-at-extra-large { padding-top: var(--space-large) !important; } .pad-top-xl-at-extra-large { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-extra-large { padding-top: var(--space-xxl) !important; } .pad-top-none-at-extra-large { padding-top: var(--space-none) !important; } .pad-bottom-base-at-extra-large { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-extra-large { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-extra-large { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-extra-large { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-extra-large { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-extra-large { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-extra-large { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-extra-large { padding-bottom: var(--space-none) !important; } .pad-left-base-at-extra-large { padding-left: var(--space-base) !important; } .pad-left-line-at-extra-large { padding-left: var(--space-line) !important; } .pad-left-small-at-extra-large { padding-left: var(--space-small) !important; } .pad-left-medium-at-extra-large { padding-left: var(--space-medium) !important; } .pad-left-large-at-extra-large { padding-left: var(--space-large) !important; } .pad-left-xl-at-extra-large { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-extra-large { padding-left: var(--space-xxl) !important; } .pad-left-none-at-extra-large { padding-left: var(--space-none) !important; } .pad-right-base-at-extra-large { padding-right: var(--space-base) !important; } .pad-right-line-at-extra-large { padding-right: var(--space-line) !important; } .pad-right-small-at-extra-large { padding-right: var(--space-small) !important; } .pad-right-medium-at-extra-large { padding-right: var(--space-medium) !important; } .pad-right-large-at-extra-large { padding-right: var(--space-large) !important; } .pad-right-xl-at-extra-large { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-extra-large { padding-right: var(--space-xxl) !important; } .pad-right-none-at-extra-large { padding-right: var(--space-none) !important; } .gap-base-at-extra-large { margin: var(--space-base) !important; } .gap-line-at-extra-large { margin: var(--space-line) !important; } .gap-small-at-extra-large { margin: var(--space-small) !important; } .gap-medium-at-extra-large { margin: var(--space-medium) !important; } .gap-large-at-extra-large { margin: var(--space-large) !important; } .gap-xl-at-extra-large { margin: var(--space-xl) !important; } .gap-xxl-at-extra-large { margin: var(--space-xxl) !important; } .gap-none-at-extra-large { margin: var(--space-none) !important; } .gap-vert-base-at-extra-large { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-extra-large { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-extra-large { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-extra-large { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-extra-large { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-extra-large { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-extra-large { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-extra-large { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-extra-large { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-extra-large { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-extra-large { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-extra-large { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-extra-large { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-extra-large { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-extra-large { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-extra-large { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-extra-large { margin-top: var(--space-base) !important; } .gap-top-line-at-extra-large { margin-top: var(--space-line) !important; } .gap-top-small-at-extra-large { margin-top: var(--space-small) !important; } .gap-top-medium-at-extra-large { margin-top: var(--space-medium) !important; } .gap-top-large-at-extra-large { margin-top: var(--space-large) !important; } .gap-top-xl-at-extra-large { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-extra-large { margin-top: var(--space-xxl) !important; } .gap-top-none-at-extra-large { margin-top: var(--space-none) !important; } .gap-bottom-base-at-extra-large { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-extra-large { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-extra-large { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-extra-large { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-extra-large { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-extra-large { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-extra-large { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-extra-large { margin-bottom: var(--space-none) !important; } .gap-left-base-at-extra-large { margin-left: var(--space-base) !important; } .gap-left-line-at-extra-large { margin-left: var(--space-line) !important; } .gap-left-small-at-extra-large { margin-left: var(--space-small) !important; } .gap-left-medium-at-extra-large { margin-left: var(--space-medium) !important; } .gap-left-large-at-extra-large { margin-left: var(--space-large) !important; } .gap-left-xl-at-extra-large { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-extra-large { margin-left: var(--space-xxl) !important; } .gap-left-none-at-extra-large { margin-left: var(--space-none) !important; } .gap-right-base-at-extra-large { margin-right: var(--space-base) !important; } .gap-right-line-at-extra-large { margin-right: var(--space-line) !important; } .gap-right-small-at-extra-large { margin-right: var(--space-small) !important; } .gap-right-medium-at-extra-large { margin-right: var(--space-medium) !important; } .gap-right-large-at-extra-large { margin-right: var(--space-large) !important; } .gap-right-xl-at-extra-large { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-extra-large { margin-right: var(--space-xxl) !important; } .gap-right-none-at-extra-large { margin-right: var(--space-none) !important; } .offset-base-at-extra-large { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-extra-large { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-extra-large { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-extra-large { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-extra-large { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-extra-large { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-extra-large { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-extra-large { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-extra-large { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-extra-large { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-extra-large { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-extra-large { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-extra-large { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-extra-large { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-extra-large { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-extra-large { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-extra-large { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-extra-large { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-extra-large { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-extra-large { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-extra-large { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-extra-large { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-extra-large { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-extra-large { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-extra-large { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-extra-large { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-extra-large { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-extra-large { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-extra-large { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-extra-large { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-extra-large { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-extra-large { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-extra-large { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-extra-large { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-extra-large { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-extra-large { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-extra-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-extra-large { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-extra-large { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-extra-large { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-extra-large { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-extra-large { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-extra-large { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-extra-large { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-extra-large { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-extra-large { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-extra-large { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-extra-large { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-extra-large { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-extra-large { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-extra-large { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-extra-large { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-extra-large { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-extra-large { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-extra-large { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-extra-large { margin-right: calc(-1 * var(--space-none)) !important; } } .font-size-tiny { font-size: var(--font-size-tiny); line-height: var(--line-height-tiny); } .type-display .font-size-tiny { font-size: var(--font-size-display-tiny); line-height: var(--line-height-display-tiny); letter-spacing: var(--letter-spacing-display-normal); } .font-size-small { font-size: var(--font-size-small); line-height: var(--line-height-small); } .type-display .font-size-small { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); letter-spacing: var(--letter-spacing-display-normal); } .font-size-base { font-size: var(--font-size-base); line-height: var(--line-height-base); } .type-display .font-size-base { font-size: var(--font-size-display-base); line-height: var(--line-height-display-base); } .font-size-large { font-size: var(--font-size-medium); line-height: var(--line-height-medium); letter-spacing: var(--letter-spacing-large-base); } @media (min-width: 1023px) { .font-size-large { font-size: var(--font-size-large); line-height: var(--line-height-large); letter-spacing: var(--letter-spacing-large-medium); } } .type-display .font-size-large { font-family: var(--font-family-display); font-size: var(--font-size-display-large-base); line-height: var(--line-height-display-large-base); letter-spacing: var(--letter-spacing-display-large-base); } .type-display .font-size-large a { letter-spacing: var(--letter-spacing-display-link-large-base); } @media (min-width: 1023px) { .type-display .font-size-large { font-size: var(--font-size-display-large-medium); line-height: var(--line-height-display-large-medium); letter-spacing: var(--letter-spacing-display-large-medium); } .type-display .font-size-large a { letter-spacing: var(--letter-spacing-display-link-large-medium); } } .font-weight-thin { font-weight: var(--font-weight-thin) !important; } .font-weight-light { font-weight: var(--font-weight-light) !important; } .font-weight-regular { font-weight: var(--font-weight-regular) !important; } .font-weight-medium { font-weight: var(--font-weight-medium) !important; } .font-weight-semibold { font-weight: var(--font-weight-semibold) !important; } .font-weight-bold { font-weight: var(--font-weight-bold) !important; } .font-eyebrow-small { font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.125em; font-family: var(--font-family-base); font-size: var(--font-size-tiny); line-height: var(--line-height-tiny); } @media (min-width: 1023px) { .font-eyebrow-small { font-size: var(--font-size-small); line-height: var(--line-height-small); } } .type-display .font-eyebrow-small { font-size: var(--font-size-display-tiny); line-height: var(--line-height-display-tiny); } @media (min-width: 1023px) { .type-display .font-eyebrow-small { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); } } .font-eyebrow-large { font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.125em; font-family: var(--font-family-base); font-size: var(--font-size-small); line-height: var(--line-height-small); } @media (min-width: 1023px) { .font-eyebrow-large { font-size: var(--font-size-base); line-height: var(--line-height-base); } } .type-display .font-eyebrow-large { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); } @media (min-width: 1023px) { .type-display .font-eyebrow-large { font-size: var(--font-size-display-base); line-height: var(--line-height-display-base); } } .headings-compact h1:not(:first-child), .headings-compact .h1:not(:first-child), .headings-compact h2:not(:first-child), .headings-compact .h2:not(:first-child), .headings-compact h3:not(:first-child), .headings-compact .h3:not(:first-child), .headings-compact h4:not(:first-child), .headings-compact .h4:not(:first-child), .headings-compact h5:not(:first-child), .headings-compact .h5:not(:first-child), .headings-compact .font-eyebrow-small:not(:first-child), .headings-compact .font-eyebrow-large:not(:first-child) { margin-top: var(--line-height-base); } .headings-compact h1:not(:last-child), .headings-compact .h1:not(:last-child), .headings-compact h2:not(:last-child), .headings-compact .h2:not(:last-child), .headings-compact h3:not(:last-child), .headings-compact .h3:not(:last-child), .headings-compact h4:not(:last-child), .headings-compact .h4:not(:last-child), .headings-compact h5:not(:last-child), .headings-compact .h5:not(:last-child), .headings-compact .font-eyebrow-small:not(:last-child), .headings-compact .font-eyebrow-large:not(:last-child) { margin-bottom: calc(var(--line-height-base) / 2); } .headings-compact h1 + p, .headings-compact .h1 + p, .headings-compact h2 + p, .headings-compact .h2 + p, .headings-compact h3 + p, .headings-compact .h3 + p, .headings-compact h4 + p, .headings-compact .h4 + p, .headings-compact h5 + p, .headings-compact .h5 + p, .headings-compact .font-eyebrow-small + p, .headings-compact .font-eyebrow-large + p { margin-top: 0; } .headings-compact h6:not(:first-child), .headings-compact .h6:not(:first-child) { margin-top: var(--line-height-base); } .headings-compact h6:not(:last-child), .headings-compact .h6:not(:last-child) { margin-bottom: 0; } .headings-compact h6 + p, .headings-compact .h6 + p { margin-top: 0; } .type-display .headings-compact h1:not(:first-child), .type-display .headings-compact .h1:not(:first-child), .type-display .headings-compact h2:not(:first-child), .type-display .headings-compact .h2:not(:first-child), .type-display .headings-compact h3:not(:first-child), .type-display .headings-compact .h3:not(:first-child), .type-display .headings-compact h4:not(:first-child), .type-display .headings-compact .h4:not(:first-child), .type-display .headings-compact h5:not(:first-child), .type-display .headings-compact .h5:not(:first-child), .type-display .headings-compact .font-eyebrow-small:not(:first-child), .type-display .headings-compact .font-eyebrow-large:not(:first-child) { margin-top: var(--line-height-display-base); } .type-display .headings-compact h1:not(:last-child), .type-display .headings-compact .h1:not(:last-child), .type-display .headings-compact h2:not(:last-child), .type-display .headings-compact .h2:not(:last-child), .type-display .headings-compact h3:not(:last-child), .type-display .headings-compact .h3:not(:last-child), .type-display .headings-compact h4:not(:last-child), .type-display .headings-compact .h4:not(:last-child), .type-display .headings-compact h5:not(:last-child), .type-display .headings-compact .h5:not(:last-child), .type-display .headings-compact .font-eyebrow-small:not(:last-child), .type-display .headings-compact .font-eyebrow-large:not(:last-child) { margin-bottom: calc(var(--line-height-display-base) / 2); } .type-display .headings-compact h1 + p, .type-display .headings-compact .h1 + p, .type-display .headings-compact h2 + p, .type-display .headings-compact .h2 + p, .type-display .headings-compact h3 + p, .type-display .headings-compact .h3 + p, .type-display .headings-compact h4 + p, .type-display .headings-compact .h4 + p, .type-display .headings-compact h5 + p, .type-display .headings-compact .h5 + p, .type-display .headings-compact .font-eyebrow-small + p, .type-display .headings-compact .font-eyebrow-large + p { margin-top: 0; } .type-display .headings-compact h6:not(:first-child), .type-display .headings-compact .h6:not(:first-child) { margin-top: var(--line-height-display-base); } .type-display .headings-compact h6:not(:last-child), .type-display .headings-compact .h6:not(:last-child) { margin-bottom: 0; } .type-display .headings-compact h6 + p, .type-display .headings-compact .h6 + p { margin-top: 0; } .fine-print, .upperspaced { font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.125em; font-family: var(--font-family-base); font-size: var(--font-size-tiny); line-height: var(--line-height-tiny); } @media (min-width: 1023px) { .fine-print, .upperspaced { font-size: var(--font-size-small); line-height: var(--line-height-small); } } .type-display .fine-print, .type-display .upperspaced { font-size: var(--font-size-display-tiny); line-height: var(--line-height-display-tiny); } @media (min-width: 1023px) { .type-display .fine-print, .type-display .upperspaced { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); } } .legal-text { font-size: var(--font-size-tiny); line-height: var(--line-height-tiny); } .type-display .legal-text { font-size: var(--font-size-display-tiny); line-height: var(--line-height-display-tiny); letter-spacing: var(--letter-spacing-display-normal); } .text-truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .no-wrap { white-space: nowrap; } .uppercase { text-transform: uppercase !important; } .capitalize { text-transform: capitalize !important; } .lowercase { text-transform: lowercase !important; } .normalcase { text-transform: none !important; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) { position: relative; --carousel-button-size: 40px; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]), .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide img { position: relative; width: 100%; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide[data-active='false'] *, .carousel[data-dragging='true']:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide *, .carousel[data-animating='true']:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide * { pointer-events: none; } .carousel[data-dragging='true']:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slider, .carousel[data-dragging='start']:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-opacity-focus]:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-opacity-focus]:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator:hover, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator:focus { opacity: 0.5; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator:active { opacity: 1; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator::before, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator::before { background-color: white; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-nav { margin-top: var(--space-small); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } @media (hover: hover) { .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:hover, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:focus, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:hover, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:hover, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:focus, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:hover, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:active, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:active, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left::before, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left::before, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left.hidden, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { margin-left: var(--space-line); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } @media (min-width: 1023px) { .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { position: absolute; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left::before, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left.hidden, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right.hidden { display: none !important; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left { left: var(--space-line); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { right: var(--space-line); } } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='base'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='base'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='base'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='base'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='base'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='base'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } @media (hover: hover) { .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } @media (min-width: 1023px) { .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 374px) { .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='extra-small'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='extra-small'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='extra-small'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='extra-small'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='extra-small'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='extra-small'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 374px) and (hover: hover) { .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 374px) { .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 374px) and (min-width: 1023px) { .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 716px) { .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='small'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='small'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='small'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='small'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='small'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='small'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 716px) and (hover: hover) { .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 716px) { .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 716px) and (min-width: 1023px) { .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 1022px) { .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='medium'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='medium'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='medium'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='medium'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='medium'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='medium'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 1022px) and (hover: hover) { .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 1022px) { .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 1022px) and (min-width: 1023px) { .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 1239px) { .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='large'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='large'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='large'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='large'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='large'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='large'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 1239px) and (hover: hover) { .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 1239px) { .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 1239px) and (min-width: 1023px) { .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 1499px) { .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='extra-large'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='extra-large'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='extra-large'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='extra-large'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='extra-large'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='extra-large'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 1499px) and (hover: hover) { .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 1499px) { .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 1499px) and (min-width: 1023px) { .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } .flash { visibility: hidden; position: fixed; z-index: 800; width: 100%; max-width: var(--body-width-max); font-size: var(--font-size-small); line-height: var(--line-height-small); font-weight: var(--font-weight-bold); text-align: center; color: white; background-color: var(--color-gray-80); transition: transform var(--duration-leave) var(--easing-accelerate) 0s, visibility 0s linear var(--duration-leave), background-color var(--duration-quick) var(--easing-sharp); } .flash a { font-weight: inherit; color: inherit; text-decoration: underline; } .flash-message { margin-left: auto; margin-right: auto; padding-top: var(--space-line); padding-bottom: var(--space-line); width: var(--container-width-base); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--body-width-min) - var(--container-width-base)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--body-width-min) - var(--container-width-base)) / 2)))); } @media (min-width: 375px) { .flash-message { width: var(--container-width-extra-small); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-extra-small) - var(--container-width-extra-small)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-extra-small) - var(--container-width-extra-small)) / 2)))); } } @media (min-width: 717px) { .flash-message { width: var(--container-width-small); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-small) - var(--container-width-small)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-small) - var(--container-width-small)) / 2)))); } } @media (min-width: 1023px) { .flash-message { width: var(--container-width-medium); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-medium) - var(--container-width-medium)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-medium) - var(--container-width-medium)) / 2)))); } } @media (min-width: 1240px) { .flash-message { width: var(--container-width-large); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-large) - var(--container-width-large)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-large) - var(--container-width-large)) / 2)))); } } @media (min-width: 1500px) { .flash-message { width: var(--container-width-extra-large); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-extra-large) - var(--container-width-extra-large)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-extra-large) - var(--container-width-extra-large)) / 2)))); } } .flash-close { position: absolute; display: block; overflow: hidden; top: var(--space-line); right: var(--space-line); width: var(--close-button-size); height: var(--close-button-size); min-height: 0; padding: 0; font-size: 0; color: transparent; background-color: transparent !important; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); background-repeat: no-repeat; background-position: center; outline: 0; } .flash-top { top: 0; transform: translateY(-100%); box-shadow: 0 4px 20px var(--color-drop-shadow); } .flash-bottom { bottom: 0; transform: translateY(100%); box-shadow: 0 -4px 20px var(--color-drop-shadow); } .flash-info { background-color: var(--color-validation-info); } .flash-success { background-color: var(--color-validation-success); } .flash-warning { background-color: var(--color-validation-warning); } .flash-error { background-color: var(--color-validation-error); } .flash-show { visibility: visible; transform: translateY(0); transition: transform var(--duration-enter) var(--easing-decelerate) 0s, visibility 0s linear 0s, background-color var(--duration-quick) var(--easing-sharp); } .page-footer { margin-top: auto; position: relative; background-color: var(--color-footer-bg); color: var(--color-footer-text); font-size: var(--font-size-small); line-height: var(--line-height-small); } .page-footer [fill]:not([fill='none']):not([fill^='url']) { fill: var(--color-footer-link) !important; } .page-footer [stroke]:not([stroke='transparent']) { stroke: var(--color-footer-link) !important; } .page-footer a { color: var(--color-footer-link) !important; } .page-footer h1 a, .page-footer .h1 a, .page-footer h2 a, .page-footer .h2 a, .page-footer h3 a, .page-footer .h3 a, .page-footer h4 a, .page-footer .h4 a, .page-footer h5 a, .page-footer .h5 a, .page-footer h6 a, .page-footer .h6 a { color: var(--color-footer-text) !important; } .page-footer .destination-links li { margin-bottom: calc(var(--space-base) / 2); } .page-footer .primary { margin-bottom: var(--space-small); } .page-footer .tertiary { padding-top: var(--space-line); padding-bottom: var(--space-line); margin-bottom: var(--space-line); border-top: 1px solid var(--color-footer-border); border-bottom: 1px solid var(--color-footer-border); } .page-footer .collapse { visibility: hidden; } @media (min-width: 717px) { .page-footer [data-transition-target] { cursor: default; pointer-events: none; } .page-footer [data-transition-target] .caret::after { display: none; } } @media (min-width: 717px) { .page-footer [data-transition-types='collapse fade'] { overflow: visible !important; opacity: 1 !important; height: auto !important; visibility: visible !important; } } :root { --_graphical-list-size: 40px; } ol.graphical { counter-reset: list_item; } ol.graphical:not([class^='grid']):not([class*=' grid']) { margin-bottom: calc(-1 * var(--space-small)); } ol.graphical:not([class^='grid']):not([class*=' grid']) > li { margin-bottom: var(--space-small); } ol.graphical:not([class^='grid']):not([class*=' grid']):not([class*='graphical-flex']) > li { padding-left: 0; } ol.graphical > li::before { counter-increment: list_item; content: counter(list_item); display: block; position: static; width: var(--_graphical-list-size); height: var(--_graphical-list-size); margin-left: 0; margin-bottom: var(--space-line); font-size: var(--font-size-small); font-weight: var(--font-weight-medium); text-align: center; line-height: calc(var(--_graphical-list-size) - 2px); color: var(--color-text); border-style: solid; border-width: 1px; border-radius: 50%; border-color: var(--color-text); } .bg-invert ol.graphical > li::before, .bg-theme ol.graphical > li::before { color: white; border-color: white; } ol.graphical > li > *:last-child { margin-bottom: 0; } ol.graphical.graphical-flex > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex[class^='grid'] > li, ol.graphical.graphical-flex[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex[class^='grid'] > li::before, ol.graphical.graphical-flex[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } @media (min-width: 375px) { ol.graphical.graphical-flex-at-extra-small > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-extra-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-extra-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } @media (min-width: 717px) { ol.graphical.graphical-flex-at-small > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-small > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-small[class^='grid'] > li, ol.graphical.graphical-flex-at-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-small.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-small.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-small.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-small.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-small.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-small.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-small.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-small.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } @media (min-width: 1023px) { ol.graphical.graphical-flex-at-medium > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-medium > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } @media (min-width: 1240px) { ol.graphical.graphical-flex-at-large > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-large > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-large[class^='grid'] > li, ol.graphical.graphical-flex-at-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-large.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-large.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-large.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-large.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-large.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-large.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-large.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-large.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } @media (min-width: 1500px) { ol.graphical.graphical-flex-at-extra-large > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-extra-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-extra-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } .theme-lime ol.graphical > li::before, [class^='theme-'] .theme-lime ol.graphical > li::before, [class*=' theme-'] .theme-lime ol.graphical > li::before { color: var(--color-lime); border-color: var(--color-lime); } .theme-lime .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-lime .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-lime .bg-invert ol.graphical > li::before { color: var(--color-lime-light); border-color: var(--color-lime-light); } .theme-lime .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-lime .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-lime .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-lime .bg-white ol.graphical > li::before, [class^='theme-'] .theme-lime .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-lime .bg-white ol.graphical > li::before { color: var(--color-lime); border-color: var(--color-lime); } .theme-green ol.graphical > li::before, [class^='theme-'] .theme-green ol.graphical > li::before, [class*=' theme-'] .theme-green ol.graphical > li::before { color: var(--color-green); border-color: var(--color-green); } .theme-green .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-green .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-green .bg-invert ol.graphical > li::before { color: var(--color-green-light); border-color: var(--color-green-light); } .theme-green .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-green .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-green .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-green .bg-white ol.graphical > li::before, [class^='theme-'] .theme-green .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-green .bg-white ol.graphical > li::before { color: var(--color-green); border-color: var(--color-green); } .theme-teal ol.graphical > li::before, [class^='theme-'] .theme-teal ol.graphical > li::before, [class*=' theme-'] .theme-teal ol.graphical > li::before { color: var(--color-teal); border-color: var(--color-teal); } .theme-teal .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-teal .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-teal .bg-invert ol.graphical > li::before { color: var(--color-teal-light); border-color: var(--color-teal-light); } .theme-teal .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-teal .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-teal .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-teal .bg-white ol.graphical > li::before, [class^='theme-'] .theme-teal .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-teal .bg-white ol.graphical > li::before { color: var(--color-teal); border-color: var(--color-teal); } .theme-blue ol.graphical > li::before, [class^='theme-'] .theme-blue ol.graphical > li::before, [class*=' theme-'] .theme-blue ol.graphical > li::before { color: var(--color-blue); border-color: var(--color-blue); } .theme-blue .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-blue .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-blue .bg-invert ol.graphical > li::before { color: var(--color-blue-light); border-color: var(--color-blue-light); } .theme-blue .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-blue .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-blue .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-blue .bg-white ol.graphical > li::before, [class^='theme-'] .theme-blue .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-blue .bg-white ol.graphical > li::before { color: var(--color-blue); border-color: var(--color-blue); } .theme-royal-blue ol.graphical > li::before, [class^='theme-'] .theme-royal-blue ol.graphical > li::before, [class*=' theme-'] .theme-royal-blue ol.graphical > li::before { color: var(--color-royal-blue); border-color: var(--color-royal-blue); } .theme-royal-blue .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-royal-blue .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-royal-blue .bg-invert ol.graphical > li::before { color: var(--color-royal-blue-light); border-color: var(--color-royal-blue-light); } .theme-royal-blue .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-royal-blue .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-royal-blue .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-royal-blue .bg-white ol.graphical > li::before, [class^='theme-'] .theme-royal-blue .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-royal-blue .bg-white ol.graphical > li::before { color: var(--color-royal-blue); border-color: var(--color-royal-blue); } .theme-indigo ol.graphical > li::before, [class^='theme-'] .theme-indigo ol.graphical > li::before, [class*=' theme-'] .theme-indigo ol.graphical > li::before { color: var(--color-indigo); border-color: var(--color-indigo); } .theme-indigo .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-indigo .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-indigo .bg-invert ol.graphical > li::before { color: var(--color-indigo-light); border-color: var(--color-indigo-light); } .theme-indigo .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-indigo .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-indigo .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-indigo .bg-white ol.graphical > li::before, [class^='theme-'] .theme-indigo .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-indigo .bg-white ol.graphical > li::before { color: var(--color-indigo); border-color: var(--color-indigo); } .theme-purple ol.graphical > li::before, [class^='theme-'] .theme-purple ol.graphical > li::before, [class*=' theme-'] .theme-purple ol.graphical > li::before { color: var(--color-purple); border-color: var(--color-purple); } .theme-purple .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-purple .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-purple .bg-invert ol.graphical > li::before { color: var(--color-purple-light); border-color: var(--color-purple-light); } .theme-purple .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-purple .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-purple .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-purple .bg-white ol.graphical > li::before, [class^='theme-'] .theme-purple .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-purple .bg-white ol.graphical > li::before { color: var(--color-purple); border-color: var(--color-purple); } .theme-plum ol.graphical > li::before, [class^='theme-'] .theme-plum ol.graphical > li::before, [class*=' theme-'] .theme-plum ol.graphical > li::before { color: var(--color-plum); border-color: var(--color-plum); } .theme-plum .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-plum .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-plum .bg-invert ol.graphical > li::before { color: var(--color-plum-light); border-color: var(--color-plum-light); } .theme-plum .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-plum .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-plum .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-plum .bg-white ol.graphical > li::before, [class^='theme-'] .theme-plum .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-plum .bg-white ol.graphical > li::before { color: var(--color-plum); border-color: var(--color-plum); } .theme-rose ol.graphical > li::before, [class^='theme-'] .theme-rose ol.graphical > li::before, [class*=' theme-'] .theme-rose ol.graphical > li::before { color: var(--color-rose); border-color: var(--color-rose); } .theme-rose .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-rose .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-rose .bg-invert ol.graphical > li::before { color: var(--color-rose-light); border-color: var(--color-rose-light); } .theme-rose .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-rose .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-rose .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-rose .bg-white ol.graphical > li::before, [class^='theme-'] .theme-rose .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-rose .bg-white ol.graphical > li::before { color: var(--color-rose); border-color: var(--color-rose); } .theme-orange ol.graphical > li::before, [class^='theme-'] .theme-orange ol.graphical > li::before, [class*=' theme-'] .theme-orange ol.graphical > li::before { color: var(--color-orange); border-color: var(--color-orange); } .theme-orange .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-orange .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-orange .bg-invert ol.graphical > li::before { color: var(--color-orange-light); border-color: var(--color-orange-light); } .theme-orange .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-orange .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-orange .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-orange .bg-white ol.graphical > li::before, [class^='theme-'] .theme-orange .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-orange .bg-white ol.graphical > li::before { color: var(--color-orange); border-color: var(--color-orange); } .align-center ol.graphical > li::before, ol.graphical.align-center > li::before, ol.graphical > li.align-center::before { margin-left: auto; margin-right: auto; } .align-right ol.graphical > li::before, ol.graphical.align-right > li::before, ol.graphical > li.align-right::before { margin-left: auto; margin-right: 0; } .hero { overflow: hidden; position: relative; text-align: center; } .hero .content { margin-left: auto; margin-right: auto; max-width: var(--content-max-width); padding: var(--space-medium) 0; } .type-display .hero .content { margin-left: auto; margin-right: auto; max-width: 100%; padding: var(--space-large) 0; } @media (min-width: 1023px) { .type-display .hero .content { padding: var(--space-xl) 0; } } .type-display .hero .content > * { margin-left: auto; margin-right: auto; max-width: var(--content-display-max-width); } .type-display .hero .content > h1 { margin-left: auto; margin-right: auto; max-width: 100%; } @media (min-width: 1023px) { .hero .content { padding: var(--space-large) 0; } } .hero h1 { font-size: var(--font-size-hero-base); line-height: var(--line-height-hero-base); letter-spacing: var(--letter-spacing-hero-base); margin-top: 0; } .hero h1:not(:last-child) { margin-bottom: var(--line-height-base); } @media (min-width: 1023px) { .hero h1 { font-size: var(--font-size-hero-medium); line-height: var(--line-height-hero-medium); letter-spacing: var(--letter-spacing-hero-medium); } } .type-display .hero h1 { font-size: var(--font-size-display-hero-base); line-height: var(--line-height-display-hero-base); letter-spacing: var(--letter-spacing-display-hero-base); } @media (min-width: 1023px) { .type-display .hero h1 { font-size: var(--font-size-display-hero-medium); line-height: var(--line-height-display-hero-medium); letter-spacing: var(--letter-spacing-display-hero-medium); font-weight: var(--font-weight-display-hero-medium); } } .hero h2 { font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.125em; font-family: var(--font-family-base); font-size: var(--font-size-small); line-height: var(--line-height-small); } @media (min-width: 1023px) { .hero h2 { font-size: var(--font-size-base); line-height: var(--line-height-base); } } .type-display .hero h2 { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); } @media (min-width: 1023px) { .type-display .hero h2 { font-size: var(--font-size-display-base); line-height: var(--line-height-display-base); } } .hero h2, .hero .font-eyebrow-large { margin-bottom: calc(var(--line-height-base) / 2); } .hero.hero-tucked { margin-top: calc(-1 * var(--nav-height)); padding-top: var(--nav-height); } .intro { margin-left: auto; margin-right: auto; max-width: var(--content-max-width); text-align: center; } .intro h1:not(:first-child), .intro .h1:not(:first-child), .intro h2:not(:first-child), .intro .h2:not(:first-child), .intro h3:not(:first-child), .intro .h3:not(:first-child), .intro h4:not(:first-child), .intro .h4:not(:first-child), .intro h5:not(:first-child), .intro .h5:not(:first-child), .intro .font-eyebrow-small:not(:first-child), .intro .font-eyebrow-large:not(:first-child) { margin-top: var(--line-height-base); } .intro h1:not(:last-child), .intro .h1:not(:last-child), .intro h2:not(:last-child), .intro .h2:not(:last-child), .intro h3:not(:last-child), .intro .h3:not(:last-child), .intro h4:not(:last-child), .intro .h4:not(:last-child), .intro h5:not(:last-child), .intro .h5:not(:last-child), .intro .font-eyebrow-small:not(:last-child), .intro .font-eyebrow-large:not(:last-child) { margin-bottom: calc(var(--line-height-base) / 2); } .intro h1 + p, .intro .h1 + p, .intro h2 + p, .intro .h2 + p, .intro h3 + p, .intro .h3 + p, .intro h4 + p, .intro .h4 + p, .intro h5 + p, .intro .h5 + p, .intro .font-eyebrow-small + p, .intro .font-eyebrow-large + p { margin-top: 0; } .intro h6:not(:first-child), .intro .h6:not(:first-child) { margin-top: var(--line-height-base); } .intro h6:not(:last-child), .intro .h6:not(:last-child) { margin-bottom: 0; } .intro h6 + p, .intro .h6 + p { margin-top: 0; } .type-display .intro h1:not(:first-child), .type-display .intro .h1:not(:first-child), .type-display .intro h2:not(:first-child), .type-display .intro .h2:not(:first-child), .type-display .intro h3:not(:first-child), .type-display .intro .h3:not(:first-child), .type-display .intro h4:not(:first-child), .type-display .intro .h4:not(:first-child), .type-display .intro h5:not(:first-child), .type-display .intro .h5:not(:first-child), .type-display .intro .font-eyebrow-small:not(:first-child), .type-display .intro .font-eyebrow-large:not(:first-child) { margin-top: var(--line-height-display-base); } .type-display .intro h1:not(:last-child), .type-display .intro .h1:not(:last-child), .type-display .intro h2:not(:last-child), .type-display .intro .h2:not(:last-child), .type-display .intro h3:not(:last-child), .type-display .intro .h3:not(:last-child), .type-display .intro h4:not(:last-child), .type-display .intro .h4:not(:last-child), .type-display .intro h5:not(:last-child), .type-display .intro .h5:not(:last-child), .type-display .intro .font-eyebrow-small:not(:last-child), .type-display .intro .font-eyebrow-large:not(:last-child) { margin-bottom: calc(var(--line-height-display-base) / 2); } .type-display .intro h1 + p, .type-display .intro .h1 + p, .type-display .intro h2 + p, .type-display .intro .h2 + p, .type-display .intro h3 + p, .type-display .intro .h3 + p, .type-display .intro h4 + p, .type-display .intro .h4 + p, .type-display .intro h5 + p, .type-display .intro .h5 + p, .type-display .intro .font-eyebrow-small + p, .type-display .intro .font-eyebrow-large + p { margin-top: 0; } .type-display .intro h6:not(:first-child), .type-display .intro .h6:not(:first-child) { margin-top: var(--line-height-display-base); } .type-display .intro h6:not(:last-child), .type-display .intro .h6:not(:last-child) { margin-bottom: 0; } .type-display .intro h6 + p, .type-display .intro .h6 + p { margin-top: 0; } .type-display .intro { margin-left: auto; margin-right: auto; max-width: var(--content-display-max-width); max-width: 70em; } .type-display .intro h1, .type-display .intro .h1 { max-width: 100%; } .type-display .intro h2, .type-display .intro .h2, .type-display .intro h3, .type-display .intro .h3, .type-display .intro h4, .type-display .intro .h4 { max-width: var(--content-display-max-width); margin-left: inherit; margin-right: inherit; } .type-display .intro p { max-width: var(--content-display-max-width); margin-left: auto; margin-right: auto; } .type-display .intro.align-left p { margin-left: initial; } .type-display .intro.align-right p { margin-right: initial; } .intro:not(:last-child) { margin-bottom: var(--space-small); } @media (min-width: 1023px) { .intro:not(:last-child) { margin-bottom: var(--space-medium); } } html.modal-active { overflow: hidden; } .modal { position: fixed; width: 100%; top: 0; bottom: 0; max-width: var(--body-width-max); margin: 0 auto; opacity: 0; visibility: hidden; z-index: -1; pointer-events: none; overflow: hidden; transition: opacity 0s var(--duration-leave), visibility 0s var(--duration-leave), z-index 0s var(--duration-leave); } .modal::before { content: ''; display: block; position: fixed; top: 0; bottom: 0; width: 100%; max-width: var(--body-width-max); margin: 0 auto; background-color: black; opacity: 0; transition: opacity var(--duration-leave) var(--easing-accelerate); } .modal[data-active='true'] { opacity: 1; visibility: visible; z-index: 300; pointer-events: auto; transition: opacity 0s 0s, visibility 0s 0s, z-index 0s 0s; } .modal[data-active='true']::before { opacity: 0.5; transition: opacity var(--duration-complex) var(--easing-decelerate); } .modal-scroll { z-index: 0; display: flex; position: fixed; top: 0; bottom: 0; width: 100%; max-width: var(--body-width-max); margin: 0 auto; text-align: center; overflow: auto; -webkit-overflow-scrolling: touch; transform: translate3d(0, 100%, 0); transition: opacity var(--duration-leave) var(--easing-accelerate), transform var(--duration-leave) var(--easing-accelerate); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .modal-scroll { display: block; } } .modal[data-active='true'] .modal-scroll { transform: translate3d(0, 0, 0); transition: opacity var(--duration-complex) var(--easing-decelerate), transform var(--duration-complex) var(--easing-decelerate); } .modal-wrapper { position: relative; width: 100%; min-height: 100%; max-width: var(--body-width-max); margin: auto; background-color: white; padding: var(--space-medium) 0; text-align: left; } .modal.shake .modal-wrapper { animation-name: shake-dialog; animation-duration: var(--duration-default); } .modal-accent .modal-wrapper { background-color: var(--color-accent); } .modal-invert .modal-wrapper { color: white; background-color: var(--color-charcoal); } .theme-lime .modal-theme .modal-wrapper { color: white; background-color: var(--color-lime); } .theme-green .modal-theme .modal-wrapper { color: white; background-color: var(--color-green); } .theme-teal .modal-theme .modal-wrapper { color: white; background-color: var(--color-teal); } .theme-blue .modal-theme .modal-wrapper { color: white; background-color: var(--color-blue); } .theme-royal-blue .modal-theme .modal-wrapper { color: white; background-color: var(--color-royal-blue); } .theme-indigo .modal-theme .modal-wrapper { color: white; background-color: var(--color-indigo); } .theme-purple .modal-theme .modal-wrapper { color: white; background-color: var(--color-purple); } .theme-plum .modal-theme .modal-wrapper { color: white; background-color: var(--color-plum); } .theme-rose .modal-theme .modal-wrapper { color: white; background-color: var(--color-rose); } .theme-orange .modal-theme .modal-wrapper { color: white; background-color: var(--color-orange); } .modal-close-button { position: absolute; top: var(--space-base); right: var(--space-base); width: 45px; height: 45px; border-radius: 50%; } .modal-close-button::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: var(--border-radius-large); background-color: var(--color-gray-05); opacity: 0.75; transition: opacity var(--duration-quick) var(--easing-sharp); } .modal-accent .modal-close-button::before { background-color: var(--color-accent); } .modal-invert .modal-close-button::before { background-color: var(--color-charcoal); } .theme-lime .modal-theme .modal-close-button::before { background-color: var(--color-lime); } .theme-green .modal-theme .modal-close-button::before { background-color: var(--color-green); } .theme-teal .modal-theme .modal-close-button::before { background-color: var(--color-teal); } .theme-blue .modal-theme .modal-close-button::before { background-color: var(--color-blue); } .theme-royal-blue .modal-theme .modal-close-button::before { background-color: var(--color-royal-blue); } .theme-indigo .modal-theme .modal-close-button::before { background-color: var(--color-indigo); } .theme-purple .modal-theme .modal-close-button::before { background-color: var(--color-purple); } .theme-plum .modal-theme .modal-close-button::before { background-color: var(--color-plum); } .theme-rose .modal-theme .modal-close-button::before { background-color: var(--color-rose); } .theme-orange .modal-theme .modal-close-button::before { background-color: var(--color-orange); } .modal-close-button::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iIzAwMCIvPgo8L3N2Zz4K') center center no-repeat; } .modal-invert .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-lime .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-green .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-teal .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-blue .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-royal-blue .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-indigo .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-purple .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-plum .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-rose .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-orange .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .modal-close-button:hover::before { opacity: 1; } .modal-close-button-outer { display: block; opacity: 0; z-index: 1; } .modal[data-active='true'] .modal-close-button-outer { opacity: 1; transition: opacity var(--duration-quick) var(--easing-sharp) var(--duration-complex); } .modal-close-button-inner { display: none; } @media (min-width: 717px) { .modal[data-size='extra-small'] .modal-close-button-outer { display: none; } .modal[data-size='extra-small'] .modal-close-button-inner { display: block; } .modal[data-size='extra-small'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='extra-small'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='extra-small'] .content { width: var(--container-width-base); } } @media (min-width: 717px) { .modal[data-size='small'] .modal-close-button-outer { display: none; } .modal[data-size='small'] .modal-close-button-inner { display: block; } .modal[data-size='small'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='small'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='small'] .content { width: var(--container-width-extra-small); } } @media (min-width: 1023px) { .modal[data-size='medium'] .modal-close-button-outer { display: none; } .modal[data-size='medium'] .modal-close-button-inner { display: block; } .modal[data-size='medium'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='medium'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='medium'] .content { width: var(--container-width-small); } } @media (min-width: 1240px) { .modal[data-size='large'] .modal-close-button-outer { display: none; } .modal[data-size='large'] .modal-close-button-inner { display: block; } .modal[data-size='large'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='large'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='large'] .content { width: var(--container-width-medium); } } @media (min-width: 1500px) { .modal[data-size='extra-large'] .modal-close-button-outer { display: none; } .modal[data-size='extra-large'] .modal-close-button-inner { display: block; } .modal[data-size='extra-large'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='extra-large'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='extra-large'] .content { width: var(--container-width-large); } } @keyframes shake-dialog { 0% { transform: translate3d(0, 0, 0); } 20% { transform: translate3d(-1%, 0, 0); } 40% { transform: translate3d(1%, 0, 0); } 60% { transform: translate3d(-1%, 0, 0); } 80% { transform: translate3d(1%, 0, 0); } 100% { transform: translate3d(0, 0, 0); } } .sticky-banner { position: fixed; width: 100%; max-width: var(--body-width-max); margin: 0 auto; z-index: 100; background-color: white; visibility: hidden; } .sticky-banner.bg-invert { background-color: var(--color-gray-80); } @media (min-width: 1023px) { .sticky-banner .button { padding: 5px 20px; min-height: auto; } } .show-time .sticky-banner.sticky-animate { transition: transform var(--duration-leave) var(--easing-accelerate), visibility 0s linear var(--duration-leave); } .sticky-banner.sticky-top { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } @media (min-width: 375px) { .sticky-banner.sticky-top-at-extra-small { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-extra-small { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } @media (min-width: 717px) { .sticky-banner.sticky-top-at-small { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-small { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } @media (min-width: 1023px) { .sticky-banner.sticky-top-at-medium { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-medium { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } @media (min-width: 1240px) { .sticky-banner.sticky-top-at-large { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-large { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } @media (min-width: 1500px) { .sticky-banner.sticky-top-at-extra-large { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-extra-large { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } .sticky-banner.sticky-active { transform: translate3d(0, 0, 0); } .sticky-banner.sticky-active.sticky-animate { visibility: visible; transition: transform var(--duration-enter) var(--easing-decelerate), visibility 0s linear 0s; } table { width: 100%; max-width: 100%; margin-bottom: 20px; border: 0 solid #d9d9d9; border-spacing: 0; border-collapse: collapse; background-color: white; text-align: left; vertical-align: top; } thead, tbody, tfoot, tr, th, td { border-color: inherit; border-style: inherit; text-align: inherit; vertical-align: inherit; } th, td { padding: 10px; border-width: 1px; background-color: transparent; transition: background-color 150ms; } @supports (mix-blend-mode: multiply) { th, td { mix-blend-mode: multiply; } } .table-border-cells th, .table-border-cells td { border-width: 1px; } .table-header-bg thead th, .table-header-bg thead td { background-color: var(--color-table-header-bg); } .table-border-rows th, .table-border-rows td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows thead th, .table-border-rows thead td, .table-border-rows tbody th, .table-border-rows tbody td { border-top-width: 0; } .table-border-rows tbody tr:last-child th, .table-border-rows tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols th, .table-border-cols td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols th:first-child, .table-border-cols td:first-child { border-left-width: 0; } .table-border-cols th:last-child, .table-border-cols td:last-child { border-right-width: 0; } .table-border-none th, .table-border-none td { border-width: 0; } .table-stripe-rows tbody tr:nth-child(odd) th, .table-stripe-rows tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows tbody tr:nth-child(even) th, .table-stripe-rows tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols tbody tr th:nth-child(odd), .table-stripe-cols tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols tbody tr th:nth-child(even), .table-stripe-cols tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base th, .table-pad-base td { padding: var(--space-base); } .table-pad-line th, .table-pad-line td { padding: var(--space-line); } .table-pad-small th, .table-pad-small td { padding: var(--space-small); } .table-pad-none th, .table-pad-none td { padding: var(--space-none); } @media (min-width: 375px) { .table-border-cells-at-extra-small th, .table-border-cells-at-extra-small td { border-width: 1px; } .table-header-bg-at-extra-small thead th, .table-header-bg-at-extra-small thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-extra-small th, .table-border-rows-at-extra-small td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-extra-small thead th, .table-border-rows-at-extra-small thead td, .table-border-rows-at-extra-small tbody th, .table-border-rows-at-extra-small tbody td { border-top-width: 0; } .table-border-rows-at-extra-small tbody tr:last-child th, .table-border-rows-at-extra-small tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-extra-small th, .table-border-cols-at-extra-small td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-extra-small th:first-child, .table-border-cols-at-extra-small td:first-child { border-left-width: 0; } .table-border-cols-at-extra-small th:last-child, .table-border-cols-at-extra-small td:last-child { border-right-width: 0; } .table-border-none-at-extra-small th, .table-border-none-at-extra-small td { border-width: 0; } .table-stripe-rows-at-extra-small tbody tr:nth-child(odd) th, .table-stripe-rows-at-extra-small tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-extra-small tbody tr:nth-child(even) th, .table-stripe-rows-at-extra-small tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-extra-small tbody tr th:nth-child(odd), .table-stripe-cols-at-extra-small tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-extra-small tbody tr th:nth-child(even), .table-stripe-cols-at-extra-small tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-extra-small th, .table-pad-base-at-extra-small td { padding: var(--space-base); } .table-pad-line-at-extra-small th, .table-pad-line-at-extra-small td { padding: var(--space-line); } .table-pad-small-at-extra-small th, .table-pad-small-at-extra-small td { padding: var(--space-small); } .table-pad-none-at-extra-small th, .table-pad-none-at-extra-small td { padding: var(--space-none); } } @media (min-width: 717px) { .table-border-cells-at-small th, .table-border-cells-at-small td { border-width: 1px; } .table-header-bg-at-small thead th, .table-header-bg-at-small thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-small th, .table-border-rows-at-small td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-small thead th, .table-border-rows-at-small thead td, .table-border-rows-at-small tbody th, .table-border-rows-at-small tbody td { border-top-width: 0; } .table-border-rows-at-small tbody tr:last-child th, .table-border-rows-at-small tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-small th, .table-border-cols-at-small td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-small th:first-child, .table-border-cols-at-small td:first-child { border-left-width: 0; } .table-border-cols-at-small th:last-child, .table-border-cols-at-small td:last-child { border-right-width: 0; } .table-border-none-at-small th, .table-border-none-at-small td { border-width: 0; } .table-stripe-rows-at-small tbody tr:nth-child(odd) th, .table-stripe-rows-at-small tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-small tbody tr:nth-child(even) th, .table-stripe-rows-at-small tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-small tbody tr th:nth-child(odd), .table-stripe-cols-at-small tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-small tbody tr th:nth-child(even), .table-stripe-cols-at-small tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-small th, .table-pad-base-at-small td { padding: var(--space-base); } .table-pad-line-at-small th, .table-pad-line-at-small td { padding: var(--space-line); } .table-pad-small-at-small th, .table-pad-small-at-small td { padding: var(--space-small); } .table-pad-none-at-small th, .table-pad-none-at-small td { padding: var(--space-none); } } @media (min-width: 1023px) { .table-border-cells-at-medium th, .table-border-cells-at-medium td { border-width: 1px; } .table-header-bg-at-medium thead th, .table-header-bg-at-medium thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-medium th, .table-border-rows-at-medium td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-medium thead th, .table-border-rows-at-medium thead td, .table-border-rows-at-medium tbody th, .table-border-rows-at-medium tbody td { border-top-width: 0; } .table-border-rows-at-medium tbody tr:last-child th, .table-border-rows-at-medium tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-medium th, .table-border-cols-at-medium td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-medium th:first-child, .table-border-cols-at-medium td:first-child { border-left-width: 0; } .table-border-cols-at-medium th:last-child, .table-border-cols-at-medium td:last-child { border-right-width: 0; } .table-border-none-at-medium th, .table-border-none-at-medium td { border-width: 0; } .table-stripe-rows-at-medium tbody tr:nth-child(odd) th, .table-stripe-rows-at-medium tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-medium tbody tr:nth-child(even) th, .table-stripe-rows-at-medium tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-medium tbody tr th:nth-child(odd), .table-stripe-cols-at-medium tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-medium tbody tr th:nth-child(even), .table-stripe-cols-at-medium tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-medium th, .table-pad-base-at-medium td { padding: var(--space-base); } .table-pad-line-at-medium th, .table-pad-line-at-medium td { padding: var(--space-line); } .table-pad-small-at-medium th, .table-pad-small-at-medium td { padding: var(--space-small); } .table-pad-none-at-medium th, .table-pad-none-at-medium td { padding: var(--space-none); } } @media (min-width: 1240px) { .table-border-cells-at-large th, .table-border-cells-at-large td { border-width: 1px; } .table-header-bg-at-large thead th, .table-header-bg-at-large thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-large th, .table-border-rows-at-large td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-large thead th, .table-border-rows-at-large thead td, .table-border-rows-at-large tbody th, .table-border-rows-at-large tbody td { border-top-width: 0; } .table-border-rows-at-large tbody tr:last-child th, .table-border-rows-at-large tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-large th, .table-border-cols-at-large td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-large th:first-child, .table-border-cols-at-large td:first-child { border-left-width: 0; } .table-border-cols-at-large th:last-child, .table-border-cols-at-large td:last-child { border-right-width: 0; } .table-border-none-at-large th, .table-border-none-at-large td { border-width: 0; } .table-stripe-rows-at-large tbody tr:nth-child(odd) th, .table-stripe-rows-at-large tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-large tbody tr:nth-child(even) th, .table-stripe-rows-at-large tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-large tbody tr th:nth-child(odd), .table-stripe-cols-at-large tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-large tbody tr th:nth-child(even), .table-stripe-cols-at-large tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-large th, .table-pad-base-at-large td { padding: var(--space-base); } .table-pad-line-at-large th, .table-pad-line-at-large td { padding: var(--space-line); } .table-pad-small-at-large th, .table-pad-small-at-large td { padding: var(--space-small); } .table-pad-none-at-large th, .table-pad-none-at-large td { padding: var(--space-none); } } @media (min-width: 1500px) { .table-border-cells-at-extra-large th, .table-border-cells-at-extra-large td { border-width: 1px; } .table-header-bg-at-extra-large thead th, .table-header-bg-at-extra-large thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-extra-large th, .table-border-rows-at-extra-large td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-extra-large thead th, .table-border-rows-at-extra-large thead td, .table-border-rows-at-extra-large tbody th, .table-border-rows-at-extra-large tbody td { border-top-width: 0; } .table-border-rows-at-extra-large tbody tr:last-child th, .table-border-rows-at-extra-large tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-extra-large th, .table-border-cols-at-extra-large td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-extra-large th:first-child, .table-border-cols-at-extra-large td:first-child { border-left-width: 0; } .table-border-cols-at-extra-large th:last-child, .table-border-cols-at-extra-large td:last-child { border-right-width: 0; } .table-border-none-at-extra-large th, .table-border-none-at-extra-large td { border-width: 0; } .table-stripe-rows-at-extra-large tbody tr:nth-child(odd) th, .table-stripe-rows-at-extra-large tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-extra-large tbody tr:nth-child(even) th, .table-stripe-rows-at-extra-large tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-extra-large tbody tr th:nth-child(odd), .table-stripe-cols-at-extra-large tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-extra-large tbody tr th:nth-child(even), .table-stripe-cols-at-extra-large tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-extra-large th, .table-pad-base-at-extra-large td { padding: var(--space-base); } .table-pad-line-at-extra-large th, .table-pad-line-at-extra-large td { padding: var(--space-line); } .table-pad-small-at-extra-large th, .table-pad-small-at-extra-large td { padding: var(--space-small); } .table-pad-none-at-extra-large th, .table-pad-none-at-extra-large td { padding: var(--space-none); } } .table-scrollable { position: relative; overflow: auto; -webkit-overflow-scrolling: auto; width: 100%; margin-bottom: 20px; background-color: white; } @supports (mix-blend-mode: multiply) { .table-scrollable { background-repeat: no-repeat; background-attachment: local, local, local, local, scroll, scroll; background-position: left center, right center, top center, right bottom, left center, right center; background-image: linear-gradient(to right, white 1em, rgba(255, 255, 255, 0) 2em), linear-gradient(to left, white 1em, rgba(255, 255, 255, 0) 2em), linear-gradient(to bottom, white, rgba(255, 255, 255, 0) 2em), linear-gradient(to top, white, rgba(255, 255, 255, 0) 2em), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 1em), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 1em); } } .table-scrollable table { margin-bottom: 0; background-color: transparent; } .table-scrollable th, .table-scrollable td { min-width: 8em; } .apropos-fluid img { width: 100%; max-width: none; } @media (min-width: 1023px) { .bg-apropos { display: grid !important; align-items: stretch !important; align-content: stretch !important; justify-content: center; min-height: auto; } .bg-apropos > * { grid-column: 1 / -1; grid-row: 1 / -1; } .bg-apropos .image { position: relative; } .bg-apropos picture { position: relative !important; } .bg-apropos .apropos img { transform: none; top: 0; left: 0; width: MIN(100vw, var(--body-width-max)); } } .bg-apropos.hidden { display: none !important; } @media (max-width: 1022px) { html.has-editing-toolbar .sticky-bottom { top: auto; } } .multi-column-grid .picture, .two-column-outer-grid .picture { height: auto; } .multi-column-grid .picture picture, .two-column-outer-grid .picture picture { overflow: hidden; } .multi-column-grid .picture picture img, .two-column-outer-grid .picture picture img { width: 100%; max-width: 100%; height: auto; left: auto; transform: none; } .carousel .picture, .carousel .picture img { height: auto; } .carousel[data-until-breakpoint] img[data-srcset][srcset]:not(.loaded) { opacity: 1; } body { --viewport-width-without-scrollbars: calc(100vw - (var(--scrollbar-width, 0) * 1px)); --content-margin: calc((max(var(--viewport-width-without-scrollbars), var(--body-width-min)) - var(--container-width-base) / 2)); } @media (min-width: 375px) { body { --content-margin: calc((var(--viewport-width-without-scrollbars) - var(--container-width-extra-small)) / 2); } } @media (min-width: 717px) { body { --content-margin: calc((var(--viewport-width-without-scrollbars) - var(--container-width-small)) / 2); } } @media (min-width: 1023px) { body { --content-margin: calc((var(--viewport-width-without-scrollbars) - var(--container-width-medium)) / 2); } } @media (min-width: 1240px) { body { --content-margin: calc((var(--viewport-width-without-scrollbars) - var(--container-width-large)) / 2); } } @media (min-width: 1500px) { body { --content-margin: calc((min(var(--viewport-width-without-scrollbars), var(--body-width-max)) - var(--container-width-extra-large)) / 2); } } .PublicWebNav nav.DesktopNav[role="navigation"], .PublicWebNav .CtaSubnav nav.CtaSubnavDesktopNav .header, .sticky-banner { --nav-full-width: min(100vw, var(--body-width-max)); } @media (min-width: 1680px) { .PublicWebNav nav.DesktopNav[role="navigation"], .PublicWebNav .CtaSubnav nav.CtaSubnavDesktopNav .header, .sticky-banner { padding-left: calc((var(--nav-full-width) - var(--old-body-width-max)) / 2); padding-right: calc((var(--nav-full-width) - var(--old-body-width-max)) / 2); } } @media (min-width: 1680px) { .PublicWebNav .CtaSubnav nav.CtaSubnavDesktopNav .header { padding-left: calc((var(--nav-full-width) + var(--space-line) - var(--old-body-width-max)) / 2); } } @media (max-width: 1022px) { [data-lead-form] .single-field-form-input { padding-left: 0; padding-right: 0; } } @media (min-width: 1023px) { [data-lead-form] .single-field-form-input { padding-left: 0; } } @media (max-width: 1022px) { [data-lead-form] .single-field-form-button { padding-left: 0; padding-right: 0; } } @media (min-width: 1023px) { [data-lead-form] .single-field-form-button { padding-right: 0; } } .auto-layout-border > .auto-layout > .content, .auto-layout-collapse > .auto-layout > .content { padding: var(--space-medium) 0; } @media (min-width: 718px) { .auto-layout-border > .auto-layout > .content, .auto-layout-collapse > .auto-layout > .content { padding: var(--space-medium) 0; } } @media (min-width: 1023px) { .auto-layout-border > .auto-layout > .content, .auto-layout-collapse > .auto-layout > .content { padding: var(--space-large) 0; } } .type-display .auto-layout-border > .auto-layout > .content, .type-display .auto-layout-collapse > .auto-layout > .content { padding: var(--space-large) 0; } @media (min-width: 718px) { .type-display .auto-layout-border > .auto-layout > .content, .type-display .auto-layout-collapse > .auto-layout > .content { padding: var(--space-large) 0; } } @media (min-width: 1023px) { .type-display .auto-layout-border > .auto-layout > .content, .type-display .auto-layout-collapse > .auto-layout > .content { padding: var(--space-xl) 0; } } /* do not edit; file hosted in public-web-customizations. Contains EDI custom grid fixes for custom components DRI: adoshi@ BUNDLE=home-page-2021-q1 */ @media (max-width: 1022px) { .main-content .sq-custom-two-column-responsive-apropos-bg { flex-wrap: wrap; min-height: auto !important; } .main-content .sq-custom-two-column-responsive-apropos-bg .image { position: relative; width: 100%; padding-right: var(--space-small); padding-left: var(--space-small); } .main-content .sq-custom-two-column-responsive-apropos-bg .image .picture { height: auto !important; } .main-content .sq-custom-two-column-responsive-apropos-bg .image .apropos { position: relative; } .main-content .sq-custom-two-column-responsive-apropos-bg .image .apropos img { top: 0; left: 0; min-height: 1px; min-width: 1px; max-width: 100%; margin-top: var(--space-small); transform: none; } .main-content .sq-custom-two-column-responsive-apropos-bg .content.pad-bottom-large { padding-bottom: var(--space-large) !important; } .main-content .sq-custom-two-column-responsive-apropos-bg--valign-bottom-until-medium > .image { order: 1; } } @media (min-width: 718px) { .main-content .sq-custom-two-column-responsive-apropos-bg { margin-top: 0px; } } .sq-custom-section-two-column-hover-carousel .two-column-hover-carousel { grid-template-columns: 1fr 1fr !important; } .sq-custom-section-two-column-hover-carousel .hover-carousel-column-right .hover-carousel-images-container { --two-column-hover-carousel-image-border-radius: var(--container-border-radius); clip-path: inset(0 0 0 0 round var(--two-column-hover-carousel-image-border-radius) 0 0 var(--two-column-hover-carousel-image-border-radius)); } @media (min-width: 2030px) { .sq-custom-section-two-column-hover-carousel .hover-carousel-column-right .hover-carousel-images-container { max-width: calc((var(--content-width-max) - var(--space-small)) / 2); clip-path: inset(0 0 0 0 round var(--two-column-hover-carousel-image-border-radius)); } } .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-base); line-height: var(--line-height-hero-base); letter-spacing: var(--letter-spacing-hero-base); } @media (min-width: 718px) { .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-base); line-height: var(--line-height-hero-base); letter-spacing: var(--letter-spacing-hero-base); } } @media (min-width: 1023px) { .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-medium); line-height: var(--line-height-hero-medium); letter-spacing: var(--letter-spacing-hero-medium); } } .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-base); line-height: var(--line-height-display-hero-base); letter-spacing: var(--letter-spacing-display-hero-base); } @media (min-width: 718px) { .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-base); line-height: var(--line-height-display-hero-base); letter-spacing: var(--letter-spacing-display-hero-base); } } @media (min-width: 1023px) { .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-medium); line-height: var(--line-height-display-hero-medium); letter-spacing: var(--letter-spacing-display-hero-medium); font-weight: var(--font-weight-display-hero-medium); } } .sq-custom-img-border-radius, .sq-custom-grid-column-gray-rounded, .section-hotspot-image { --border-radius: var(--container-border-radius); } .sq-custom-grid-column-gray-rounded .multi-column-grid > .column > *, .section-hotspot-image .hotspot-tile { border-radius: var(--border-radius); } .sq-custom-section-rounded-corners { --custom-section-border-radius: 0; margin: 0; } @media (min-width: 838px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: 0; margin: 0; } } @media (min-width: 1083px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: var(--container-border-radius); margin: 0 calc(var(--space-small)); } } @media (min-width: 1240px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: 0; margin: 0; } } @media (min-width: 1300px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: var(--container-border-radius); margin: 0 calc(var(--space-small)); } } @media (min-width: 1500px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: 0; margin: 0; } } @media (min-width: 1560px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: var(--container-border-radius); margin: 0 calc(var(--space-small)); } } /* do not edit; file hosted in public-web-customizations. Contains EDI custom grid fixes for home page components DRI: adoshi@ BUNDLE=home-page-2021-q1 */ .sq-custom-section-hardware-grid .multi-column-grid > .column > div { padding: var(--space-small) 0; } .sq-custom-section-hardware-grid .multi-column-grid > .column > div > .grid > .column:nth-child(2) > * { padding: 0 var(--space-small); } .sq-custom-section-hardware-grid .carousel:not([data-carousel-enabled="false"]) .carousel-slide img { width: 100%; } @media (min-width: 1500px) { .sq-custom-2022-q1-hero-image-grid img { width: calc(100% + var(--space-medium)); left: 50%; transform: translateX(-50%); } } @media (min-width: 2030px) { .sq-custom-2022-q1-hero-image-grid img { width: 100%; max-width: var(--content-width-max); } } .sq-custom-section-multi-column-capabilities-cards { --border-radius: var(--container-border-radius); } .sq-custom-section-scroll-animation-video-hotspots { --custom-top-clip-path: inset(0px var(--space-small) 0px var(--space-small) round var(--container-border-radius) var(--container-border-radius) 0 0) !important; --custom-bottom-clip-path: inset(0px var(--space-small) 0px var(--space-small) round 0 0 var(--container-border-radius) var(--container-border-radius)) !important; } @media (min-width: 1023px) { .sq-custom-edi-grid-limit-intro-width .intro { max-width: 72.5%; } } @media (min-width: 1240px) { .sq-custom-pricing-features-alt { --section-pricing-features-content-padding: 0; } } .type-display .sq-custom-fluid-hero.hidden, .sq-custom-fluid-hero.hidden { display: none !important; } @media (min-width: 718px) { .sq-custom-section-toolbox-carousel .carousel { margin-left: revert; } .sq-custom-section-toolbox-carousel .carousel .multi-column-grid { left: revert; } } @media (max-width: 717px) { .sq-custom-section-toolbox-carousel .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-nav { display: revert; padding: revert; } } @media (min-width: 1023px) { .sq-custom-section-toolbox-carousel .carousel { margin-left: calc(-1 * var(--space-base) / 2); } .sq-custom-section-toolbox-carousel .carousel .multi-column-grid { left: -25%; } } @media (max-width: 716px) { .sq-custom-section-toolbox-carousel .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-nav { display: flex; flex-wrap: nowrap; justify-content: space-between; padding: var(--space-base); } } .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-base); line-height: var(--line-height-hero-base); letter-spacing: var(--letter-spacing-hero-base); margin-top: 0; } .sq-custom-h1-to-hero-h1 .h1:not(:last-child) { margin-bottom: var(--line-height-base); } @media (min-width: 718px) { .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-medium); line-height: var(--line-height-hero-medium); letter-spacing: var(--letter-spacing-hero-medium); } } .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-base); line-height: var(--line-height-display-hero-base); letter-spacing: var(--letter-spacing-display-hero-base); } @media (min-width: 718px) { .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-medium); line-height: var(--line-height-display-hero-medium); letter-spacing: var(--letter-spacing-display-hero-medium); font-weight: var(--font-weight-display-hero-medium); } } /* BUNDLE=hp-fluid-hero-2022 */ .DesktopNav, .MobileNav { border-bottom-width: 0 !important; } .type-display .sq-custom-fluid-hero, .sq-custom-fluid-hero { --hero-medium-space: 40px; --h1-small: 48px; --h1-medium: 86px; --h1-line-height-medium: 83px; --gather-mask-timing: 0.66s; --gather-mask-easing: cubic-bezier(0.83, 0, 0.17, 1); min-height: auto !important; max-width: 1800px; } .type-display .sq-custom-fluid-hero.sq-custom-bottom-link-as-text-only .content .content-wrapper > .grid > .column:last-child a, .sq-custom-fluid-hero.sq-custom-bottom-link-as-text-only .content .content-wrapper > .grid > .column:last-child a { display: none; } .type-display .sq-custom-fluid-hero.sq-custom-third-link-as-kramdown-only .content .content-wrapper > .grid > .column:last-child > div > a.display-inline-block, .sq-custom-fluid-hero.sq-custom-third-link-as-kramdown-only .content .content-wrapper > .grid > .column:last-child > div > a.display-inline-block { display: none !important; } .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child { flex-basis: 100%; padding-left: 0; margin-top: var(--space-line); } .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .display-inline-block, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .display-inline-block { display: flex !important; flex-direction: column; padding-left: calc(var(--space-line) / 2); font-family: var(--font-family-display); font-size: var(--font-size-display-base); line-height: var(--line-height-display-base); } .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .display-inline-block a, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .display-inline-block a { order: 1; } .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .video-player-link, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .video-player-link { padding-left: 0; } .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .video-player-link .grid-flex .no-shrink, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .video-player-link .grid-flex .no-shrink { order: 1; padding: 0; line-height: var(--font-size-base); } .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .link-video-body-small, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .link-video-body-small { padding-left: 0; margin-right: calc(var(--space-base) / 2); margin-bottom: calc(var(--space-base) / 2); } .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .link-video-body-small p, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .link-video-body-small p { margin-right: 0; } @media (min-width: 717px) { .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child { padding-bottom: 0; margin-top: 0; } .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .display-inline-block, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .display-inline-block { align-items: flex-start; } } @media (min-width: 1023px) { .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .display-inline-block, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .display-inline-block { flex-wrap: wrap; flex-direction: row; } } @media (min-width: 1240px) { .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child { margin-top: var(--space-line); display: flex; align-items: flex-end; } } .type-display .sq-custom-fluid-hero.hero h1:not(:last-child), .sq-custom-fluid-hero.hero h1:not(:last-child) { font-size: var(--font-size-display-hero-base); line-height: var(--line-height-display-hero-base); margin-bottom: 16px; } .type-display .sq-custom-fluid-hero p.font-size-large, .sq-custom-fluid-hero p.font-size-large { margin-top: 0; margin-bottom: var; font-family: var(--font-family-display); font-size: var(--font-size-display-base); line-height: var(--line-height-display-base); } .type-display .sq-custom-fluid-hero p.font-size-large br[data-owner='balance-text'], .sq-custom-fluid-hero p.font-size-large br[data-owner='balance-text'] { content: ''; } .type-display .sq-custom-fluid-hero p.font-size-large br[data-owner='balance-text']:after, .sq-custom-fluid-hero p.font-size-large br[data-owner='balance-text']:after { content: ' '; } .type-display .sq-custom-fluid-hero .image, .sq-custom-fluid-hero .image { display: none; } .type-display .sq-custom-fluid-hero .content, .sq-custom-fluid-hero .content { padding-top: var(--space-small); padding-bottom: var(--space-medium); position: relative; } .type-display .sq-custom-fluid-hero .content .content-wrapper, .sq-custom-fluid-hero .content .content-wrapper { max-width: none; } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid, .sq-custom-fluid-hero .content .content-wrapper > .grid { flex-direction: column; } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid > .column:first-child, .sq-custom-fluid-hero .content .content-wrapper > .grid > .column:first-child { margin-bottom: var(--space-base) !important; } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid > .column .display-inline-block, .sq-custom-fluid-hero .content .content-wrapper > .grid > .column .display-inline-block { display: block !important; } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid > .column a, .sq-custom-fluid-hero .content .content-wrapper > .grid > .column a { display: block; } .type-display .sq-custom-fluid-hero .content .content-wrapper .video-player-link:hover .icon-play, .sq-custom-fluid-hero .content .content-wrapper .video-player-link:hover .icon-play { background-color: var(--color-royal-blue); } .type-display .sq-custom-fluid-hero .content .content-wrapper .video-player-link:hover .icon-play:before, .sq-custom-fluid-hero .content .content-wrapper .video-player-link:hover .icon-play:before { border-left-color: white; } .type-display .sq-custom-fluid-hero .content .content-wrapper .icon-play, .sq-custom-fluid-hero .content .content-wrapper .icon-play { border: 2px solid var(--color-royal-blue); background: white; box-sizing: border-box; width: var(--font-size-base); height: var(--font-size-base); } .type-display .sq-custom-fluid-hero .content .content-wrapper .icon-play:before, .sq-custom-fluid-hero .content .content-wrapper .icon-play:before { border-left-color: var(--color-royal-blue); border-left-width: 4px; border-top-width: 3px; border-bottom-width: 3px; } @media (min-width: 717px) { .type-display .sq-custom-fluid-hero.hero h1:not(:last-child), .sq-custom-fluid-hero.hero h1:not(:last-child) { margin-bottom: calc(var(--space-small) - 6px); } .type-display .sq-custom-fluid-hero p.font-size-large, .sq-custom-fluid-hero p.font-size-large { margin-bottom: var(--space-small); } .type-display .sq-custom-fluid-hero .content, .sq-custom-fluid-hero .content { padding-top: var(--space-medium); max-width: none; } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid, .sq-custom-fluid-hero .content .content-wrapper > .grid { flex-direction: row; } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid > .column, .sq-custom-fluid-hero .content .content-wrapper > .grid > .column { width: auto; padding-bottom: calc(var(--space-small) - var(--space-line)); } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid > .column:first-child, .sq-custom-fluid-hero .content .content-wrapper > .grid > .column:first-child { padding-right: 14px; margin-bottom: var(--space-line) !important; } } @media (min-width: 1023px) { .type-display .sq-custom-fluid-hero .content, .sq-custom-fluid-hero .content { padding-top: var(--space-large); } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid > .column, .sq-custom-fluid-hero .content .content-wrapper > .grid > .column { padding-bottom: 10px; } .type-display .sq-custom-fluid-hero.hero h1:not(:last-child), .sq-custom-fluid-hero.hero h1:not(:last-child) { font-size: var(--h1-medium); line-height: var(--h1-line-height-medium); margin-bottom: 20px; letter-spacing: -1px; } .type-display .sq-custom-fluid-hero p.font-size-large, .sq-custom-fluid-hero p.font-size-large { margin: 0 0 var(--space-small); } } @media (min-width: 1240px) { .type-display .sq-custom-fluid-hero, .sq-custom-fluid-hero { display: flex !important; flex-direction: row-reverse; padding-bottom: 0; margin: 0 auto; } .type-display .sq-custom-fluid-hero .content, .sq-custom-fluid-hero .content { width: 50%; padding: var(--space-large) var(--space-large) 0 calc((100% - var(--container-width-large)) / 2); } .type-display .sq-custom-fluid-hero .content .content-wrapper, .sq-custom-fluid-hero .content .content-wrapper { display: flex; flex-direction: column; height: 100%; } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid, .sq-custom-fluid-hero .content .content-wrapper > .grid { position: relative; height: 100%; } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid > .column, .sq-custom-fluid-hero .content .content-wrapper > .grid > .column { padding-bottom: 0px; } .type-display .sq-custom-fluid-hero.hero h1:not(:last-child), .sq-custom-fluid-hero.hero h1:not(:last-child) { margin-bottom: var(--space-small); max-width: 500px; } .type-display .sq-custom-fluid-hero.hero h1:not(:last-child) br, .sq-custom-fluid-hero.hero h1:not(:last-child) br { display: none; } .type-display .sq-custom-fluid-hero p.font-size-large, .sq-custom-fluid-hero p.font-size-large { margin: 0 0 var(--hero-medium-space); max-width: 590px; } .type-display .sq-custom-fluid-hero .image, .sq-custom-fluid-hero .image { display: block; position: relative; margin: 0; width: 50%; align-self: flex-start; overflow: hidden; } .type-display .sq-custom-fluid-hero .image .hero-slide, .sq-custom-fluid-hero .image .hero-slide { transition: none !important; opacity: 1 !important; overflow: visible; padding-top: var(--space-large); height: auto; } .type-display .sq-custom-fluid-hero .image .hero-slide .picture, .sq-custom-fluid-hero .image .hero-slide .picture { opacity: 0; } .type-display .sq-custom-fluid-hero .image .hero-slide .picture.ready-to-slide, .sq-custom-fluid-hero .image .hero-slide .picture.ready-to-slide { transform: translateY(107%); opacity: 1; } .type-display .sq-custom-fluid-hero .image .hero-slide .picture.slide-in, .sq-custom-fluid-hero .image .hero-slide .picture.slide-in { transform: translateY(0%); opacity: 1; } .type-display .sq-custom-fluid-hero .image .hero-slide .picture.slide-out, .sq-custom-fluid-hero .image .hero-slide .picture.slide-out { transform: translateY(-150%); opacity: 1; } .type-display .sq-custom-fluid-hero .image .hero-slide .picture.allow-transition, .sq-custom-fluid-hero .image .hero-slide .picture.allow-transition { transition: transform var(--gather-mask-timing) var(--gather-mask-easing); } .type-display .sq-custom-fluid-hero .image .apropos-fluid, .sq-custom-fluid-hero .image .apropos-fluid { position: static; border-radius: var(--container-border-radius) 0 0 var(--container-border-radius); } .type-display .sq-custom-fluid-hero .image .apropos-fluid img, .sq-custom-fluid-hero .image .apropos-fluid img { position: static; width: 100%; height: auto; min-width: none; min-height: none; transform: none; } } @media (min-width: 1500px) { .type-display .sq-custom-fluid-hero .content, .sq-custom-fluid-hero .content { padding-left: var(--space-large); } .type-display .sq-custom-fluid-hero .image, .sq-custom-fluid-hero .image { width: 50%; margin: 0; } .type-display .sq-custom-fluid-hero .image picture, .sq-custom-fluid-hero .image picture { aspect-ratio: auto; } } @media (min-width: 1800px) { .type-display .sq-custom-fluid-hero .image, .sq-custom-fluid-hero .image { display: block; position: relative; margin: 0; margin-right: var(--space-large); width: 50%; } .type-display .sq-custom-fluid-hero .image .apropos-fluid, .sq-custom-fluid-hero .image .apropos-fluid { border-radius: var(--space-small); } .type-display .sq-custom-fluid-hero .image picture, .type-display .sq-custom-fluid-hero .image .picture, .sq-custom-fluid-hero .image picture, .sq-custom-fluid-hero .image .picture { height: 100%; } } @media (min-aspect-ratio: 45/23) { .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid, .sq-custom-fluid-hero .content .content-wrapper > .grid { height: auto; } } .type-display .sq-custom-fluid-hero.sq-custom-unpin-bottom-link .content .content-wrapper > .grid, .sq-custom-fluid-hero.sq-custom-unpin-bottom-link .content .content-wrapper > .grid { height: auto; } .sq-custom-fluid-hero-carousel > .content { padding-top: 0 !important; padding-bottom: 0 !important; } .sq-custom-fluid-hero-carousel .apropos { border-radius: var(--container-border-radius); } @media (min-width: 1240px) { .sq-custom-fluid-hero-carousel { display: none; } } /* do not edit; file hosted in public-web-customizations. Styles the resources section on the home page (2022 Q2) DRI: adoshi@ BUNDLE=home-page-2021-q1 BUNDLE=wip */ .sq-custom-hp-section-resource-links .multi-column-grid { --custom-grid-space: var(--space-small); --custom-grid-column-width-at-medium: calc(50% - var(--custom-grid-space) / 2); --custom-grid-column-margin-at-medium: calc(var(--custom-grid-space) / 2); --custom-grid-border: 1px solid var(--color-border); margin: 0; align-items: stretch !important; } .sq-custom-hp-section-resource-links .multi-column-grid a { vertical-align: text-bottom; } .sq-custom-hp-section-resource-links .multi-column-grid > .column { padding: 0; margin: 0 !important; border-top: var(--custom-grid-border); } .sq-custom-hp-section-resource-links .multi-column-grid > .column:last-child { border-bottom: var(--custom-grid-border); } @media (min-width: 1023px) { .sq-custom-hp-section-resource-links .multi-column-grid > .column:nth-last-child(-n+2) { border-bottom: var(--custom-grid-border); } } .sq-custom-hp-section-resource-links .multi-column-grid.grid-space-small > .column { padding-top: var(--custom-grid-space); padding-bottom: var(--custom-grid-space); } @media (min-width: 1023px) { .sq-custom-hp-section-resource-links .multi-column-grid.grid-space-small > .column { width: var(--custom-grid-column-width-at-medium); } } @media (min-width: 1023px) { .sq-custom-hp-section-resource-links .multi-column-grid.grid-space-small > .column:nth-child(2n+1) { margin-right: var(--custom-grid-column-margin-at-medium) !important; } .sq-custom-hp-section-resource-links .multi-column-grid.grid-space-small > .column:nth-child(2n) { margin-left: var(--custom-grid-column-margin-at-medium) !important; } } /* do not edit; file hosted in public-web-customizations. DRI: adoshi@ BUNDLE=home-page-2021-q1 BUNDLE=wip */ .sq-custom-lead-form-to-multi-column-target .sq-custom-lead-form-to-multi-column-source .content { width: auto; max-width: none !important; } .sq-custom-spaced-stacked-cards > .content > .multi-column-grid > .column { margin-bottom: var(--space-medium) !important; } @media (min-width: 1024px) { .sq-custom-spaced-stacked-cards > .content > .multi-column-grid > .column { margin-bottom: var(--space-small) !important; } } /* Snippet to add new typography helpers missing from PWS DRI: adoshi@ */ .sq-custom-normalspaced { text-transform: none; letter-spacing: normal; } .sq-custom-overlapping-carousel { --border-radius: 24px; } .sq-custom-overlapping-carousel .carousel .carousel-slide { align-self: flex-start; } @media (min-width: 1024px) { .sq-custom-overlapping-carousel .carousel .carousel-slide { padding-right: var(--space-small); padding-left: var(--space-small); } .sq-custom-overlapping-carousel .carousel .carousel-slide .grid { position: relative; } .sq-custom-overlapping-carousel .carousel .carousel-slide .grid .column:first-child { padding: 0; margin-bottom: 0 !important; } .sq-custom-overlapping-carousel .carousel .carousel-slide .grid .column:last-child { position: absolute; right: 0; width: 50%; padding: var(--space-line); height: 100%; display: flex; align-items: stretch; margin: 0; margin-bottom: 0 !important; } .sq-custom-overlapping-carousel .carousel .carousel-slide .grid .column:last-child .headings-compact { background: white; border-radius: 24px; padding: var(--space-small); display: flex; flex-direction: column; justify-content: space-between; } .sq-custom-overlapping-carousel .carousel .carousel-slide .grid .column:last-child .headings-compact h3 { font-size: var(--font-size-display-h3-base); line-height: var(--line-height-display-h3-base); } } .sq-custom-single-item-carousel-quote .carousel .grid { cursor: default; transform: none !important; } .sq-custom-single-item-carousel-quote .carousel h3 { line-height: 34px !important; } @media all and (min-width: 1024px) { .sq-custom-single-item-carousel-quote .carousel > .grid > .column > div .grid { margin: 0 calc(var(--space-small) / -2); } .sq-custom-single-item-carousel-quote .carousel > .grid > .column > div .grid > .column:last-child { padding-left: var(--space-medium); } } .trustpilot-rating { text-decoration: none; } .trustpilot-rating a { text-decoration: none; display: inline-flex; flex-wrap: wrap; align-items: center; gap: 14px; } .trustpilot-rating .trustpilot-logo { height: 28px; } .trustpilot-rating .trustpilot-stars { height: 30px; position: relative; top: 2px; } .trustpilot-rating .trustpilot-score { height: 26px; position: relative; top: 2px; } .sq-custom-trustpilot-target .content .intro { margin-bottom: 0; } .promo-pill, .inline-promo-pill { width: fit-content; padding: 8px 13px; border: 1px solid var(--color-blue); border-radius: 45px; } .promo-pill--highlight, .inline-promo-pill--highlight { --color-highlighter-yellow: #edff80; font-weight: var(--font-weight-medium); color: var(--color-text) !important; background-color: var(--color-highlighter-yellow) !important; border-color: var(--color-highlighter-yellow) !important; } .promo-pill { position: absolute; bottom: var(--space-line); left: var(--space-line); z-index: 1; margin-top: 0 !important; margin-bottom: 0 !important; line-height: 1; color: var(--color-blue); } .inline-promo-pill { line-height: 1 !important; } .inline-promo-pill del { opacity: 0.55; } .inline-promo-code { display: inline-block; font-weight: var(--font-weight-medium); font-size: 74%; letter-spacing: 0.5px; } .inline-promo-code--highlight { --color-highlighter-yellow: #edff80; color: var(--color-highlighter-yellow); } .sq-custom-boldcode .headings-compact strong { font-weight: 700; } .promo-sticker { position: absolute; z-index: 2; top: 15px; left: 15px; background: #000; color: #fff; border-radius: 50%; width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; text-align: center; text-transform: uppercase; font-size: 15px; font-style: normal; font-weight: 500; line-height: 16px; letter-spacing: -0.3px; } .promo-sticker.promo-sticker-bottom { top: auto; bottom: 15px; } .promo-sticker.promo-sticker-relative { top: 0; left: 0; position: relative; } .promo-sticker.promo-sticker-relative + h2 { margin-top: var(--space-line); } .promo-sticker.promo-sticker-inline { position: relative; float: left; margin-right: var(--space-small); } @media (max-width: 1023px) { .promo-sticker.promo-sticker-inline { margin-bottom: 25px; } } .margin-top-none { margin-top: 0 !important; } /* BUNDLE=home-page-s3-module */ /* BUNDLE=home-page-2021-q1 */ .sq-custom-section-scroll-animation-video-hotspots .scroll-scene--adjustment { display: grid; grid-template-columns: 100%; grid-template-rows: 100%; } .sq-custom-section-scroll-animation-video-hotspots .scroll-scene--adjustment .scroll-item { grid-column: 1 / -1; grid-row: 1 / -1; } .sq-custom-section-scroll-animation-video-hotspots--section-hotspots-container { opacity: 0; pointer-events: none; transition: opacity var(--duration-quick) var(--easing-sharp); } .sq-custom-section-scroll-animation-video-hotspots--section-hotspots-container .sq-custom-section-scroll-animation-video-hotspots--section-hotspots { background-color: transparent !important; } .sq-custom-section-scroll-animation-video-hotspots--section-hotspots-container img { visibility: hidden; } .sq-custom-section-scroll-animation-video-hotspots--section-hotspots-container.sq-custom--visible { opacity: 1; pointer-events: auto; transition: opacity var(--duration-default) var(--easing-accelerate); } .sq-custom-section-scroll-animation-video-hotspots--section-hotspots-container img.sq-custom--visible { visibility: visible; } /* BUNDLE=home-page-s3-module */ /* BUNDLE=home-page-2021-q1 */ .sq-custom-section-scroll-animation-video-hotspots { --custom-background-color: var(--color-gray-05); --custom-horizontal-clip-path: inset(0px var(--space-small) 0px var(--space-small) round 0px); --custom-top-clip-path: inset(0px var(--space-small) 0px var(--space-small) round var(--space-small) var(--space-small) 0 0); --custom-bottom-clip-path: inset(0px var(--space-small) 0px var(--space-small) round 0 0 var(--space-small) var(--space-small)); } .sq-custom-section-scroll-animation-video-hotspots .scroll-scene .scroll-scene--adjustment { margin-top: -1px; margin-bottom: -1px; } .sq-custom-section-scroll-animation-video-hotspots .scroll-scene::before, .sq-custom-section-scroll-animation-video-hotspots .scroll-scene::after { content: ''; display: block; width: 100%; background-color: var(--custom-background-color); z-index: 10; } .sq-custom-section-scroll-animation-video-hotspots .scroll-scene::before { height: var(--space-large); } @media (min-width: 480px) { .sq-custom-section-scroll-animation-video-hotspots .scroll-scene::before { height: var(--space-xl); } } @media (min-width: 718px) { .sq-custom-section-scroll-animation-video-hotspots .scroll-scene::before { height: var(--space-small); clip-path: var(--custom-top-clip-path); } } .sq-custom-section-scroll-animation-video-hotspots .scroll-scene::after { height: var(--space-large); } @media (min-width: 480px) { .sq-custom-section-scroll-animation-video-hotspots .scroll-scene::after { height: var(--space-xl); } } @media (min-width: 718px) { .sq-custom-section-scroll-animation-video-hotspots .scroll-scene::after { height: var(--space-small); clip-path: var(--custom-bottom-clip-path); } } @media (max-width: 717px) { .sq-custom-section-scroll-animation-video-hotspots .scroll-scene--adjustment { transform-origin: center center; transform: scale(1.5); } } @media (min-width: 718px) { .sq-custom-section-scroll-animation-video-hotspots--section-video-container video { clip-path: var(--custom-horizontal-clip-path); } } .sq-custom-section-scroll-animation-video-hotspots--section-hotspots-container img { background-color: var(--custom-background-color); } @media (min-width: 718px) { .sq-custom-section-scroll-animation-video-hotspots--section-hotspots-container img { clip-path: var(--custom-horizontal-clip-path); } } </style><style nonce="yi9wNlxHKWAr3/VjY0oNTG47Eq7BOkBrPCbJ3AhuoYI=">section[data-entry-id="54kG5cr2TQN5SnmMoJCSRX"] { min-height: 302px; } @media (min-width: 374px) { section[data-entry-id="54kG5cr2TQN5SnmMoJCSRX"] { min-height: 388px; } } @media (min-width: 480px) { section[data-entry-id="54kG5cr2TQN5SnmMoJCSRX"] { min-height: 582px; } } @media (min-width: 718px) { section[data-entry-id="54kG5cr2TQN5SnmMoJCSRX"] { min-height: 830px; } } @media (min-width: 1024px) { section[data-entry-id="54kG5cr2TQN5SnmMoJCSRX"] { min-height: 1048px; } } @media (min-width: 1292px) { section[data-entry-id="54kG5cr2TQN5SnmMoJCSRX"] { min-height: 1364px; } } .uid-4vb4p6q9CAxbGbmIZYSMAE-24de88c06a5245762efabd60c6c03b6e7f106af95980779e8934263dfb69d868 { height: 155px; } .uid-4vb4p6q9CAxbGbmIZYSMAE-24de88c06a5245762efabd60c6c03b6e7f106af95980779e8934263dfb69d868 img { width: 276px; height: 155px; } @media (min-width: 374px) { .uid-4vb4p6q9CAxbGbmIZYSMAE-24de88c06a5245762efabd60c6c03b6e7f106af95980779e8934263dfb69d868 { height: 182px; } } @media (min-width: 374px) { .uid-4vb4p6q9CAxbGbmIZYSMAE-24de88c06a5245762efabd60c6c03b6e7f106af95980779e8934263dfb69d868 img { width: 324px; height: 182px; } } @media (min-width: 480px) { .uid-4vb4p6q9CAxbGbmIZYSMAE-24de88c06a5245762efabd60c6c03b6e7f106af95980779e8934263dfb69d868 { height: 239px; } } @media (min-width: 480px) { .uid-4vb4p6q9CAxbGbmIZYSMAE-24de88c06a5245762efabd60c6c03b6e7f106af95980779e8934263dfb69d868 img { width: 424px; height: 239px; } } @media (min-width: 718px) { .uid-4vb4p6q9CAxbGbmIZYSMAE-24de88c06a5245762efabd60c6c03b6e7f106af95980779e8934263dfb69d868 { height: 383px; } } @media (min-width: 718px) { .uid-4vb4p6q9CAxbGbmIZYSMAE-24de88c06a5245762efabd60c6c03b6e7f106af95980779e8934263dfb69d868 img { width: 680px; height: 383px; } } @media (min-width: 1024px) { .uid-4vb4p6q9CAxbGbmIZYSMAE-24de88c06a5245762efabd60c6c03b6e7f106af95980779e8934263dfb69d868 { height: 489px; } } @media (min-width: 1024px) { .uid-4vb4p6q9CAxbGbmIZYSMAE-24de88c06a5245762efabd60c6c03b6e7f106af95980779e8934263dfb69d868 img { width: 868px; height: 489px; } } @media (min-width: 1292px) { .uid-4vb4p6q9CAxbGbmIZYSMAE-24de88c06a5245762efabd60c6c03b6e7f106af95980779e8934263dfb69d868 { height: 572px; } } @media (min-width: 1292px) { .uid-4vb4p6q9CAxbGbmIZYSMAE-24de88c06a5245762efabd60c6c03b6e7f106af95980779e8934263dfb69d868 img { width: 1016px; height: 572px; } } .uid-5j677VhAP1evNOBDJHrRPb-17dce43e869f5e084ba67aa4c4491068b54c2c8f622a9607e201c69b14359337 { height: 155px; } .uid-5j677VhAP1evNOBDJHrRPb-17dce43e869f5e084ba67aa4c4491068b54c2c8f622a9607e201c69b14359337 img { width: 276px; height: 155px; } @media (min-width: 374px) { .uid-5j677VhAP1evNOBDJHrRPb-17dce43e869f5e084ba67aa4c4491068b54c2c8f622a9607e201c69b14359337 { height: 182px; } } @media (min-width: 374px) { .uid-5j677VhAP1evNOBDJHrRPb-17dce43e869f5e084ba67aa4c4491068b54c2c8f622a9607e201c69b14359337 img { width: 324px; height: 182px; } } @media (min-width: 480px) { .uid-5j677VhAP1evNOBDJHrRPb-17dce43e869f5e084ba67aa4c4491068b54c2c8f622a9607e201c69b14359337 { height: 239px; } } @media (min-width: 480px) { .uid-5j677VhAP1evNOBDJHrRPb-17dce43e869f5e084ba67aa4c4491068b54c2c8f622a9607e201c69b14359337 img { width: 424px; height: 239px; } } @media (min-width: 718px) { .uid-5j677VhAP1evNOBDJHrRPb-17dce43e869f5e084ba67aa4c4491068b54c2c8f622a9607e201c69b14359337 { height: 383px; } } @media (min-width: 718px) { .uid-5j677VhAP1evNOBDJHrRPb-17dce43e869f5e084ba67aa4c4491068b54c2c8f622a9607e201c69b14359337 img { width: 680px; height: 383px; } } @media (min-width: 1024px) { .uid-5j677VhAP1evNOBDJHrRPb-17dce43e869f5e084ba67aa4c4491068b54c2c8f622a9607e201c69b14359337 { height: 489px; } } @media (min-width: 1024px) { .uid-5j677VhAP1evNOBDJHrRPb-17dce43e869f5e084ba67aa4c4491068b54c2c8f622a9607e201c69b14359337 img { width: 868px; height: 489px; } } @media (min-width: 1292px) { .uid-5j677VhAP1evNOBDJHrRPb-17dce43e869f5e084ba67aa4c4491068b54c2c8f622a9607e201c69b14359337 { height: 572px; } } @media (min-width: 1292px) { .uid-5j677VhAP1evNOBDJHrRPb-17dce43e869f5e084ba67aa4c4491068b54c2c8f622a9607e201c69b14359337 img { width: 1016px; height: 572px; } } .uid-2oDHEzmWvCYf3zSMFjirLg-6d0672dbc8ce8747561a173694658fe3f84ee40ec15e883ccbd359759af15f4f { height: 155px; } .uid-2oDHEzmWvCYf3zSMFjirLg-6d0672dbc8ce8747561a173694658fe3f84ee40ec15e883ccbd359759af15f4f img { width: 276px; height: 155px; } @media (min-width: 374px) { .uid-2oDHEzmWvCYf3zSMFjirLg-6d0672dbc8ce8747561a173694658fe3f84ee40ec15e883ccbd359759af15f4f { height: 182px; } } @media (min-width: 374px) { .uid-2oDHEzmWvCYf3zSMFjirLg-6d0672dbc8ce8747561a173694658fe3f84ee40ec15e883ccbd359759af15f4f img { width: 324px; height: 182px; } } @media (min-width: 480px) { .uid-2oDHEzmWvCYf3zSMFjirLg-6d0672dbc8ce8747561a173694658fe3f84ee40ec15e883ccbd359759af15f4f { height: 239px; } } @media (min-width: 480px) { .uid-2oDHEzmWvCYf3zSMFjirLg-6d0672dbc8ce8747561a173694658fe3f84ee40ec15e883ccbd359759af15f4f img { width: 424px; height: 239px; } } @media (min-width: 718px) { .uid-2oDHEzmWvCYf3zSMFjirLg-6d0672dbc8ce8747561a173694658fe3f84ee40ec15e883ccbd359759af15f4f { height: 383px; } } @media (min-width: 718px) { .uid-2oDHEzmWvCYf3zSMFjirLg-6d0672dbc8ce8747561a173694658fe3f84ee40ec15e883ccbd359759af15f4f img { width: 680px; height: 383px; } } @media (min-width: 1024px) { .uid-2oDHEzmWvCYf3zSMFjirLg-6d0672dbc8ce8747561a173694658fe3f84ee40ec15e883ccbd359759af15f4f { height: 489px; } } @media (min-width: 1024px) { .uid-2oDHEzmWvCYf3zSMFjirLg-6d0672dbc8ce8747561a173694658fe3f84ee40ec15e883ccbd359759af15f4f img { width: 868px; height: 489px; } } @media (min-width: 1292px) { .uid-2oDHEzmWvCYf3zSMFjirLg-6d0672dbc8ce8747561a173694658fe3f84ee40ec15e883ccbd359759af15f4f { height: 572px; } } @media (min-width: 1292px) { .uid-2oDHEzmWvCYf3zSMFjirLg-6d0672dbc8ce8747561a173694658fe3f84ee40ec15e883ccbd359759af15f4f img { width: 1016px; height: 572px; } } .uid-J1eOOzx8LjMJc6P6X3oCW-d00f5cd374f7351e9faddca8aff347b5c325bdbe5e8998bd0aa02c8319d91e70 { height: 155px; } .uid-J1eOOzx8LjMJc6P6X3oCW-d00f5cd374f7351e9faddca8aff347b5c325bdbe5e8998bd0aa02c8319d91e70 img { width: 276px; height: 155px; } @media (min-width: 374px) { .uid-J1eOOzx8LjMJc6P6X3oCW-d00f5cd374f7351e9faddca8aff347b5c325bdbe5e8998bd0aa02c8319d91e70 { height: 182px; } } @media (min-width: 374px) { .uid-J1eOOzx8LjMJc6P6X3oCW-d00f5cd374f7351e9faddca8aff347b5c325bdbe5e8998bd0aa02c8319d91e70 img { width: 324px; height: 182px; } } @media (min-width: 480px) { .uid-J1eOOzx8LjMJc6P6X3oCW-d00f5cd374f7351e9faddca8aff347b5c325bdbe5e8998bd0aa02c8319d91e70 { height: 239px; } } @media (min-width: 480px) { .uid-J1eOOzx8LjMJc6P6X3oCW-d00f5cd374f7351e9faddca8aff347b5c325bdbe5e8998bd0aa02c8319d91e70 img { width: 424px; height: 239px; } } @media (min-width: 718px) { .uid-J1eOOzx8LjMJc6P6X3oCW-d00f5cd374f7351e9faddca8aff347b5c325bdbe5e8998bd0aa02c8319d91e70 { height: 383px; } } @media (min-width: 718px) { .uid-J1eOOzx8LjMJc6P6X3oCW-d00f5cd374f7351e9faddca8aff347b5c325bdbe5e8998bd0aa02c8319d91e70 img { width: 680px; height: 383px; } } @media (min-width: 1024px) { .uid-J1eOOzx8LjMJc6P6X3oCW-d00f5cd374f7351e9faddca8aff347b5c325bdbe5e8998bd0aa02c8319d91e70 { height: 489px; } } @media (min-width: 1024px) { .uid-J1eOOzx8LjMJc6P6X3oCW-d00f5cd374f7351e9faddca8aff347b5c325bdbe5e8998bd0aa02c8319d91e70 img { width: 868px; height: 489px; } } @media (min-width: 1292px) { .uid-J1eOOzx8LjMJc6P6X3oCW-d00f5cd374f7351e9faddca8aff347b5c325bdbe5e8998bd0aa02c8319d91e70 { height: 572px; } } @media (min-width: 1292px) { .uid-J1eOOzx8LjMJc6P6X3oCW-d00f5cd374f7351e9faddca8aff347b5c325bdbe5e8998bd0aa02c8319d91e70 img { width: 1016px; height: 572px; } } .uid-3eyukBsC9AmGUMBMYvG334-65129cf18d5c37dfa7159bac2c44904d8deaf84d1da21a16a66a748958ea1b03 { height: 155px; } .uid-3eyukBsC9AmGUMBMYvG334-65129cf18d5c37dfa7159bac2c44904d8deaf84d1da21a16a66a748958ea1b03 img { width: 276px; height: 155px; } @media (min-width: 374px) { .uid-3eyukBsC9AmGUMBMYvG334-65129cf18d5c37dfa7159bac2c44904d8deaf84d1da21a16a66a748958ea1b03 { height: 182px; } } @media (min-width: 374px) { .uid-3eyukBsC9AmGUMBMYvG334-65129cf18d5c37dfa7159bac2c44904d8deaf84d1da21a16a66a748958ea1b03 img { width: 324px; height: 182px; } } @media (min-width: 480px) { .uid-3eyukBsC9AmGUMBMYvG334-65129cf18d5c37dfa7159bac2c44904d8deaf84d1da21a16a66a748958ea1b03 { height: 239px; } } @media (min-width: 480px) { .uid-3eyukBsC9AmGUMBMYvG334-65129cf18d5c37dfa7159bac2c44904d8deaf84d1da21a16a66a748958ea1b03 img { width: 424px; height: 239px; } } @media (min-width: 718px) { .uid-3eyukBsC9AmGUMBMYvG334-65129cf18d5c37dfa7159bac2c44904d8deaf84d1da21a16a66a748958ea1b03 { height: 383px; } } @media (min-width: 718px) { .uid-3eyukBsC9AmGUMBMYvG334-65129cf18d5c37dfa7159bac2c44904d8deaf84d1da21a16a66a748958ea1b03 img { width: 680px; height: 383px; } } @media (min-width: 1024px) { .uid-3eyukBsC9AmGUMBMYvG334-65129cf18d5c37dfa7159bac2c44904d8deaf84d1da21a16a66a748958ea1b03 { height: 489px; } } @media (min-width: 1024px) { .uid-3eyukBsC9AmGUMBMYvG334-65129cf18d5c37dfa7159bac2c44904d8deaf84d1da21a16a66a748958ea1b03 img { width: 868px; height: 489px; } } @media (min-width: 1292px) { .uid-3eyukBsC9AmGUMBMYvG334-65129cf18d5c37dfa7159bac2c44904d8deaf84d1da21a16a66a748958ea1b03 { height: 572px; } } @media (min-width: 1292px) { .uid-3eyukBsC9AmGUMBMYvG334-65129cf18d5c37dfa7159bac2c44904d8deaf84d1da21a16a66a748958ea1b03 img { width: 1016px; height: 572px; } } .uid-2QeKePtpBB26krA9cjgu98-2235e65adaa2ad7b64dbc1c053de9e33c475c6c75bfec9d5409bb8e48e9dc6e7 { height: 276px; } .uid-2QeKePtpBB26krA9cjgu98-2235e65adaa2ad7b64dbc1c053de9e33c475c6c75bfec9d5409bb8e48e9dc6e7 img { width: 276px; height: 276px; } @media (min-width: 374px) { .uid-2QeKePtpBB26krA9cjgu98-2235e65adaa2ad7b64dbc1c053de9e33c475c6c75bfec9d5409bb8e48e9dc6e7 { height: 324px; } } @media (min-width: 374px) { .uid-2QeKePtpBB26krA9cjgu98-2235e65adaa2ad7b64dbc1c053de9e33c475c6c75bfec9d5409bb8e48e9dc6e7 img { width: 324px; height: 324px; } } @media (min-width: 480px) { .uid-2QeKePtpBB26krA9cjgu98-2235e65adaa2ad7b64dbc1c053de9e33c475c6c75bfec9d5409bb8e48e9dc6e7 { height: 424px; } } @media (min-width: 480px) { .uid-2QeKePtpBB26krA9cjgu98-2235e65adaa2ad7b64dbc1c053de9e33c475c6c75bfec9d5409bb8e48e9dc6e7 img { width: 424px; height: 424px; } } @media (min-width: 718px) { .uid-2QeKePtpBB26krA9cjgu98-2235e65adaa2ad7b64dbc1c053de9e33c475c6c75bfec9d5409bb8e48e9dc6e7 { height: 207px; } } @media (min-width: 718px) { .uid-2QeKePtpBB26krA9cjgu98-2235e65adaa2ad7b64dbc1c053de9e33c475c6c75bfec9d5409bb8e48e9dc6e7 img { width: 207px; height: 207px; } } @media (min-width: 1024px) { .uid-2QeKePtpBB26krA9cjgu98-2235e65adaa2ad7b64dbc1c053de9e33c475c6c75bfec9d5409bb8e48e9dc6e7 { height: 270px; } } @media (min-width: 1024px) { .uid-2QeKePtpBB26krA9cjgu98-2235e65adaa2ad7b64dbc1c053de9e33c475c6c75bfec9d5409bb8e48e9dc6e7 img { width: 270px; height: 270px; } } @media (min-width: 1292px) { .uid-2QeKePtpBB26krA9cjgu98-2235e65adaa2ad7b64dbc1c053de9e33c475c6c75bfec9d5409bb8e48e9dc6e7 { height: 319px; } } @media (min-width: 1292px) { .uid-2QeKePtpBB26krA9cjgu98-2235e65adaa2ad7b64dbc1c053de9e33c475c6c75bfec9d5409bb8e48e9dc6e7 img { width: 319px; height: 319px; } } .uid-1mf5pD3ZJsyCxJaxFnpH9F-e880f0567759e8c97afc86105bff7bc25b25291c3d76fef4e3638ac4012fe949 { height: 276px; } .uid-1mf5pD3ZJsyCxJaxFnpH9F-e880f0567759e8c97afc86105bff7bc25b25291c3d76fef4e3638ac4012fe949 img { width: 276px; height: 276px; } @media (min-width: 374px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-e880f0567759e8c97afc86105bff7bc25b25291c3d76fef4e3638ac4012fe949 { height: 324px; } } @media (min-width: 374px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-e880f0567759e8c97afc86105bff7bc25b25291c3d76fef4e3638ac4012fe949 img { width: 324px; height: 324px; } } @media (min-width: 480px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-e880f0567759e8c97afc86105bff7bc25b25291c3d76fef4e3638ac4012fe949 { height: 424px; } } @media (min-width: 480px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-e880f0567759e8c97afc86105bff7bc25b25291c3d76fef4e3638ac4012fe949 img { width: 424px; height: 424px; } } @media (min-width: 718px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-e880f0567759e8c97afc86105bff7bc25b25291c3d76fef4e3638ac4012fe949 { height: 207px; } } @media (min-width: 718px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-e880f0567759e8c97afc86105bff7bc25b25291c3d76fef4e3638ac4012fe949 img { width: 207px; height: 207px; } } @media (min-width: 1024px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-e880f0567759e8c97afc86105bff7bc25b25291c3d76fef4e3638ac4012fe949 { height: 270px; } } @media (min-width: 1024px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-e880f0567759e8c97afc86105bff7bc25b25291c3d76fef4e3638ac4012fe949 img { width: 270px; height: 270px; } } @media (min-width: 1292px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-e880f0567759e8c97afc86105bff7bc25b25291c3d76fef4e3638ac4012fe949 { height: 319px; } } @media (min-width: 1292px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-e880f0567759e8c97afc86105bff7bc25b25291c3d76fef4e3638ac4012fe949 img { width: 319px; height: 319px; } } .uid-1A4AqjEFD9CKiQkBIUFcCW-d0523446fb395e7d8f62781658a320143a6278bf38c092ac9cc6d7817e1f0ff9 { height: 276px; } .uid-1A4AqjEFD9CKiQkBIUFcCW-d0523446fb395e7d8f62781658a320143a6278bf38c092ac9cc6d7817e1f0ff9 img { width: 276px; height: 276px; } @media (min-width: 374px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-d0523446fb395e7d8f62781658a320143a6278bf38c092ac9cc6d7817e1f0ff9 { height: 324px; } } @media (min-width: 374px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-d0523446fb395e7d8f62781658a320143a6278bf38c092ac9cc6d7817e1f0ff9 img { width: 324px; height: 324px; } } @media (min-width: 480px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-d0523446fb395e7d8f62781658a320143a6278bf38c092ac9cc6d7817e1f0ff9 { height: 424px; } } @media (min-width: 480px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-d0523446fb395e7d8f62781658a320143a6278bf38c092ac9cc6d7817e1f0ff9 img { width: 424px; height: 424px; } } @media (min-width: 718px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-d0523446fb395e7d8f62781658a320143a6278bf38c092ac9cc6d7817e1f0ff9 { height: 207px; } } @media (min-width: 718px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-d0523446fb395e7d8f62781658a320143a6278bf38c092ac9cc6d7817e1f0ff9 img { width: 207px; height: 207px; } } @media (min-width: 1024px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-d0523446fb395e7d8f62781658a320143a6278bf38c092ac9cc6d7817e1f0ff9 { height: 270px; } } @media (min-width: 1024px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-d0523446fb395e7d8f62781658a320143a6278bf38c092ac9cc6d7817e1f0ff9 img { width: 270px; height: 270px; } } @media (min-width: 1292px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-d0523446fb395e7d8f62781658a320143a6278bf38c092ac9cc6d7817e1f0ff9 { height: 319px; } } @media (min-width: 1292px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-d0523446fb395e7d8f62781658a320143a6278bf38c092ac9cc6d7817e1f0ff9 img { width: 319px; height: 319px; } } .uid-3pOoLEKwJkKOhTOXqY5ZaU-628cc1eab5f7442fed5321c971ed07fc87b45f5025a95ac68c08af0a86971f8b { height: 1233px; } .uid-3pOoLEKwJkKOhTOXqY5ZaU-628cc1eab5f7442fed5321c971ed07fc87b45f5025a95ac68c08af0a86971f8b img { width: 2000px; height: 1233px; } @media (min-width: 718px) { .uid-3pOoLEKwJkKOhTOXqY5ZaU-628cc1eab5f7442fed5321c971ed07fc87b45f5025a95ac68c08af0a86971f8b { height: 966px; } } @media (min-width: 718px) { .uid-3pOoLEKwJkKOhTOXqY5ZaU-628cc1eab5f7442fed5321c971ed07fc87b45f5025a95ac68c08af0a86971f8b img { width: 2000px; height: 966px; } } .uid-2QeKePtpBB26krA9cjgu98-bc2308fb7b17f664a8c08029842c0c16507558b3e05b969cf68d07e33e7bf348 { height: 276px; } .uid-2QeKePtpBB26krA9cjgu98-bc2308fb7b17f664a8c08029842c0c16507558b3e05b969cf68d07e33e7bf348 img { width: 276px; height: 276px; } @media (min-width: 374px) { .uid-2QeKePtpBB26krA9cjgu98-bc2308fb7b17f664a8c08029842c0c16507558b3e05b969cf68d07e33e7bf348 { height: 324px; } } @media (min-width: 374px) { .uid-2QeKePtpBB26krA9cjgu98-bc2308fb7b17f664a8c08029842c0c16507558b3e05b969cf68d07e33e7bf348 img { width: 324px; height: 324px; } } @media (min-width: 480px) { .uid-2QeKePtpBB26krA9cjgu98-bc2308fb7b17f664a8c08029842c0c16507558b3e05b969cf68d07e33e7bf348 { height: 424px; } } @media (min-width: 480px) { .uid-2QeKePtpBB26krA9cjgu98-bc2308fb7b17f664a8c08029842c0c16507558b3e05b969cf68d07e33e7bf348 img { width: 424px; height: 424px; } } @media (min-width: 718px) { .uid-2QeKePtpBB26krA9cjgu98-bc2308fb7b17f664a8c08029842c0c16507558b3e05b969cf68d07e33e7bf348 { height: 207px; } } @media (min-width: 718px) { .uid-2QeKePtpBB26krA9cjgu98-bc2308fb7b17f664a8c08029842c0c16507558b3e05b969cf68d07e33e7bf348 img { width: 207px; height: 207px; } } @media (min-width: 1024px) { .uid-2QeKePtpBB26krA9cjgu98-bc2308fb7b17f664a8c08029842c0c16507558b3e05b969cf68d07e33e7bf348 { height: 270px; } } @media (min-width: 1024px) { .uid-2QeKePtpBB26krA9cjgu98-bc2308fb7b17f664a8c08029842c0c16507558b3e05b969cf68d07e33e7bf348 img { width: 270px; height: 270px; } } @media (min-width: 1292px) { .uid-2QeKePtpBB26krA9cjgu98-bc2308fb7b17f664a8c08029842c0c16507558b3e05b969cf68d07e33e7bf348 { height: 319px; } } @media (min-width: 1292px) { .uid-2QeKePtpBB26krA9cjgu98-bc2308fb7b17f664a8c08029842c0c16507558b3e05b969cf68d07e33e7bf348 img { width: 319px; height: 319px; } } .uid-1mf5pD3ZJsyCxJaxFnpH9F-72102d538fd7bed7b1291c08d07923f9a009462c3aca6f70688d9c258d9842f3 { height: 276px; } .uid-1mf5pD3ZJsyCxJaxFnpH9F-72102d538fd7bed7b1291c08d07923f9a009462c3aca6f70688d9c258d9842f3 img { width: 276px; height: 276px; } @media (min-width: 374px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-72102d538fd7bed7b1291c08d07923f9a009462c3aca6f70688d9c258d9842f3 { height: 324px; } } @media (min-width: 374px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-72102d538fd7bed7b1291c08d07923f9a009462c3aca6f70688d9c258d9842f3 img { width: 324px; height: 324px; } } @media (min-width: 480px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-72102d538fd7bed7b1291c08d07923f9a009462c3aca6f70688d9c258d9842f3 { height: 424px; } } @media (min-width: 480px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-72102d538fd7bed7b1291c08d07923f9a009462c3aca6f70688d9c258d9842f3 img { width: 424px; height: 424px; } } @media (min-width: 718px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-72102d538fd7bed7b1291c08d07923f9a009462c3aca6f70688d9c258d9842f3 { height: 207px; } } @media (min-width: 718px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-72102d538fd7bed7b1291c08d07923f9a009462c3aca6f70688d9c258d9842f3 img { width: 207px; height: 207px; } } @media (min-width: 1024px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-72102d538fd7bed7b1291c08d07923f9a009462c3aca6f70688d9c258d9842f3 { height: 270px; } } @media (min-width: 1024px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-72102d538fd7bed7b1291c08d07923f9a009462c3aca6f70688d9c258d9842f3 img { width: 270px; height: 270px; } } @media (min-width: 1292px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-72102d538fd7bed7b1291c08d07923f9a009462c3aca6f70688d9c258d9842f3 { height: 319px; } } @media (min-width: 1292px) { .uid-1mf5pD3ZJsyCxJaxFnpH9F-72102d538fd7bed7b1291c08d07923f9a009462c3aca6f70688d9c258d9842f3 img { width: 319px; height: 319px; } } .uid-1A4AqjEFD9CKiQkBIUFcCW-404a44131a94688057becb2703c6412218f852f9c5150419f07c2b71e30b5827 { height: 276px; } .uid-1A4AqjEFD9CKiQkBIUFcCW-404a44131a94688057becb2703c6412218f852f9c5150419f07c2b71e30b5827 img { width: 276px; height: 276px; } @media (min-width: 374px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-404a44131a94688057becb2703c6412218f852f9c5150419f07c2b71e30b5827 { height: 324px; } } @media (min-width: 374px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-404a44131a94688057becb2703c6412218f852f9c5150419f07c2b71e30b5827 img { width: 324px; height: 324px; } } @media (min-width: 480px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-404a44131a94688057becb2703c6412218f852f9c5150419f07c2b71e30b5827 { height: 424px; } } @media (min-width: 480px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-404a44131a94688057becb2703c6412218f852f9c5150419f07c2b71e30b5827 img { width: 424px; height: 424px; } } @media (min-width: 718px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-404a44131a94688057becb2703c6412218f852f9c5150419f07c2b71e30b5827 { height: 207px; } } @media (min-width: 718px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-404a44131a94688057becb2703c6412218f852f9c5150419f07c2b71e30b5827 img { width: 207px; height: 207px; } } @media (min-width: 1024px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-404a44131a94688057becb2703c6412218f852f9c5150419f07c2b71e30b5827 { height: 270px; } } @media (min-width: 1024px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-404a44131a94688057becb2703c6412218f852f9c5150419f07c2b71e30b5827 img { width: 270px; height: 270px; } } @media (min-width: 1292px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-404a44131a94688057becb2703c6412218f852f9c5150419f07c2b71e30b5827 { height: 319px; } } @media (min-width: 1292px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-404a44131a94688057becb2703c6412218f852f9c5150419f07c2b71e30b5827 img { width: 319px; height: 319px; } } .uid-6ShFBj0Z3TBlt8yuZYYeJ5-86c2e4f51f676666f4cd6ae8e35e0dfb71fbd470a232f7869c54a81409c6693b { height: 166px; } .uid-6ShFBj0Z3TBlt8yuZYYeJ5-86c2e4f51f676666f4cd6ae8e35e0dfb71fbd470a232f7869c54a81409c6693b img { width: 276px; height: 166px; } @media (min-width: 374px) { .uid-6ShFBj0Z3TBlt8yuZYYeJ5-86c2e4f51f676666f4cd6ae8e35e0dfb71fbd470a232f7869c54a81409c6693b { height: 195px; } } @media (min-width: 374px) { .uid-6ShFBj0Z3TBlt8yuZYYeJ5-86c2e4f51f676666f4cd6ae8e35e0dfb71fbd470a232f7869c54a81409c6693b img { width: 324px; height: 195px; } } @media (min-width: 480px) { .uid-6ShFBj0Z3TBlt8yuZYYeJ5-86c2e4f51f676666f4cd6ae8e35e0dfb71fbd470a232f7869c54a81409c6693b { height: 255px; } } @media (min-width: 480px) { .uid-6ShFBj0Z3TBlt8yuZYYeJ5-86c2e4f51f676666f4cd6ae8e35e0dfb71fbd470a232f7869c54a81409c6693b img { width: 424px; height: 255px; } } @media (min-width: 718px) { .uid-6ShFBj0Z3TBlt8yuZYYeJ5-86c2e4f51f676666f4cd6ae8e35e0dfb71fbd470a232f7869c54a81409c6693b { height: 196px; } } @media (min-width: 718px) { .uid-6ShFBj0Z3TBlt8yuZYYeJ5-86c2e4f51f676666f4cd6ae8e35e0dfb71fbd470a232f7869c54a81409c6693b img { width: 325px; height: 196px; } } @media (min-width: 1024px) { .uid-6ShFBj0Z3TBlt8yuZYYeJ5-86c2e4f51f676666f4cd6ae8e35e0dfb71fbd470a232f7869c54a81409c6693b { height: 252px; } } @media (min-width: 1024px) { .uid-6ShFBj0Z3TBlt8yuZYYeJ5-86c2e4f51f676666f4cd6ae8e35e0dfb71fbd470a232f7869c54a81409c6693b img { width: 419px; height: 252px; } } @media (min-width: 1292px) { .uid-6ShFBj0Z3TBlt8yuZYYeJ5-86c2e4f51f676666f4cd6ae8e35e0dfb71fbd470a232f7869c54a81409c6693b { height: 297px; } } @media (min-width: 1292px) { .uid-6ShFBj0Z3TBlt8yuZYYeJ5-86c2e4f51f676666f4cd6ae8e35e0dfb71fbd470a232f7869c54a81409c6693b img { width: 493px; height: 297px; } } .uid-1zqVHmcMms3Hcs5ne37J5w-d6a1c2385897a641746f46dfc8cb2fb967d85121e6792d8116f6d2aadd67781d { height: 166px; } .uid-1zqVHmcMms3Hcs5ne37J5w-d6a1c2385897a641746f46dfc8cb2fb967d85121e6792d8116f6d2aadd67781d img { width: 276px; height: 166px; } @media (min-width: 374px) { .uid-1zqVHmcMms3Hcs5ne37J5w-d6a1c2385897a641746f46dfc8cb2fb967d85121e6792d8116f6d2aadd67781d { height: 195px; } } @media (min-width: 374px) { .uid-1zqVHmcMms3Hcs5ne37J5w-d6a1c2385897a641746f46dfc8cb2fb967d85121e6792d8116f6d2aadd67781d img { width: 324px; height: 195px; } } @media (min-width: 480px) { .uid-1zqVHmcMms3Hcs5ne37J5w-d6a1c2385897a641746f46dfc8cb2fb967d85121e6792d8116f6d2aadd67781d { height: 255px; } } @media (min-width: 480px) { .uid-1zqVHmcMms3Hcs5ne37J5w-d6a1c2385897a641746f46dfc8cb2fb967d85121e6792d8116f6d2aadd67781d img { width: 424px; height: 255px; } } @media (min-width: 718px) { .uid-1zqVHmcMms3Hcs5ne37J5w-d6a1c2385897a641746f46dfc8cb2fb967d85121e6792d8116f6d2aadd67781d { height: 196px; } } @media (min-width: 718px) { .uid-1zqVHmcMms3Hcs5ne37J5w-d6a1c2385897a641746f46dfc8cb2fb967d85121e6792d8116f6d2aadd67781d img { width: 325px; height: 196px; } } @media (min-width: 1024px) { .uid-1zqVHmcMms3Hcs5ne37J5w-d6a1c2385897a641746f46dfc8cb2fb967d85121e6792d8116f6d2aadd67781d { height: 252px; } } @media (min-width: 1024px) { .uid-1zqVHmcMms3Hcs5ne37J5w-d6a1c2385897a641746f46dfc8cb2fb967d85121e6792d8116f6d2aadd67781d img { width: 419px; height: 252px; } } @media (min-width: 1292px) { .uid-1zqVHmcMms3Hcs5ne37J5w-d6a1c2385897a641746f46dfc8cb2fb967d85121e6792d8116f6d2aadd67781d { height: 297px; } } @media (min-width: 1292px) { .uid-1zqVHmcMms3Hcs5ne37J5w-d6a1c2385897a641746f46dfc8cb2fb967d85121e6792d8116f6d2aadd67781d img { width: 493px; height: 297px; } } </style><script src="https://xms-production-f.squarecdn.com/xms/assets/application-98634303823609564653232341ac31dec8207447dd21be5f1fea5ecde57f58f7.js" defer="defer" nonce="yi9wNlxHKWAr3/VjY0oNTG47Eq7BOkBrPCbJ3AhuoYI="></script><script src="https://xms-production-f.squarecdn.com/xms/assets/precompile/sections/scroll_linked_animation_section-e8e9e2c969b5ce58c53f7b502cf0e8b03b4022f92db053dd6293020421611380.js" defer="defer" nonce="yi9wNlxHKWAr3/VjY0oNTG47Eq7BOkBrPCbJ3AhuoYI="></script><script type="module" nonce="yi9wNlxHKWAr3/VjY0oNTG47Eq7BOkBrPCbJ3AhuoYI=">/* eslint-disable no-param-reassign */ window.Sq = window.Sq || {}; Sq.Custom = Sq.Custom || {}; Sq.Custom.VideoComponent = Sq.Custom.VideoComponent || {}; $.extend(Sq.Custom.VideoComponent, { disableEvents: videoComponentSelector => { const videoComponent = $(videoComponentSelector).data(Sq.VideoComponent.DATA_KEY); videoComponent.observer.disconnect(); return videoComponent; }, setVideoPreload: videoSelector => { const video = $(videoSelector).get(0); video.setAttribute('preload', 'auto'); return video; }, VIDEO_STATUS: { FORWARD: 'forward', REVERSE: 'reverse', BLANK: '', }, playReverse: ({ video, onEnd }) => { const VIDEO_STATUS = Sq.Custom.VideoComponent.VIDEO_STATUS; const startSystemTime = window.performance.now(); const startVideoTime = video.currentTime; const cancelReverse = () => { if (video.reverseAnimationFrame) { window.cancelAnimationFrame(video.reverseAnimationFrame); } video.reverseAnimationFrame = null; video.onseeked = null; }; const reverse = () => { if (video.dataset.status !== VIDEO_STATUS.REVERSE) { cancelReverse(); } else if (video.currentTime === 0) { cancelReverse(); video.pause(); video.dataset.status = VIDEO_STATUS.BLANK; onEnd && onEnd(); } else { const elapsed = window.performance.now() - startSystemTime; video.currentTime = Math.max(startVideoTime - elapsed / 1000.0, 0); video.onseeked = () => { video.reverseAnimationFrame = window.requestAnimationFrame(reverse); }; } }; cancelReverse(); video.pause(); video.dataset.status = VIDEO_STATUS.REVERSE; video.reverseAnimationFrame = window.requestAnimationFrame(reverse); }, playForwardOrReverse: ({ video, reverse = false, onEnd }) => { const VIDEO_STATUS = Sq.Custom.VideoComponent.VIDEO_STATUS; if (reverse) { Sq.Custom.VideoComponent.playReverse({ video, onEnd }); } else { video.playbackRate = 1.0; video.play(); video.dataset.status = VIDEO_STATUS.FORWARD; if (!video.dataset.pauseEventSet) { video.addEventListener('pause', function() { if (video.dataset.status === VIDEO_STATUS.FORWARD) { video.dataset.status = VIDEO_STATUS.BLANK; } }); video.dataset.pauseEventSet = true; } if (!video.dataset.forwardOnEndEventSet) { $(video).on('ended', function() { onEnd && onEnd(); }); video.dataset.forwardOnEndEventSet = true; } } }, }); </script><script type="module" nonce="yi9wNlxHKWAr3/VjY0oNTG47Eq7BOkBrPCbJ3AhuoYI=">// DRI: adoshi@ // BUNDLE=home-page-s3-module // BUNDLE=BUNDLE=home-page-2021-q1 // NOTE // Scroll-linked animation section class `section-scroll-animation-video-hotspots` and // another custom class for unique initialization and timing values // Image Break class `section-scroll-animation-video-hotspots--section-video` and should be full-width // Hotspot section class `section-scroll-animation-video-hotspots--section-hotspots` and should use fluid apropos /* Example: $(function() { new Sq.Custom.ScrollAnimationVideoHotspots({ element: $('.sq-custom-section-hardware-s3').get(0), hotspotAppearDelayMs: 1100, }).render(); }); */ window.Sq = window.Sq || {}; Sq.Custom = Sq.Custom || {}; Sq.Custom.ScrollAnimationVideoHotspots = (function() { const CLASS_NAME = 'Sq.Custom.ScrollAnimationVideoHotspots'; const DATA_KEY = 'sq.custom.scroll-animation-video-hotspots'; const SELECTOR = { SECTION: '.sq-custom-section-scroll-animation-video-hotspots', SECTION_VIDEO: '.sq-custom-section-scroll-animation-video-hotspots--section-video', SECTION_VIDEO_CONTAINER: '.sq-custom-section-scroll-animation-video-hotspots--section-video-container', SECTION_HOTSPOT: '.sq-custom-section-scroll-animation-video-hotspots--section-hotspots', SECTION_HOTSPOT_CONTAINER: '.sq-custom-section-scroll-animation-video-hotspots--section-hotspots-container', SECTION_HOTSPOT_IMAGE: '.sq-custom-section-scroll-animation-video-hotspots--section-hotspots img', VIDEO: '.sq-custom-section-scroll-animation-video-hotspots--section-video video', VIDEO_COMPONENT: '.sq-custom-section-scroll-animation-video-hotspots--section-video .component-video', }; const CLASS_VISIBLE = 'sq-custom--visible'; const MIN_INTERSECTION_RATIO = 0.5; const INTERSECTION_THRESHOLD = 0.75; const ScrollAnimationVideoHotspots = class extends Sq.BaseSection { constructor({ element, hotspotAppearDelayMs }) { const memo = super(element, CLASS_NAME, DATA_KEY); this.hotspotAppearDelayMs = hotspotAppearDelayMs; if (memo) { return memo; } } render() { this.setupVideo(); this.setupHotspotSection(); this.setupIntersectionObserver(); this.setupVideoEndEvent(); } setupVideo() { // disables intersection observer and preloads video const $videoComponent = this.$section.find(SELECTOR.VIDEO_COMPONENT); Sq.Custom.VideoComponent.disableEvents($videoComponent); Sq.Custom.VideoComponent.setVideoPreload($videoComponent); this.$videoContainer = this.$section.find(SELECTOR.SECTION_VIDEO_CONTAINER); this.$video = this.$section.find(SELECTOR.VIDEO); this.video = this.$video.get(0); } setupHotspotSection() { // get hotspot section object this.hotspotSection = this.$section.find(SELECTOR.SECTION_HOTSPOT).data(Sq.HotspotImageSection.DATA_KEY); this.$hotspotImage = this.$section.find(SELECTOR.SECTION_HOTSPOT_IMAGE); this.$hotspotContainer = this.$section.find(SELECTOR.SECTION_HOTSPOT_CONTAINER) } setupIntersectionObserver() { this.observer = new IntersectionObserver( (entries, observer) => { const { isIntersecting, intersectionRatio, rootBounds, boundingClientRect } = entries[0]; if ( isIntersecting && intersectionRatio >= MIN_INTERSECTION_RATIO && (intersectionRatio >= INTERSECTION_THRESHOLD || rootBounds.height < boundingClientRect.height) ) { this.video.play(); this.showHotspots(); observer.disconnect(); } }, { threshold: [0, INTERSECTION_THRESHOLD] }, ); this.observer.observe(this.$section.get(0)); } setupVideoEndEvent() { this.$video.on('ended', () => { if (this.$hotspotImage.get(0).complete) { this.showHotspotImage(); } else { this.$hotspotImage.on('load', this.showHotspotImage); } }); } showHotspots() { // unhide hotspot section after a delay setTimeout(() => { if (!this.hotspotsPulseOverrideSet) { // undo hotspot pulse this.hotspotSection.$hotspotButtons.removeClass('hotspot-pulse'); } // when video has been played, show hotspots section this.$hotspotContainer.addClass(CLASS_VISIBLE); }, this.hotspotAppearDelayMs); } showHotspotImage() { this.$section.find(SELECTOR.SECTION_HOTSPOT_IMAGE).addClass(CLASS_VISIBLE); this.hotspotSection.pulseHotspots(); this.hotspotsPulseOverrideSet = true; } }; return ScrollAnimationVideoHotspots; })(); </script><script type="module" nonce="yi9wNlxHKWAr3/VjY0oNTG47Eq7BOkBrPCbJ3AhuoYI=">// DRI: adoshi@ // BUNDLE=home-page-s3-module Sq.OnLoad.window(function() { new Sq.Custom.ScrollAnimationVideoHotspots({ element: $('.sq-custom-section-hardware-s3').get(0), hotspotAppearDelayMs: 1100, }).render(); }); </script><script type="module" nonce="yi9wNlxHKWAr3/VjY0oNTG47Eq7BOkBrPCbJ3AhuoYI=">(function() { $(function() { setupClickableCarousel(); }); const SELECTOR = { carousel: '.carousel', slide: '.carousel-slide', }; function setupClickableCarousel() { $(SELECTOR.carousel).each(function(i, element) { observeVisibleCarousel(element); }); } function observeVisibleCarousel(carouselElement) { const element = carouselElement; const $element = $(carouselElement); const $slides = $element.find(SELECTOR.slide); const observerCallback = function(entries, observer) { entries.forEach(entry => { const { isIntersecting, target } = entry; if (isIntersecting) { $(target).attr('data-clickable', 'true'); } else { $(target).attr('data-clickable', 'false'); } }); }; const observerOptions = { root: element, rootMargin: '0px', threshold: 0.8, }; const observer = new IntersectionObserver(observerCallback, observerOptions); $slides.each(function(i, slide) { observer.observe(slide); }); } })(); </script><script type="module" nonce="yi9wNlxHKWAr3/VjY0oNTG47Eq7BOkBrPCbJ3AhuoYI=">// DRI: adoshi@ // BUNDLE=home-page-2021-q1 // TODO disable hotspot centering on mobile // hotspot-center-tiles-on-mobile Sq.OnLoad.window(function() { const $hotspotTiles = $('.section-hotspot-image .hotspot-tile'); const updateHotspotProperties = target => { const quadrantClass = Array.from(target.classList) .reverse() .find(value => value.startsWith('hotspot-quadrant')); const $hotspotButton = $(`.section-hotspot-image .hotspot-button[data-entry-id="${target.dataset.entryId}"`); const existingQuadrantClass = Array.from($hotspotButton.get(0).classList).find(value => value.startsWith('hotspot-quadrant'), ); $hotspotButton.removeClass(existingQuadrantClass).addClass(quadrantClass); // At this time, the button is rendered // So, also detect hotspot button label width const $hotspotButtonLabel = $hotspotButton.find('label'); const buttonLabelWidth = $hotspotButtonLabel.get(0).getBoundingClientRect().width; $hotspotButton.css('--hotspot-button-label-width', buttonLabelWidth); $(target).css('--hotspot-button-label-width', buttonLabelWidth); }; // Observe changes in class to figure out which quadrant the button should belong to // then add quadrant class to the button, to position label using css const observer = new MutationObserver(mutationList => { for (const mutation of mutationList) { if (mutation.type === 'attributes' && mutation.attributeName === 'class') { updateHotspotProperties(mutation.target); } } }); const $hotspotIconSvg = $('.section-hotspot-image .hotspot-icon svg').first(); $('.section-hotspot-image .hotspot-button').each(function() { const $button = $(this); $(`<label class="hotspot-button-label">${$button.attr('aria-label')}</label>`).appendTo($button); }); $hotspotTiles.each(function() { updateHotspotProperties(this); observer.observe(this, { attributes: true }); const $hotspotCloseButton = $('<a class="hotspot-button hotspot-close-button" href="#"></a>').appendTo(this); $hotspotIconSvg.clone().appendTo($hotspotCloseButton); }); // close tile on clicking cross $('.section-hotspot-image').each(function() { const hotspotSection = $(this).data(Sq.HotspotImageSection.DATA_KEY); $(this) .find('.hotspot-close-button') .on('click', function(e) { e.preventDefault(); e.stopImmediatePropagation(); hotspotSection.hideAllTiles(true); }); }); // remove hotspot centering tiles on mobile if needed $( [ '.sq-custom-section-hotspot-image--disable-center-tiles', '.sq-custom-hotspot--disable-center-tiles', '.sq-custom-section-hotspot-image--horizontally-center-tiles-until-medium', '.sq-custom-hotspot--horizontally-center-tiles-until-medium', ].join(','), ).removeClass('hotspot-center-tiles-on-mobile'); }); function flipHotspotLabel(section) { const { hotspots } = section.config || {}; (hotspots || []).forEach((hotspot, i) => { const flip = hotspot.flip ? true : false; const center = hotspot.center ? true : false; section.$hotspotButtons.get(i).dataset.flip = flip; section.$hotspotButtons.get(i).dataset.center = center; section.$hotspotTiles.get(i).dataset.flip = flip; section.$hotspotTiles.get(i).dataset.center = center; }); } Sq.OnLoad.window(function() { // responsively flip position of label if part of json $('.sq-custom-section-hotspot-image--flip-label-per-button,.sq-custom-hotspot--flip-label-per-button').each(function( i, el, ) { const section = $(el).data(Sq.HotspotImageSection.DATA_KEY); $(document).on(section.breakpointEvent, () => flipHotspotLabel(section)); flipHotspotLabel(section); }); }); </script><script type="module" nonce="yi9wNlxHKWAr3/VjY0oNTG47Eq7BOkBrPCbJ3AhuoYI=">// DRI: adoshi@ /* BUNDLE=home-page-2021-q1 */ window.Sq = window.Sq || {}; Sq.Custom = Sq.Custom || {}; Sq.Custom.ORIGINAL_BREAKPOINTS = [ 374, 480, 718, 1024, 1292, 1680, // body max width ]; Sq.Custom.NEW_BREAKPOINTS = [ 375, 717, 1023, 1240, 1500, 2560, // body max width ]; Sq.Custom.MAX_IMAGE_WIDTH = 4000; Sq.Custom.mediaRegex = new RegExp(/min-width: ([\d]+)px/); Sq.Custom.ediGridImageScaleFactor = 1.0; function updateSrcset({ element, breakpointWidth, oldWidth, newWidth }) { const srcsetStr = element.srcset || element.dataset.srcset; if (!srcsetStr) { return; } const regexpStr = /\bw=([\d]+)&h=([\d]+)\b/; const gRegex = new RegExp(regexpStr, 'g'); const whRegex = new RegExp(regexpStr); const widthHeightMatches = srcsetStr.match(gRegex) || []; let newSrcsetStr = srcsetStr; widthHeightMatches.forEach((widthHeightStr, i) => { const [matchedStr, widthStr, heightStr, ...rest] = widthHeightStr.match(whRegex); const width = parseInt(widthStr, 10); const height = parseInt(heightStr, 10); const aspectRatio = width / height; let imageScaleFactor = Sq.Custom.ediGridImageScaleFactor; if (i === 0) { // make 1x image as large as 2x to solve for image quality issue imageScaleFactor *= 2.0; } let updatedWidth = Math.round((imageScaleFactor * newWidth * width) / oldWidth); if (updatedWidth > 4000) { updatedWidth = 4000; } let updatedHeight = Math.round(updatedWidth / aspectRatio); if (updatedHeight > 4000) { updatedHeight = 4000; updatedWidth = Math.round(updatedHeight * aspectRatio); } newSrcsetStr = newSrcsetStr.replace(matchedStr, `w=${updatedWidth}&h=${updatedHeight}`); }); if (element.srcset) { element.srcset = newSrcsetStr; } if (element.dataset.srcset) { element.dataset.srcset = newSrcsetStr; } if (element.media) { element.media = `(min-width: ${breakpointWidth}px)`; } } // fix width and height of each image function updatePictureSrcsets() { const allPictures = document.querySelectorAll('picture'); allPictures.forEach(picture => { Array.from(picture.children).forEach(element => { if (element.nodeName === 'SOURCE') { if (element.media) { const oldBreakpointWidth = parseInt(element.media.match(Sq.Custom.mediaRegex)[1], 10); const breakpointIndex = Sq.Custom.ORIGINAL_BREAKPOINTS.indexOf(oldBreakpointWidth); const newBreakpoint = Sq.Custom.NEW_BREAKPOINTS[breakpointIndex]; updateSrcset({ element, breakpointWidth: newBreakpoint, oldWidth: Sq.Custom.ORIGINAL_BREAKPOINTS[breakpointIndex + 1], newWidth: Sq.Custom.NEW_BREAKPOINTS[breakpointIndex + 1], }); } else { updateSrcset({ element, oldWidth: Sq.Custom.ORIGINAL_BREAKPOINTS[0], newWidth: Sq.Custom.NEW_BREAKPOINTS[0], }); } } else { updateSrcset({ element, oldWidth: Sq.Custom.ORIGINAL_BREAKPOINTS[0], newWidth: Sq.Custom.NEW_BREAKPOINTS[0], }); } }); }); } // Used in case of experiments // Setup mutation observer for hidden carousel section // Retrigger width calculation once visible function resizeCarouselOnVisible() { const config = { attributes: true }; const observer = new MutationObserver((mutationList, observer) => { for (const mutation of mutationList) { if (mutation.type === 'attributes' && mutation.attributeName === 'class') { if (!mutation.target.classList.contains('hidden')) { const carousel = $(mutation.target) .find('.carousel') .data(Sq.Carousel.DATA_KEY); carousel._onBreakpointChange(); observer.disconnect(); } } } }); $('.carousel') .closest('section.hidden') .each((i, el) => { observer.observe(el, config); }); } Sq.OnLoad.dom(() => { updatePictureSrcsets(); }); $(function() { resizeCarouselOnVisible(); // update 2 column spacing $('.section-two-column .two-column-inner-grid').addClass('grid-space-medium-at-medium'); }); </script><script type="module" nonce="yi9wNlxHKWAr3/VjY0oNTG47Eq7BOkBrPCbJ3AhuoYI=">/* BUNDLE=hp-fluid-hero-2022 */ // DRI: errol // forces the hero element to auto-animate its images vertically $(function() { // element reference array const $slides = $('.sq-custom-fluid-hero .image .hero-slide .picture') // duration to show each slide const slideDuration = 4000 // css animation classes const allowTransition = 'allow-transition' const slideIn = 'slide-in' const slideOut = 'slide-out' const readyToSlide = 'ready-to-slide' // keep track of which slide is on screen let currentSlide = 0 // track the animation interval let enabled = true // helper function to add a css transition to a slide function addTransitionToSlide($slide) { $slide.addClass(allowTransition); } // helper function to remove a css transition to a slide function removeTransitionFromSlide($slide) { $slide.removeClass(allowTransition); } // track current and next slide // set slide positions and animation attributes function setSlidePositions() { // block interval if animation is disabled if (!enabled) return // get the next slide const nextSlide = currentSlide < $slides.length - 1 ? currentSlide + 1 : 0 // loop through each slide $slides.each(function( index ) { // handle current, next, or other slides if (index === currentSlide) { // allow current slide to animate addTransitionToSlide($(this)) // move up out of view $(this).removeClass(slideIn) $(this).addClass(slideOut) } else if (index === nextSlide) { // allow next slide to animate addTransitionToSlide($(this)) // move up into view $(this).removeClass(slideOut) $(this).addClass(slideIn) } else { // disable other slides from animating removeTransitionFromSlide($(this)) // hide below view $(this).removeClass(slideIn) $(this).removeClass(slideOut) } }); // set new current slide currentSlide = nextSlide } // disable animation when window loses focus $(window).blur(function() { enabled = false }) // enable animation when window gains focus $(window).focus(function() { enabled = true }) // start the animation interval setInterval(setSlidePositions, slideDuration) // move the current (first) slide up into view to start $($slides[0]).addClass(slideIn) // hide all the slides except the first one (translateY down) $slides.each(function(index) { if (index !== 0) $(this).addClass(readyToSlide) }) // allow the first slide to slide away, then prep it for its next slide setTimeout(function() { $($slides[0]).addClass(readyToSlide) }, slideDuration * 1.5) }); </script><script type="module" nonce="yi9wNlxHKWAr3/VjY0oNTG47Eq7BOkBrPCbJ3AhuoYI=">/** * do not edit; file hosted in public-web-customizations. * DRI=adoshi * BUNDLE=home-page-2021-q1 * BUNDLE=wip * * Based on tholmberg's code */ (function moveLeadForm() { const SELECTORS = { SECTION_LEAD_FORM: '.sq-custom-lead-form-to-multi-column-source', SECTION_MULTI_COLUMN: '.sq-custom-lead-form-to-multi-column-target', }; const PREPENT_SWITCH_CLASS = 'sq-custom-lead-form-to-multi-column-target-prepend'; const sectionLeadFormSource = document.querySelector(SELECTORS.SECTION_LEAD_FORM); const sectionMultiColumnTarget = document.querySelector(SELECTORS.SECTION_MULTI_COLUMN); const sectionMultiColumnTargetGrid = sectionMultiColumnTarget.querySelector('.multi-column-grid'); const shouldPrepend = sectionMultiColumnTarget.classList.contains(PREPENT_SWITCH_CLASS); const isAlreadyMoved = sectionMultiColumnTargetGrid.querySelector(SELECTORS.SECTION_LEAD_FORM); // if already moved, don't do anything if (isAlreadyMoved) { return; } // New column const leadFormColumn = document.createElement('div'); leadFormColumn.classList.add('column', 'one-whole-at-medium', 'one-half-at-large'); leadFormColumn.appendChild(sectionLeadFormSource); if (shouldPrepend) { sectionMultiColumnTargetGrid.prepend(leadFormColumn); } else { sectionMultiColumnTargetGrid.appendChild(leadFormColumn); } })(); </script></head><body class="theme-blue"><div id="top"></div><div data-body="Descarrega la darrera versió d’un navegador compatible a continuació per treure el màxim profit d’aquest lloc web:" data-browsers="[{"name":"Google Chrome","url":"https://chrome.com"},{"name":"Mozilla Firefox","url":"https://firefox.com"},{"name":"Microsoft Edge","url":"https://microsoftedge.com"}]" data-proceed="D’acord. Continua igualment" data-title="Actualitza el navegador." id="unsupported-browser-modal"></div><script src="https://xms-production-f.squarecdn.com/xms/assets/precompile/nomodule-fd552f7067e56a71a4ac154492f800a86a9d4f41b1a3dd92df5043afc78d1e91.js" nomodule="nomodule" nonce="yi9wNlxHKWAr3/VjY0oNTG47Eq7BOkBrPCbJ3AhuoYI="></script><noscript><div aria-live="polite" class="flash flash-top flash-error flash-show" role="status"><div class="flash-message"><p>Per a la plena funcionalitat d’aquest lloc cal JavaScript. <a class="arrow" href="https://www.enable-javascript.com/" target="_blank">Aprèn a activar JavaScript al teu navegador web</a> </p></div></div></noscript><div data-cta-subnav-json="{"id":"pwn-entry-6E25GfxTHIJmgoAUNPlrBm","title":"Square","subtitle":null,"dynamicVariationSlug":null,"titleCategory":null,"cta":{"id":"pwn-entry-7jY06p6228XQ3a2m0nRQ3S","title":"Contacta amb l’equip de vendes","url":"/es/ca/sales/contact","linkStyle":"primary","iconData":{"name":"contact-sales","size":"24x24","s3BaseUrl":"https://square-production.s3.amazonaws.com/icons/square/4.13.0/24x24/"},"hideWhenLoggedIn":null,"hideWhenLoggedOut":null,"hideWhenCartEmpty":null,"hideWhenCartNotEmpty":null,"disabled":null,"hidden":null,"type":"button"},"secondaryCta":{"id":"pwn-entry-1uCkKLhhAiqepT71w2sMCP","title":"Comença","url":"/signup/ca-ES","linkStyle":"secondary","iconData":null,"hideWhenLoggedIn":null,"hideWhenLoggedOut":null,"hideWhenCartEmpty":null,"hideWhenCartNotEmpty":null,"disabled":null,"hidden":null,"type":"button"},"navItems":null,"dynamicVariations":null,"enableDynamicVariations":false,"onlyShowCtaWhenSticky":false,"showCtaOnCtaPage":false,"disableStickyBehavior":false,"enableFlickerFix":false,"reverseDesktopCtaButtons":true,"hiddenUntilScrolled":true,"disableIconCtaOnMobile":true}" data-dark-mode="false" data-experiments="[]" data-flags-json="{"publicwebnav/enable-comms-plat-messaging":false,"xms2-search-page-url":"https://squareupstaging.com/us/en/xms2/test/search","xmsfe-enable-pwt":true,"xmsfe-pwt-page-allow-list":["/us/en"]}" data-image-subnav-json="" data-json="{"id":"pwn-entry-5Km6zvK7Bh9ymdBFiqeGI8","title":"squareup.com - ES","home":{"id":"pwn-entry-3eH4SC1xb9cWlmDtEv7uvh","title":"Square","url":"/es/ca"},"mobileMenuOpenText":"Obre el menú","mobileMenuCloseText":"Tanca el menú","primaryNavItems":[{"id":"pwn-entry-1Osvljil9dKj99SjpBJXbV","type":"category","title":"Pagaments","navItems":[{"id":"pwn-entry-5Xb6vMjLSU7znVbyEIpmJe","type":"link","title":"Vista general dels pagaments","url":"/es/ca/payments"},{"id":"pwn-entry-5KuEghq78cEU3ewYPkNKdF","type":"link","title":"Físic","url":"/es/ca/payments/in-person-payments"},{"id":"pwn-entry-36k8uwgJLNYP8zFaCjqqMp","type":"link","title":"Des del teu web","url":"/es/ca/ecommerce"},{"id":"pwn-entry-2LRFvfiF1mlDJmXLitQM1W","type":"link","title":"Factures","url":"/es/ca/invoices"},{"id":"pwn-entry-6kRubDhQjcF9QJdFPbpM8S","type":"link","title":"Per telèfon","url":"/es/ca/payments/virtual-terminal"},{"id":"pwn-entry-1envcoL5a5tQpcOjZC5ut2","type":"link","title":"API","url":"/es/ca/payments/payment-platform"}]},{"id":"pwn-entry-7Fh9oxDuLbjO9dD2sr7tG2","type":"category","title":"TPV","navItems":[{"id":"pwn-entry-2m2LorqcKWKTiW0yO54SAp","type":"link","title":"TPV Square","url":"/es/ca/point-of-sale"},{"id":"pwn-entry-Qi6cQWo5uUQmrofGz5Tx1","type":"link","title":"Cites Square","url":"/es/ca/appointments"},{"id":"pwn-entry-17Kg2hXm6xz0knZ2kboeGq","type":"link","title":"Square per a restaurants","url":"/es/ca/point-of-sale/restaurants"},{"id":"pwn-entry-1ftot0waJInFp8BnhxmARV","type":"link","title":"Square KDS","url":"/es/ca/point-of-sale/restaurants/kitchen-display-system"},{"id":"pwn-entry-tHzHsHGYDQlQ6Olrrk6RT","type":"link","title":"Square Kiosk","url":"/es/ca/point-of-sale/restaurants/kiosk-software"},{"id":"pwn-entry-1MX0Umt5qhTL4ysp7xXuVv","type":"category","title":"Square per a comerços","navItems":[{"id":"pwn-entry-UeUQlyx35W7QEj1EUtAji","type":"link","title":"Tots els comerços","url":"/es/ca/point-of-sale/retail "},{"id":"pwn-entry-1uKylKPuR64VI3d0OcpEC0","type":"link","title":"Roba i complements","url":"/es/ca/point-of-sale/retail/clothing-store "},{"id":"pwn-entry-4qiwHz1XOkkdhSJTFlGv1P","type":"link","title":"Mobles i Articles per a la llar","url":"/es/ca/point-of-sale/retail/furniture-home-goods "},{"id":"pwn-entry-4mW2EzlbAki5jt943QCghA","type":"link","title":"Queviures i Botiga de conveniència","url":"/es/ca/point-of-sale/retail/grocery-convenience-store "},{"id":"pwn-entry-6guqNsrvVp3ueaR51hItpM","type":"link","title":"Cervesa, vi i licor","url":"/es/ca/point-of-sale/retail/liquor-wine-brewery "}]},{"id":"pwn-entry-3pHSwA6ytUuQyVKP2aasXq","type":"link","title":"Compra hardware","url":"/es/ca/hardware"}]},{"id":"pwn-entry-7nXfiHwr17hzbbWBAUCYCy","type":"category","title":"Ven online","navItems":[{"id":"pwn-entry-2z3Gwn6QyUFov475nbOw3e","type":"link","title":"Botiga online","url":"/es/ca/online-store"},{"id":"pwn-entry-5vJzqLGBnZvKkunlM0HNsd","type":"link","title":"Links de pagament","url":"/es/ca/payment-links"},{"id":"pwn-entry-4xZrnpm676qF6Qgvc4lOtO","type":"link","title":"Photo Studio","url":"/es/ca/photo-studio/app "},{"id":"pwn-entry-6EMayYEI6FWbKmmkJtbUZx","type":"link","title":"Integracions","url":"/es/ca/payments/online-payments"},{"id":"pwn-entry-2YAihX8Ve7OkLHZeo9ZvD5","type":"link","title":"API","url":"https://developer.squareup.com/es/ca/online-payment-apis"}]},{"id":"pwn-entry-X4NAsrUTr265YUWb9Ey5b","type":"category","title":"Components","navItems":[{"id":"pwn-entry-71aSOrQKXIKUezNM3dvbg6","type":"link","title":"Square Reader","url":"/es/ca/hardware/reader"},{"id":"pwn-entry-78Hb2ha38vrLVnXs9vQVDj","type":"link","title":"Square Terminal","url":"/es/ca/hardware/terminal"},{"id":"pwn-entry-3RdeF478ntjZvF9fKD5x0L","type":"link","title":"Square Stand","url":"/es/ca/hardware/stand"},{"id":"pwn-entry-5x9NUghrT6jS6jSVCzP35B","type":"link","title":"Square Register","url":"/es/ca/hardware/register"},{"id":"pwn-entry-1TaqRKlBpU1NvfvvoeBWVG","type":"link","title":"Square Kiosk","url":"/es/ca/hardware/kiosk"},{"id":"pwn-entry-3gmsudeQuPUu1lsDcKHGxm","type":"link","title":"Consulta el hardware","url":"/es/ca/hardware"}]},{"id":"pwn-entry-TlzavDzHzGsr61OIOmefQ","type":"link","title":"Preus","url":"/es/ca/pricing"},{"id":"pwn-entry-3gAfmAvPq6c8tS50GhMkgn","type":"category","title":"Recursos","navItems":[{"id":"pwn-entry-3ReflnW9kFKe0YHjTlJ3b5","type":"link","title":"Per què Square?","url":"/es/ca/why-square"},{"id":"pwn-entry-2uK4YgAvBjKrbnevhzZKFd","type":"link","title":"Centre d’ajuda","url":"/help/es/ca"},{"id":"pwn-entry-635JNRObZX1gAHXfWh90Ym","type":"link","title":"Contacta amb l’equip de vendes","url":"/es/ca/sales"},{"id":"pwn-entry-2lZ2V83Hc90s1M0QyCzXus","type":"link","title":"Desenvolupadors","url":"https://developer.squareup.com/es/es"},{"id":"pwn-entry-1FajHicZOGrrfbUp6h52Qa","type":"link","title":"Centre d’aplicacions","url":"/es/ca/app-marketplace"},{"id":"pwn-entry-76dUCgk3gw8gxvgngjzRZ2","type":"link","title":"Comunitat Square","url":"https://www.sellercommunity.com/t5/Comunitat-Square/ct-p/comunitat-square"},{"id":"pwn-entry-1p5x3wO22LSsSkiiQHNnlX","type":"link","title":"Quant a","url":"/es/ca/about"},{"id":"pwn-entry-5ZXp7ubagdik88IyDlblJH","type":"link","title":"Blog","url":"/es/ca/townsquare"},{"id":"pwn-entry-6aIWpYq6hiyoYhtSGbg98O","type":"link","title":"Software i solucions","url":"/es/ca/software"}]}],"secondaryNavItems":[{"id":"pwn-entry-35luQtwP4wX6nOTEOFyTU6","type":"link","title":"Inicia la sessió","url":"/login?lang_code=ca-es","hideWhenLoggedIn":true},{"id":"pwn-entry-2v8lxWrarO1DTNudw3G8Rb","type":"category","title":"El meu compte","navItems":[{"id":"pwn-entry-6ANvDiHdLnB1uFivIE8UT5","type":"link","title":"Tauler de control","url":"/dashboard"},{"id":"pwn-entry-23tE6zfE9AXlG1WcFmTbSx","type":"link","title":"Estat de la comanda","url":"/shop/hardware/es/ca/my-orders"},{"id":"pwn-entry-4YThOWJxN9jHPZdQ5Of9Za","type":"link","title":"Atenció al venedor","url":"/help/es/ca"},{"id":"pwn-entry-7t5txX7Z4bJyfKsTgo2Veo","type":"link","title":"Tanca la sessió","url":"/logout?country_code=es\u0026lang_code=ca\u0026return_to=%2Flogout-redirect"}],"hideWhenLoggedOut":true},{"id":"pwn-entry-4NSPH2BD0jG9GcutBn3onl","type":"link","title":"Compra","url":"/es/ca/hardware"}],"cart":{"id":"pwn-entry-5Y01Bnxal5deGUk6s4NVz7","dataUrl":"/shop/hardware/es/ca/api/v1/item_count","url":"/shop/hardware/es/ca/cart","title":"La teva cistella","statusZero":"No tens cap article a la cistella","statusOne":"Tens un article a la cistella","statusMany":"{count} articles a la cistella","primaryNavItems":[{"id":"pwn-entry-5htZQRCJV8LBU0lZbZjCJ","type":"link","title":"Compra hardware","url":"/shop/hardware/es/ca","linkStyle":"primary","hideWhenCartNotEmpty":true},{"id":"pwn-entry-1E3KUU7HpYW4bSW9q4cUxA","type":"link","title":"Mostra la cistella","url":"/shop/hardware/es/ca/cart","linkStyle":"primary","hideWhenCartEmpty":true}],"secondaryNavItems":[{"id":"pwn-entry-1oCQBHiHyYYo0hKPm8Slqm","type":"link","title":"Mostra la cistella","url":"/shop/hardware/es/ca/cart","hideWhenCartNotEmpty":true},{"id":"pwn-entry-2P8srJY0Cvg4ThAQa77QBy","type":"link","title":"Compra hardware","url":"/shop/hardware/es/ca","hideWhenCartEmpty":true},{"id":"pwn-entry-6Ouztgo2Py1aA4A7i6nApc","type":"link","title":"Historial de comandes","url":"/shop/hardware/es/ca/my-orders"}]},"alignment":"left","meta":{"reason":null}}" data-render-nav-v2="false" data-theme-color="#006aff" data-theme-focus-color="#0055cc" data-tracking-parent-id="public-web-nav" id="public-web-nav"></div><main class="main-content" id="main-content" role="main"><div class="auto-layout-collapse"><section class="hero section-hero bg-white bg-apropos sq-custom-fluid-hero sq-custom-no-bottom-link" data-entry-id="54kG5cr2TQN5SnmMoJCSRX"><div class="image max-width-at-extra-large rounded-corners-at-extra-large" data-count="5" data-fade-duration="1.5" data-hero-slideshow="" data-scale-duration="8" data-scale-end="1.0" data-scale-start="1.0"><div class="hero-slide"><div class="picture uid-7dL8Ml8tYKX2WKeMj3lXHQ-e97f0043647b6dedf608ac8a65ca6895466126884b3c443c27fcb5607a42752d"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=1680&h=1365&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=3360&h=2730&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=1680&h=1365&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=3360&h=2730&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=1680&h=1365&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=3360&h=2730&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=1291&h=1049&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=2582&h=2098&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=1291&h=1049&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=2582&h=2098&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=1291&h=1049&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=2582&h=2098&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=1023&h=831&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=2046&h=1662&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=1023&h=831&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=2046&h=1662&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=1023&h=831&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=2046&h=1662&fit=scale 2x" /><source media="(min-width: 480px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=717&h=583&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=1434&h=1166&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=717&h=583&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=1434&h=1166&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=717&h=583&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=1434&h=1166&fit=scale 2x" /><source media="(min-width: 374px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=479&h=389&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=958&h=778&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=479&h=389&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=958&h=778&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=479&h=389&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=958&h=778&fit=scale 2x" /><source type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=373&h=303&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=746&h=606&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=373&h=303&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=746&h=606&fm=webp&q=85&fit=scale 2x" /><img alt="" srcset="//images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=373&h=303&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5D4hyao9Jrf5Xyb1u1BcmH/8ae32b3189db5ced8d635416b20ba2a3/PD03971_-_Base_ESCA_fluid_hero_butcher.jpg?w=746&h=606&fit=scale 2x" /></picture></div></div><div class="hero-slide"><div class="picture uid-gGIegFuNV4BddICOb8nkC-61e3696e397c732aef7a3378ccc08ba48d12cea82301ea8ad763b2f6598efc4d"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=1680&h=1365&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=3360&h=2730&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=1680&h=1365&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=3360&h=2730&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=1680&h=1365&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=3360&h=2730&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=1291&h=1049&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=2582&h=2098&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=1291&h=1049&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=2582&h=2098&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=1291&h=1049&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=2582&h=2098&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=1023&h=831&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=2046&h=1662&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=1023&h=831&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=2046&h=1662&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=1023&h=831&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=2046&h=1662&fit=scale 2x" /><source media="(min-width: 480px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=717&h=583&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=1434&h=1166&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=717&h=583&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=1434&h=1166&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=717&h=583&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=1434&h=1166&fit=scale 2x" /><source media="(min-width: 374px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=479&h=389&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=958&h=778&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=479&h=389&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=958&h=778&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=479&h=389&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=958&h=778&fit=scale 2x" /><source type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=373&h=303&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=746&h=606&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=373&h=303&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=746&h=606&fm=webp&q=85&fit=scale 2x" /><img alt="" srcset="//images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=373&h=303&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2Llh5IJDhMEaDnWPUBvyu9/4f7ac43de73f89ea4f71d831fd3a67d8/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty.jpg?w=746&h=606&fit=scale 2x" /></picture></div></div><div class="hero-slide"><div class="picture uid-7FcaeNWi9bGltzgnV0QxfG-f4c85f3e5250320bf78dd8e2aa312403c87ea06081cb355858515808d759c4ef"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=1680&h=1365&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=3360&h=2730&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=1680&h=1365&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=3360&h=2730&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=1680&h=1365&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=3360&h=2730&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=1291&h=1049&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=2582&h=2098&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=1291&h=1049&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=2582&h=2098&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=1291&h=1049&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=2582&h=2098&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=1023&h=831&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=2046&h=1662&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=1023&h=831&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=2046&h=1662&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=1023&h=831&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=2046&h=1662&fit=scale 2x" /><source media="(min-width: 480px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=717&h=583&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=1434&h=1166&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=717&h=583&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=1434&h=1166&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=717&h=583&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=1434&h=1166&fit=scale 2x" /><source media="(min-width: 374px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=479&h=389&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=958&h=778&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=479&h=389&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=958&h=778&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=479&h=389&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=958&h=778&fit=scale 2x" /><source type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=373&h=303&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=746&h=606&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=373&h=303&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=746&h=606&fm=webp&q=85&fit=scale 2x" /><img alt="" srcset="//images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=373&h=303&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6RrvX2lCQ65Xu9qX1RTkoP/62efbbc7e83c6a32e2adf8cb8def2821/PD03971_-_Base_ESCA_fluid_hero_cafe.jpg?w=746&h=606&fit=scale 2x" /></picture></div></div><div class="hero-slide"><div class="picture uid-7t2qfgkCsminQEv0Qo6fR2-2e93d1d0200e50cd66f30e9146ae5df701b56759850ffa37bfecc2eb0a098849"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=1680&h=1365&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=3360&h=2730&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=1680&h=1365&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=3360&h=2730&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=1680&h=1365&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=3360&h=2730&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=1291&h=1049&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=2582&h=2098&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=1291&h=1049&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=2582&h=2098&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=1291&h=1049&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=2582&h=2098&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=1023&h=831&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=2046&h=1662&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=1023&h=831&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=2046&h=1662&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=1023&h=831&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=2046&h=1662&fit=scale 2x" /><source media="(min-width: 480px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=717&h=583&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=1434&h=1166&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=717&h=583&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=1434&h=1166&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=717&h=583&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=1434&h=1166&fit=scale 2x" /><source media="(min-width: 374px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=479&h=389&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=958&h=778&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=479&h=389&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=958&h=778&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=479&h=389&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=958&h=778&fit=scale 2x" /><source type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=373&h=303&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=746&h=606&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=373&h=303&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=746&h=606&fm=webp&q=85&fit=scale 2x" /><img alt="" srcset="//images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=373&h=303&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jo0IVjdLsu6v98isfwH3S/89ed05a689705eb32be570db41594281/PD03971_-_Base_ESCA_fluid_hero_rst.jpg?w=746&h=606&fit=scale 2x" /></picture></div></div><div class="hero-slide"><div class="picture uid-4RxRLGutorUrzwtKtiso7d-dd578ada57ce321bd66857c5b0cd972860a898e21f94b5b6be902f6bb14d49b4"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=1680&h=1365&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=3360&h=2730&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=1680&h=1365&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=3360&h=2730&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=1680&h=1365&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=3360&h=2730&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=1291&h=1049&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=2582&h=2098&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=1291&h=1049&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=2582&h=2098&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=1291&h=1049&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=2582&h=2098&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=1023&h=831&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=2046&h=1662&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=1023&h=831&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=2046&h=1662&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=1023&h=831&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=2046&h=1662&fit=scale 2x" /><source media="(min-width: 480px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=717&h=583&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=1434&h=1166&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=717&h=583&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=1434&h=1166&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=717&h=583&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=1434&h=1166&fit=scale 2x" /><source media="(min-width: 374px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=479&h=389&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=958&h=778&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=479&h=389&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=958&h=778&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=479&h=389&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=958&h=778&fit=scale 2x" /><source type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=373&h=303&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=746&h=606&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=373&h=303&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=746&h=606&fm=webp&q=85&fit=scale 2x" /><img alt="" srcset="//images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=373&h=303&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ScnyJjVHajcVTUVYDxpar/da2488d966cae1554f77aa997f458a7d/PD03971_-_Base_ESCA_fluid_hero_beauty.jpg?w=746&h=606&fit=scale 2x" /></picture></div></div></div><div class="content"><div class="content-wrapper align-left gap-left-none"><h1 class="balance-text" data-title-for="54kG5cr2TQN5SnmMoJCSRX">Impulsa el teu  negoci amb Square</h1><p class="font-size-large balance-text">Milions d’empreses fan servir Square per acceptar pagaments, gestionar el personal i dirigir el negoci, tant a l’establiment com online.</p><div class="grid grid-space-line font-size-small"><div class="column"><div class="display-inline-block" data-entry-id="1SZ8WF3BDy5VFOMZBWTDtM"><a class="button gap-none" href="/signup/ca-ES">Comença</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="7g7J1DAEitbF1tdfcMz6t1"><a class="button gap-none button-alt" href="/es/ca/sales/contact?page=/es/ca">Contacta amb l’equip de vendes</a></div></div></div></div></div></section><section class="overflow-hidden section-carousel bg-white auto-layout sq-custom-fluid-hero-carousel" data-entry-id="2NVg4FlmCZqMVkMb5q5FKh"><div class="content"><div class="carousel" data-autoplay="true" data-buttons="true" data-infinite-scroll="true" data-opacity-focus="true"><div class="carousel-slider grid grid-space-small"><div class="carousel-slide"><div class="content-width-extra-large" data-entry-id="63EmYg6uDCDohRun6L1F2O"><div class="position-relative"><div class="picture uid-4vb4p6q9CAxbGbmIZYSMAE-24de88c06a5245762efabd60c6c03b6e7f106af95980779e8934263dfb69d868"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=1016&h=572&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=2032&h=1144&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=1016&h=572&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=2032&h=1144&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=1016&h=572&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=2032&h=1144&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=868&h=489&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=1736&h=978&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=868&h=489&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=1736&h=978&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=868&h=489&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=1736&h=978&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=680&h=383&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=1360&h=766&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=680&h=383&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=1360&h=766&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=680&h=383&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=1360&h=766&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=424&h=239&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=848&h=478&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=424&h=239&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=848&h=478&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=424&h=239&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=848&h=478&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=324&h=182&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=648&h=364&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=324&h=182&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=648&h=364&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=324&h=182&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=648&h=364&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=276&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=552&h=310&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=276&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=552&h=310&fm=webp&q=85&fit=scale 2x" /><img alt="" srcset="//images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=276&h=155&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4vb4p6q9CAxbGbmIZYSMAE/3a3b69bc82174628191c674520d28955/PD03971_-_Base_ESCA_fluid_hero_butcher_carousel.png?w=552&h=310&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div><div class="carousel-slide"><div class="content-width-extra-large" data-entry-id="fD8NKOXFc4eooeP3z6GOm"><div class="position-relative"><div class="picture uid-5j677VhAP1evNOBDJHrRPb-17dce43e869f5e084ba67aa4c4491068b54c2c8f622a9607e201c69b14359337"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=1016&h=572&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=2032&h=1144&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=1016&h=572&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=2032&h=1144&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=1016&h=572&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=2032&h=1144&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=868&h=489&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=1736&h=978&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=868&h=489&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=1736&h=978&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=868&h=489&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=1736&h=978&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=680&h=383&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=1360&h=766&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=680&h=383&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=1360&h=766&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=680&h=383&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=1360&h=766&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=424&h=239&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=848&h=478&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=424&h=239&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=848&h=478&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=424&h=239&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=848&h=478&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=324&h=182&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=648&h=364&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=324&h=182&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=648&h=364&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=324&h=182&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=648&h=364&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=276&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=552&h=310&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=276&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=552&h=310&fm=webp&q=85&fit=scale 2x" /><img alt="" srcset="//images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=276&h=155&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5j677VhAP1evNOBDJHrRPb/9e7a7c33647dcd17b5715f394f747330/PD03971_-_Base_ESCA_2023Q1_fluid_hero_beauty_carousel.png?w=552&h=310&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div><div class="carousel-slide"><div class="content-width-extra-large" data-entry-id="3CRH2wvciUjlbEoz5ZafS"><div class="position-relative"><div class="picture uid-2oDHEzmWvCYf3zSMFjirLg-6d0672dbc8ce8747561a173694658fe3f84ee40ec15e883ccbd359759af15f4f"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=1016&h=572&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=2032&h=1144&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=1016&h=572&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=2032&h=1144&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=1016&h=572&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=2032&h=1144&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=868&h=489&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=1736&h=978&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=868&h=489&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=1736&h=978&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=868&h=489&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=1736&h=978&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=680&h=383&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=1360&h=766&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=680&h=383&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=1360&h=766&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=680&h=383&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=1360&h=766&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=424&h=239&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=848&h=478&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=424&h=239&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=848&h=478&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=424&h=239&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=848&h=478&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=324&h=182&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=648&h=364&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=324&h=182&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=648&h=364&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=324&h=182&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=648&h=364&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=276&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=552&h=310&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=276&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=552&h=310&fm=webp&q=85&fit=scale 2x" /><img alt="" srcset="//images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=276&h=155&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2oDHEzmWvCYf3zSMFjirLg/563d897b5490302c951f93036d38248d/PD03971_-_Base_ESCA_fluid_hero_cafe_carousel.png?w=552&h=310&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div><div class="carousel-slide"><div class="content-width-extra-large" data-entry-id="3Wqv7buYgC3mNuvZHR8HOg"><div class="position-relative"><div class="picture uid-J1eOOzx8LjMJc6P6X3oCW-d00f5cd374f7351e9faddca8aff347b5c325bdbe5e8998bd0aa02c8319d91e70"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=1016&h=572&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=2032&h=1144&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=1016&h=572&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=2032&h=1144&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=1016&h=572&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=2032&h=1144&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=868&h=489&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=1736&h=978&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=868&h=489&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=1736&h=978&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=868&h=489&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=1736&h=978&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=680&h=383&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=1360&h=766&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=680&h=383&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=1360&h=766&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=680&h=383&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=1360&h=766&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=424&h=239&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=848&h=478&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=424&h=239&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=848&h=478&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=424&h=239&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=848&h=478&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=324&h=182&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=648&h=364&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=324&h=182&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=648&h=364&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=324&h=182&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=648&h=364&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=276&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=552&h=310&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=276&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=552&h=310&fm=webp&q=85&fit=scale 2x" /><img alt="" srcset="//images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=276&h=155&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/J1eOOzx8LjMJc6P6X3oCW/12cfd529d565313715d170ee093411c5/PD03971_-_Base_ESCA_fluid_hero_rst_carousel.png?w=552&h=310&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div><div class="carousel-slide"><div class="content-width-extra-large" data-entry-id="6470chA9gW6Sw5oDO1qf8V"><div class="position-relative"><div class="picture uid-3eyukBsC9AmGUMBMYvG334-65129cf18d5c37dfa7159bac2c44904d8deaf84d1da21a16a66a748958ea1b03"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=1016&h=572&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=2032&h=1144&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=1016&h=572&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=2032&h=1144&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=1016&h=572&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=2032&h=1144&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=868&h=489&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=1736&h=978&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=868&h=489&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=1736&h=978&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=868&h=489&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=1736&h=978&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=680&h=383&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=1360&h=766&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=680&h=383&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=1360&h=766&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=680&h=383&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=1360&h=766&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=424&h=239&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=848&h=478&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=424&h=239&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=848&h=478&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=424&h=239&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=848&h=478&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=324&h=182&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=648&h=364&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=324&h=182&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=648&h=364&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=324&h=182&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=648&h=364&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=276&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=552&h=310&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=276&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=552&h=310&fm=webp&q=85&fit=scale 2x" /><img alt="" srcset="//images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=276&h=155&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3eyukBsC9AmGUMBMYvG334/c90010d0b72144b2a82ea59816c056dd/PD03971_-_Base_ESCA_fluid_hero_beauty_carousel.png?w=552&h=310&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div></div></div></div></section><section class="section-one-column bg-white auto-layout flex-valign-middle" data-entry-id="7w5nu6cWrR5WazgxBYCcar"><div class="content pad-top-large pad-bottom-none"></div></section><section class="section-multi-column bg-accent auto-layout flex-valign-middle" data-entry-id="3pI2zh7xPI4An9NTK1AGtu"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-medium"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights"><div class="column two-thirds-at-medium"><div data-entry-id="3OuA7gQmqPCpMQSwqDtj0o"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><h1 class="balance-text" id="comença-a-vendre-allà-on-siguis-en-tan-sols-uns-minuts">Comença a vendre allà on siguis en tan sols uns minuts</h1> <p><a href="/es/ca/payments" class="arrow">Més productes per gestionar pagaments</a></p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-accent auto-layout sq-custom-img-border-radius sq-custom-spaced-stacked-cards flex-valign-middle" data-entry-id="1CIEgVUNhHlduEm8Rt3YDk"><div class="content pad-top-none pad-bottom-large pad-bottom-xl-at-medium"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="3ksCvSiSspRRFfL2zGuzaT"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-6Qd7HjZcpAMQscOy53I1X7-6b3b16ed819f4f814a96c11c11b61916b25d99f7190fd718ec052a430e983c9c"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=319&h=191&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=638&h=382&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=319&h=191&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=638&h=382&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=319&h=191&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=638&h=382&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=270&h=162&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=540&h=324&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=270&h=162&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=540&h=324&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=270&h=162&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=540&h=324&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=207&h=124&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=414&h=248&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=207&h=124&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=414&h=248&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=207&h=124&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=414&h=248&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=424&h=254&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=848&h=508&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=424&h=254&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=848&h=508&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=424&h=254&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=848&h=508&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=324&h=194&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=648&h=388&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=324&h=194&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=648&h=388&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=324&h=194&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=648&h=388&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=276&h=165&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=552&h=330&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=276&h=165&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=552&h=330&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=276&h=165&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/f3fb73cb6780bece7b376486041cdea4/PD04101_-_ESCA_3_col_ecomm.png?w=552&h=330&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 id="fes-créixer-el-teu-negoci-amb-les-vendes-en-línia">Fes créixer el teu negoci amb les vendes en línia</h4> <p>Dispara les vendes amb una botiga virtual gratuïta o accepta pagaments segurs directament des del teu web. Només pagaràs quan rebis pagaments amb targeta o mòbil.</p> <p><a href="/es/ca/ecommerce" class="arrow">Descobreix les opcions que tens per vendre online</a></p></div></div></div></div></div><div class="column"><div data-entry-id="4DL1EGRnNtDttDm8pAoGD8"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-4NvsqWiueAef1JdmYuy8FU-ba5344030aa941593eda5d4b241805e8b5dbf20f2d563e81514eb76e2212b092"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=319&h=191&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=638&h=382&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=319&h=191&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=638&h=382&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=319&h=191&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=638&h=382&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=270&h=162&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=540&h=324&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=270&h=162&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=540&h=324&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=270&h=162&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=540&h=324&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=207&h=124&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=414&h=248&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=207&h=124&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=414&h=248&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=207&h=124&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=414&h=248&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=424&h=254&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=848&h=508&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=424&h=254&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=848&h=508&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=424&h=254&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=848&h=508&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=324&h=194&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=648&h=388&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=324&h=194&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=648&h=388&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=324&h=194&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=648&h=388&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=276&h=165&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=552&h=330&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=276&h=165&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=552&h=330&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=276&h=165&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/4852e154d5b1660efdc861b1f7a5366f/PD04101_-_ESCA_3_col_pos.png?w=552&h=330&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 id="ven-en-persona-ven-amb-seguretat">Ven en persona, ven amb seguretat</h4> <p>Comença a rebre ingressos de seguida amb una de les nostres aplicacions de TPV gratuïtes, dissenyades per a <a href="/es/ca/point-of-sale/restaurants">restaurants</a>, <a href="/es/ca/point-of-sale/retail">comerços</a> o qualsevol mena de negoci.</p> <p><a href="/es/ca/point-of-sale" class="arrow">Prova el nostre TPV personalitzable</a></p></div></div></div></div></div><div class="column"><div data-entry-id="7xkz3PyJS7oznjKPzU96u9"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-6jsXtD4iJJG8vzTNA9VyBg-3406cad5127d431d509c1677b57c380fab07434a0d525f48cd0e97f844d7b0b6"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=319&h=191&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=638&h=382&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=319&h=191&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=638&h=382&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=319&h=191&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=638&h=382&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=270&h=162&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=540&h=324&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=270&h=162&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=540&h=324&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=270&h=162&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=540&h=324&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=207&h=124&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=414&h=248&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=207&h=124&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=414&h=248&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=207&h=124&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=414&h=248&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=424&h=254&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=848&h=508&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=424&h=254&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=848&h=508&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=424&h=254&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=848&h=508&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=324&h=194&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=648&h=388&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=324&h=194&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=648&h=388&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=324&h=194&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=648&h=388&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=276&h=165&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=552&h=330&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=276&h=165&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=552&h=330&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=276&h=165&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/ecc95843779693456d2f401f878b14f4/PD04101_-_ESCA_3_col_invoices.png?w=552&h=330&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 id="accepta-pagaments-dels-clients">Accepta pagaments dels clients</h4> <p>Assegura’t més feina i cobra siguis on siguis amb Factures Square. A més, estaràs al dia dels pagaments de manera automàtica amb les funcions de seguiment i targeta desada.</p> <p><a href="/es/ca/invoices" class="arrow">Més informació sobre Factures</a></p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout flex-valign-middle" data-entry-id="5L6uvyHxcQ0HPPDGWelt4K"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-none"><div class="grid-3-at-medium multi-column-grid align-left grid-space-medium grid-align-left grid-valign-middle grid-row-equal-heights"><div class="column two-thirds-at-medium"><div data-entry-id="6nR1TKeugFvXbE5LIWF1u3"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h1" data-title-for="6nR1TKeugFvXbE5LIWF1u3">El TPV mòbil tot en un</h3></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout section-hidden hidden flex-valign-middle" data-entry-id="6omHw2dIlwVaqYpIsCbVSu"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-none"><div class="grid-3-at-medium multi-column-grid align-left grid-space-medium grid-align-left grid-valign-middle grid-row-equal-heights"><div class="column two-thirds-at-medium"><div data-entry-id="1DzqMETsemAx8ykLU4lOOq"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h1" data-title-for="1DzqMETsemAx8ykLU4lOOq">Estalvia un 40 % en l’Square Terminal</h3></div></div></div></div></div></div></div></section><section class="section-screenshot bg-white sq-custom-section-scroll-animation-video-hotspots-mobile pad-top-medium" data-entry-id="2VMHcpxy8VuVdY8PEiEnpu" data-frame-type="full-width"><div><div class="apropos-entry position-relative max-width-at-extra-large rounded-corners-at-extra-large" data-entry-id="3NBE6fWusrynWXRUxMVwAt"><div class="picture uid-3NBE6fWusrynWXRUxMVwAt-30bc12a2bcdfa2b9d9b4b8159df04e08f002473e4e4fae160a44d51afc5ed9c4"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=1680&h=924&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=3360&h=1848&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=1680&h=924&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=3360&h=1848&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=1680&h=924&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=3360&h=1848&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=1291&h=710&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=2582&h=1420&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=1291&h=710&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=2582&h=1420&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=1291&h=710&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=2582&h=1420&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=1023&h=563&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=2046&h=1126&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=1023&h=563&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=2046&h=1126&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=1023&h=563&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=2046&h=1126&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=717&h=394&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=1434&h=788&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=717&h=394&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=1434&h=788&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=717&h=394&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=1434&h=788&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=479&h=263&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=958&h=526&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=479&h=263&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=958&h=526&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=479&h=263&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=958&h=526&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=373&h=205&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=746&h=410&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=373&h=205&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=746&h=410&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=373&h=205&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/727b34af614f952ca0661c4c8d229439/PD04868_-_ESCA_mobile_t2_hardware.png?w=746&h=410&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></section><section class="section-scroll-linked-animation section-scroll-linked-animation bg-white sq-custom-section-scroll-animation-video-hotspots sq-custom-section-hardware-s3" data-config="null" data-entry-id="4gzjwWbwuUi08LY6ZKLXFw"><div class="scroll-scene pad-top-medium pad-bottom-none"><div class="scroll-scene--adjustment"><div class="scroll-item sq-custom-section-scroll-animation-video-hotspots--section-video-container" data-content-type="screenshotSection" data-entry-id="6sQYNqNKDcRJ36EK021XI7"><div class="scroll-item--adjustment"><section class="section-screenshot bg-white sq-custom-section-scroll-animation-video-hotspots--section-video pad-top-none pad-bottom-none" data-entry-id="6sQYNqNKDcRJ36EK021XI7" data-frame-type="full-width"><div><div class="apropos-entry position-relative max-width-at-extra-large rounded-corners-at-extra-large"><div class="component-video"><video data-reset="false" muted="" playsinline=""><source src="//videos.ctfassets.net/2d5q1td6cyxq/54ROw72hYtyDTa0DeMfcnO/8791300471f1bf53bc8de02e57056df4/HROC_OUTPUT_ESCA.mp4" type="video/mp4" /></video></div></div></div></section></div></div><div class="scroll-item sq-custom-section-scroll-animation-video-hotspots--section-hotspots-container sq-custom-section-hotspot-image--flip-horizontal-placement-container sq-custom-section-hotspot-image--hotspot-button-translucent-container" data-content-type="hotspotImageSection" data-entry-id="6NsSbLtBAuP9y88el0kKhf"><div class="scroll-item--adjustment"><section class="section-hotspot-image section-hotspot-image bg-accent sq-custom-section-scroll-animation-video-hotspots--section-hotspots sq-custom-section-hotspot-image--flip-horizontal-placement sq-custom-section-hotspot-image--hotspot-button-translucent hotspot-style-invert hotspot-is-interactive hotspot-resize-mode--fluid hotspot-center-tiles-on-mobile" data-config="{"base":{"hotspots":[{"hidden":true},{"hidden":true},{"hidden":true}]},"medium":{"hotspots":[{"x":"41.55%","y":"33.99%","hidden":false},{"x":"68.17%","y":"29.87%","hidden":false},{"x":"39.64%","y":"75.2%","hidden":false}]},"large":{"hotspots":[{"x":"41.68%","y":"33.66%","hidden":false},{"x":"68.4%","y":"29.27%","hidden":false},{"x":"39.31%","y":"75.18%","hidden":false}]},"extra-large":{"hotspots":[{"x":"42.04%","y":"33.18%","hidden":false},{"x":"68.35%","y":"28.99%","hidden":false},{"x":"40.18%","y":"74.44%","hidden":false}]}}" data-entry-id="6NsSbLtBAuP9y88el0kKhf"><div class="position-relative pad-top-none pad-bottom-none"><div class="hotspot-image max-width-at-extra-large rounded-corners-at-extra-large"><div class="picture uid-4amOchQ0MT5n7dspR3AmV3-c55caa5127bd905eed9a28d512215c43636dd593c0093d30a91e123e9f7469a5"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=1680&h=945&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=3360&h=1890&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=1680&h=945&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=3360&h=1890&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=1680&h=945&fm=jpg&q=85&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=3360&h=1890&fm=jpg&q=85&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=1291&h=726&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=2582&h=1452&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=1291&h=726&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=2582&h=1452&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=1291&h=726&fm=jpg&q=85&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=2582&h=1452&fm=jpg&q=85&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=1023&h=575&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=2046&h=1150&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=1023&h=575&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=2046&h=1150&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=1023&h=575&fm=jpg&q=85&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=2046&h=1150&fm=jpg&q=85&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=717&h=403&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=1434&h=806&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=717&h=403&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=1434&h=806&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=717&h=403&fm=jpg&q=85&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=1434&h=806&fm=jpg&q=85&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=479&h=269&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=958&h=538&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=479&h=269&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=958&h=538&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=479&h=269&fm=jpg&q=85&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=958&h=538&fm=jpg&q=85&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=373&h=210&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=746&h=420&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=373&h=210&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=746&h=420&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=373&h=210&fm=jpg&q=85&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/607307dc1a32ef0f4709299cf6e64041/HROC_ESCA.1125.png?w=746&h=420&fm=jpg&q=85&fit=scale&fl=progressive 2x" /></picture></div></div><div class="hotspot-buttons-container max-width-at-extra-large"><div aria-label="Intuïtiu per a tothom" class="hotspot-button hidden" data-entry-id="1cwikitAcCNClGyfiZ1yMs" data-index="0" data-title="Intuïtiu per a tothom" role="button" tabindex="0"><div class="hotspot-icon"><svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <circle cx="20" cy="20" r="20" fill="#49A4D5"/> <path d="M21.5023 10.5C21.5023 9.6716 20.8308 9 20.0023 9C19.1739 9 18.5023 9.6716 18.5023 10.5V18.5022H10.4999C9.67149 18.5022 8.99989 19.1738 8.99989 20.0022C8.99989 20.8306 9.67149 21.5022 10.4999 21.5022H18.5023V29.5046C18.5023 30.333 19.1739 31.0046 20.0023 31.0046C20.8308 31.0046 21.5023 30.333 21.5023 29.5046V21.5022H29.5045C30.333 21.5022 31.0045 20.8306 31.0045 20.0022C31.0045 19.1738 30.333 18.5022 29.5045 18.5022H21.5023V10.5Z" fill="white"/> </g> </svg> </div></div><div aria-label="Impressora de rebuts integrada" class="hotspot-button hidden" data-entry-id="5QTOjaLjROBrKEVzYBhQ5p" data-index="1" data-title="Impressora de rebuts integrada" role="button" tabindex="0"><div class="hotspot-icon"><svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <circle cx="20" cy="20" r="20" fill="#49A4D5"/> <path d="M21.5023 10.5C21.5023 9.6716 20.8308 9 20.0023 9C19.1739 9 18.5023 9.6716 18.5023 10.5V18.5022H10.4999C9.67149 18.5022 8.99989 19.1738 8.99989 20.0022C8.99989 20.8306 9.67149 21.5022 10.4999 21.5022H18.5023V29.5046C18.5023 30.333 19.1739 31.0046 20.0023 31.0046C20.8308 31.0046 21.5023 30.333 21.5023 29.5046V21.5022H29.5045C30.333 21.5022 31.0045 20.8306 31.0045 20.0022C31.0045 19.1738 30.333 18.5022 29.5045 18.5022H21.5023V10.5Z" fill="white"/> </g> </svg> </div></div><div aria-label="Pagaments ràpids i segurs" class="hotspot-button hidden" data-entry-id="4wwVSKHz5ya6iCCu8yfObD" data-index="2" data-title="Pagaments ràpids i segurs" role="button" tabindex="0"><div class="hotspot-icon"><svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <circle cx="20" cy="20" r="20" fill="#49A4D5"/> <path d="M21.5023 10.5C21.5023 9.6716 20.8308 9 20.0023 9C19.1739 9 18.5023 9.6716 18.5023 10.5V18.5022H10.4999C9.67149 18.5022 8.99989 19.1738 8.99989 20.0022C8.99989 20.8306 9.67149 21.5022 10.4999 21.5022H18.5023V29.5046C18.5023 30.333 19.1739 31.0046 20.0023 31.0046C20.8308 31.0046 21.5023 30.333 21.5023 29.5046V21.5022H29.5045C30.333 21.5022 31.0045 20.8306 31.0045 20.0022C31.0045 19.1738 30.333 18.5022 29.5045 18.5022H21.5023V10.5Z" fill="white"/> </g> </svg> </div></div></div><div class="hotspot-tiles-container max-width-at-extra-large"><div class="hotspot-tile" data-entry-id="1cwikitAcCNClGyfiZ1yMs" data-index="0"><div class="hotspot-tile-content"><h6 class="balance-text hotspot-tile-heading">Intuïtiu per a tothom</h6><div class="hotspot-tile-body balance-text"><p>Posa’t en marxa en menys de cinc minuts: ja saps com fer-lo servir.</p></div><a class="hotspot-tile-cta" href="/es/ca/hardware/terminal"><div class="link arrow">Descobreix l’Square Terminal </div></a></div></div><div class="hotspot-tile" data-entry-id="5QTOjaLjROBrKEVzYBhQ5p" data-index="1"><div class="hotspot-tile-content"><h6 class="balance-text hotspot-tile-heading">Impressora de rebuts integrada</h6><div class="hotspot-tile-body balance-text"><p>Accepta pagaments i imprimeix rebuts allà on siguin els clients.</p></div><a class="hotspot-tile-cta" href="/es/ca/hardware/terminal"><div class="link arrow">Descobreix l’Square Terminal</div></a></div></div><div class="hotspot-tile" data-entry-id="4wwVSKHz5ya6iCCu8yfObD" data-index="2"><div class="hotspot-tile-content"><h6 class="balance-text hotspot-tile-heading">Pagaments ràpids i segurs</h6><div class="hotspot-tile-body balance-text"><p>Els clients poden pagar amb dispositius sense contacte o amb targeta, i tu tindràs la confiança que cada venda serà segura.</p></div><a class="hotspot-tile-cta" href="/es/ca/hardware/terminal"><div class="link arrow">Descobreix l’Square Terminal</div></a></div></div></div></div></section></div></div></div></div></section><section class="section-multi-column bg-white auto-layout flex-valign-middle" data-entry-id="3MiR98TQdY6Q7rx5IWHydn"><div class="content pad-top-small pad-bottom-none"><div class="grid-2-at-medium grid-4-at-large multi-column-grid align-left grid-space-base grid-align-center grid-valign-top grid-row-equal-heights"><div class="column one-whole-at-medium one-half-at-large"><div data-entry-id="3RTWN2IxEcCcEIHyEt1GNN"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><h3 class="balance-text h3" data-title-for="3RTWN2IxEcCcEIHyEt1GNN">Tan portàtil i intuïtiu que et permet gestionar tot el teu negoci.</h3></div></div></div></div></div><div class="column one-whole-at-medium one-half-at-large"><div data-entry-id="1vrQhrXkacZlQZw5lJl34L"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p class="gap-vert-none">165 € + IVA  <br> o 28 € + IVA en 6 terminis amb 0 % de TAE*</p> <p class="gap-top-base gap-bottom-none"><a href="/es/ca/hardware/terminal" class="arrow">Descobreix l’Square Terminal</a></p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout section-hidden hidden flex-valign-middle" data-entry-id="4AV639i0PTQ3enN6ixm689"><div class="content pad-top-small pad-bottom-none"><div class="grid-2-at-medium grid-4-at-large multi-column-grid align-left grid-space-base grid-align-center grid-valign-top grid-row-equal-heights"><div class="column one-whole-at-medium one-half-at-large"><div data-entry-id="1Q4IKKTNSxODbxO2KLNJ79"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><h3 class="balance-text h3" data-title-for="1Q4IKKTNSxODbxO2KLNJ79">Tan portàtil i intuïtiu que et permet gestionar tot el teu negoci.</h3></div></div></div></div></div><div class="column one-whole-at-medium one-half-at-large"><div data-entry-id="1oP44fhdybHgumy7kwlNNw"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p class="gap-vert-none"><del>165 €</del> 99 € + IVA** <br> o 25 € + IVA en 4 terminis amb una TAE¹ del 0 % amb el codi OCTUBRE40.²</p> <p class="gap-top-base gap-bottom-none"><a href="/es/ca/hardware/terminal" class="arrow">Descobreix l’Square Terminal</a></p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-pricing-page-section-intro-gap-bottom-line flex-valign-top" data-entry-id="oyWk2uYbsEdDipS2JhzTN"><div class="content pad-top-large pad-bottom-medium"><div class="grid multi-column-grid align-left grid-space-base grid-align-left grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="3xZasfiSNyJornagQDDB58"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><h3 id="descobreix-més-hardware-sense-contacte">Descobreix més hardware sense contacte</h3></div></div></div></div></div></div></div></section><section class="section-multi-column bg-accent auto-layout sq-custom-section-hardware-grid sq-custom-grid-columns--clickable sq-custom-grid-column-gray-rounded flex-valign-middle overflow-hidden" data-entry-id="2RYD6pbCiaq3uFytUEj0vw"><div class="content pad-top-none pad-bottom-xl"><div class="carousel" data-buttons="true" data-infinite-scroll="true" data-opacity-focus="true" data-until-breakpoint="medium"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-bottom grid-row-equal-heights carousel-slider"><div class="column carousel-slide"><div data-entry-id="51g8UJRf3X9wHjLVptoIPZ"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><a class="display-block" href="/es/ca/hardware"><div class="picture uid-2QeKePtpBB26krA9cjgu98-2235e65adaa2ad7b64dbc1c053de9e33c475c6c75bfec9d5409bb8e48e9dc6e7"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=319&h=319&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=638&h=638&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=319&h=319&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=638&h=638&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=319&h=319&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=638&h=638&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=270&h=270&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=540&h=540&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=270&h=270&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=540&h=540&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=270&h=270&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=540&h=540&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=207&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=414&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=207&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=414&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=207&h=207&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=414&h=414&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=424&h=424&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=848&h=848&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=424&h=424&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=848&h=848&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=424&h=424&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=848&h=848&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=324&h=324&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=648&h=648&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=324&h=324&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=648&h=648&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=324&h=324&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=648&h=648&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=276&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=552&h=552&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=276&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=552&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=276&h=276&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=552&h=552&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /></picture></div></a></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><p><a href="https://squareup.com/es/ca/hardware" class="h5 arrow">Compra hardware</a></p></div></div></div></div></div><div class="column carousel-slide"><div data-entry-id="1kNgKG1ykyrnkOB3mYsoS0"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><a class="display-block" href="/es/ca/hardware/register"><div class="picture uid-1mf5pD3ZJsyCxJaxFnpH9F-e880f0567759e8c97afc86105bff7bc25b25291c3d76fef4e3638ac4012fe949"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=319&h=319&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=638&h=638&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=319&h=319&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=638&h=638&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=319&h=319&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=638&h=638&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=270&h=270&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=540&h=540&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=270&h=270&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=540&h=540&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=270&h=270&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=540&h=540&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=207&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=414&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=207&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=414&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=207&h=207&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=414&h=414&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=424&h=424&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=848&h=848&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=424&h=424&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=848&h=848&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=424&h=424&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=848&h=848&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=324&h=324&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=648&h=648&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=324&h=324&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=648&h=648&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=324&h=324&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=648&h=648&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=276&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=552&h=552&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=276&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=552&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=276&h=276&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=552&h=552&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /></picture></div></a></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><p><a href="https://squareup.com/es/ca/hardware/register" class="h5 arrow">Square Register</a></p></div></div></div></div></div><div class="column carousel-slide"><div data-entry-id="3kdFLU6tE8kjEIZ4Zlqkhz"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-1A4AqjEFD9CKiQkBIUFcCW-d0523446fb395e7d8f62781658a320143a6278bf38c092ac9cc6d7817e1f0ff9"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=319&h=319&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=638&h=638&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=319&h=319&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=638&h=638&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=319&h=319&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=638&h=638&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=270&h=270&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=540&h=540&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=270&h=270&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=540&h=540&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=270&h=270&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=540&h=540&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=207&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=414&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=207&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=414&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=207&h=207&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=414&h=414&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=424&h=424&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=848&h=848&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=424&h=424&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=848&h=848&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=424&h=424&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=848&h=848&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=324&h=324&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=648&h=648&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=324&h=324&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=648&h=648&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=324&h=324&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=648&h=648&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=276&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=552&h=552&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=276&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=552&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=276&h=276&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=552&h=552&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><p><a href="https://squareup.com/es/ca/hardware/reader" class="h5 arrow">Square Reader (2a generació)</a></p></div></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-overlapping-carousel sq-custom-img-border-radius sq-custom-single-item-carousel-quote flex-valign-middle overflow-hidden" data-entry-id="1AS7URX2Is9OdJYBNTIs8P"><div class="content pad-top-none pad-bottom-large pad-bottom-xl-at-medium"><div class="carousel" data-buttons="true" data-opacity-focus="true"><div class="grid multi-column-grid align-left grid-space-small grid-align-center grid-valign-middle grid-row-equal-heights carousel-slider"><div class="column carousel-slide sq-custom-link-arrow-to-video-arrow"><div data-entry-id="4oJFFrAQVdetipU6pRzpqN"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-3pOoLEKwJkKOhTOXqY5ZaU-628cc1eab5f7442fed5321c971ed07fc87b45f5025a95ac68c08af0a86971f8b"><picture class="apropos"><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4h6t7dKJbqMBFEGyHuFmSd/2cf61a87c5814aabe9be966f8f9cb26c/PD04839_-_M_ES_homepage_quote_module.png?w=2000&h=966&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4h6t7dKJbqMBFEGyHuFmSd/2cf61a87c5814aabe9be966f8f9cb26c/PD04839_-_M_ES_homepage_quote_module.png?w=4000&h=1932&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4h6t7dKJbqMBFEGyHuFmSd/2cf61a87c5814aabe9be966f8f9cb26c/PD04839_-_M_ES_homepage_quote_module.png?w=2000&h=966&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4h6t7dKJbqMBFEGyHuFmSd/2cf61a87c5814aabe9be966f8f9cb26c/PD04839_-_M_ES_homepage_quote_module.png?w=4000&h=1932&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4h6t7dKJbqMBFEGyHuFmSd/2cf61a87c5814aabe9be966f8f9cb26c/PD04839_-_M_ES_homepage_quote_module.png?w=2000&h=966&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4h6t7dKJbqMBFEGyHuFmSd/2cf61a87c5814aabe9be966f8f9cb26c/PD04839_-_M_ES_homepage_quote_module.png?w=4000&h=1932&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5U94jnS9a8tNdjCnfD1yCQ/0daaeb389dd824b58bd9e95597cfb64b/PD04839_-_base_ES_homepage_quote_module.png?w=2000&h=1233&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5U94jnS9a8tNdjCnfD1yCQ/0daaeb389dd824b58bd9e95597cfb64b/PD04839_-_base_ES_homepage_quote_module.png?w=4000&h=2466&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5U94jnS9a8tNdjCnfD1yCQ/0daaeb389dd824b58bd9e95597cfb64b/PD04839_-_base_ES_homepage_quote_module.png?w=2000&h=1233&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5U94jnS9a8tNdjCnfD1yCQ/0daaeb389dd824b58bd9e95597cfb64b/PD04839_-_base_ES_homepage_quote_module.png?w=4000&h=2466&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5U94jnS9a8tNdjCnfD1yCQ/0daaeb389dd824b58bd9e95597cfb64b/PD04839_-_base_ES_homepage_quote_module.png?w=2000&h=1233&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5U94jnS9a8tNdjCnfD1yCQ/0daaeb389dd824b58bd9e95597cfb64b/PD04839_-_base_ES_homepage_quote_module.png?w=4000&h=2466&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 id="square-ens-ha-facilitat-la-vida-ens-ha-simplificat-moltes-coses-que-teníem-especialment-amb-el-sistema-digital-de-comandes-per-a-cuina-que-ens-ajuda-amb-lafluència-de-gent-que-ens-visita-reprodueix-el-vídeo">«Square ens ha facilitat la vida. Ens ha simplificat moltes coses que teníem, especialment amb el Sistema digital de comandes per a cuina, que ens ajuda amb l’afluència de gent que ens visita.» <a href="https://www.youtube.com/watch?v=XUsNXswFR2Q" title="Reprodueix el vídeo" class="h6 arrow video-player-link display-block pad-top-base pad-bottom-base">Reprodueix el vídeo</a></h3> <p><strong>Charles Chakal</strong>, Administrador<br><span class="font-size-small">Pink’s</span></p></div></div></div></div></div></div></div></div></section><section class="section-multi-column bg-accent auto-layout section-hidden hidden sq-custom-section-hardware-grid sq-custom-grid-columns--clickable sq-custom-grid-column-gray-rounded flex-valign-middle overflow-hidden" data-entry-id="45lSR1FvTsSwbUkjAo0xZO"><div class="content pad-top-none pad-bottom-xl"><div class="carousel" data-buttons="true" data-infinite-scroll="true" data-opacity-focus="true" data-until-breakpoint="medium"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-bottom grid-row-equal-heights carousel-slider"><div class="column carousel-slide"><div data-entry-id="7JObUWOCJxirwQDKbdcWIj"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><a class="display-block" href="/es/ca/hardware"><div class="picture uid-2QeKePtpBB26krA9cjgu98-bc2308fb7b17f664a8c08029842c0c16507558b3e05b969cf68d07e33e7bf348"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=319&h=319&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=638&h=638&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=319&h=319&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=638&h=638&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=319&h=319&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=638&h=638&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=270&h=270&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=540&h=540&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=270&h=270&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=540&h=540&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=270&h=270&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=540&h=540&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=207&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=414&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=207&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=414&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=207&h=207&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=414&h=414&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=424&h=424&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=848&h=848&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=424&h=424&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=848&h=848&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=424&h=424&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=848&h=848&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=324&h=324&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=648&h=648&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=324&h=324&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=648&h=648&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=324&h=324&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=648&h=648&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=276&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=552&h=552&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=276&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=552&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=276&h=276&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/d68f20c8e0e77b6e6b8ad663f7371712/PD05057_-_ESCA_Terminal_Register_Stand_R12d_grouping.png?w=552&h=552&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /></picture></div></a></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><p><a href="https://squareup.com/es/ca/hardware" class="h5 arrow">Compra hardware</a></p></div></div></div></div></div><div class="column carousel-slide"><div data-entry-id="7mjSWJ3yUCmB1PK9HajtYr"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><a class="display-block" href="/es/ca/hardware/register"><div class="picture uid-1mf5pD3ZJsyCxJaxFnpH9F-72102d538fd7bed7b1291c08d07923f9a009462c3aca6f70688d9c258d9842f3"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=319&h=319&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=638&h=638&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=319&h=319&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=638&h=638&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=319&h=319&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=638&h=638&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=270&h=270&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=540&h=540&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=270&h=270&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=540&h=540&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=270&h=270&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=540&h=540&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=207&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=414&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=207&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=414&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=207&h=207&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=414&h=414&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=424&h=424&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=848&h=848&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=424&h=424&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=848&h=848&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=424&h=424&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=848&h=848&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=324&h=324&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=648&h=648&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=324&h=324&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=648&h=648&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=324&h=324&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=648&h=648&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=276&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=552&h=552&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=276&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=552&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=276&h=276&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1mf5pD3ZJsyCxJaxFnpH9F/9a7299bc8ca39a75a4c2fed9ac34776d/PD03944_-_ESCA_Register_tile_4000px.png?w=552&h=552&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /></picture></div></a></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><p class="h5 arrow"><a href="https://squareup.com/es/ca/hardware/register">Square Register</a></p></div></div></div></div></div><div class="column carousel-slide"><div data-entry-id="113J1JovAegUnOtZTyQRPJ"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-1A4AqjEFD9CKiQkBIUFcCW-404a44131a94688057becb2703c6412218f852f9c5150419f07c2b71e30b5827"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=319&h=319&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=638&h=638&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=319&h=319&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=638&h=638&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=319&h=319&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=638&h=638&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=270&h=270&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=540&h=540&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=270&h=270&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=540&h=540&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=270&h=270&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=540&h=540&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=207&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=414&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=207&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=414&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=207&h=207&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=414&h=414&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=424&h=424&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=848&h=848&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=424&h=424&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=848&h=848&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=424&h=424&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=848&h=848&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=324&h=324&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=648&h=648&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=324&h=324&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=648&h=648&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=324&h=324&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=648&h=648&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=276&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=552&h=552&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=276&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=552&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=276&h=276&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=552&h=552&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><p class="h5 arrow"><a href="https://squareup.com/es/ca/hardware/reader">Square Reader (2a generació)</a></p> <p class="promo-sticker promo-sticker-bottom">-40%**</p></div></div></div></div></div></div></div></div></section><section class="section-multi-column bg-invert auto-layout sq-custom-section-rounded-corners sq-custom-section-with-checklist-align-left-stacked-on-mobile sq-custom-check-list-blue flex-valign-middle" data-entry-id="42D5tDmh3qufOvSGVKZmt1"><div class="content pad-top-large pad-bottom-large"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights"><div class="column two-thirds-at-medium"><div data-entry-id="JBYHRsMAgIsb6im8Qv6Dh"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h3" data-title-for="JBYHRsMAgIsb6im8Qv6Dh">Milions de negocis de tot el món hi confien</h3><p>Amb Square, el teu negoci estarà protegit sense cap cost addicional.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="4dQESBGUrdJGyUzszO5XfZ"><a class="arrow" href="/es/ca/payments/secure">Més informació sobre la seguretat a Square</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="pDtR1VtgJRynSdg8XSztm"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><ul class="grid-space-base gap-bottom-line check-list"><li>Control de frau</li><li>Gestió de reclamacions</li><li>Equips d’experts en vendes i Atenció al venedor</li></ul></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout flex-valign-middle" data-entry-id="5qhUU3MarbF7wgx93g0p1U"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-medium"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights"><div class="column two-thirds-at-medium"><div data-entry-id="VvQY5kOZfzojcIOtbuia2"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><h3 class="balance-text h2" data-title-for="VvQY5kOZfzojcIOtbuia2">Gestiona-ho tot des d’un sol lloc</h3></div></div></div></div></div><div class="column one-whole-at-medium"><div data-entry-id="1DGfDssIBBuR3BKdK4XRKD"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p class="balance-text">Tenir en un sol lloc les vendes, les comandes, els clients, l’inventari i molt més et facilita el dia a dia i et permet fer créixer el negoci amb confiança.</p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-img-border-radius sq-custom-spaced-stacked-cards flex-valign-middle" data-entry-id="1r6ZNomQ5y9Q3Qj3edGyBv"><div class="content pad-bottom-large pad-bottom-xl-at-medium"><div class="grid-2-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="GyPPFVeQNHN2Ou95LjT9g"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-6ShFBj0Z3TBlt8yuZYYeJ5-86c2e4f51f676666f4cd6ae8e35e0dfb71fbd470a232f7869c54a81409c6693b"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=493&h=297&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=986&h=594&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=493&h=297&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=986&h=594&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=493&h=297&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=986&h=594&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=419&h=252&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=838&h=504&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=419&h=252&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=838&h=504&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=419&h=252&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=838&h=504&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=325&h=196&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=650&h=392&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=325&h=196&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=650&h=392&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=325&h=196&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=650&h=392&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=424&h=255&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=848&h=510&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=424&h=255&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=848&h=510&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=424&h=255&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=848&h=510&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=324&h=195&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=648&h=390&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=324&h=195&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=648&h=390&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=324&h=195&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=648&h=390&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=276&h=166&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=552&h=332&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=276&h=166&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=552&h=332&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=276&h=166&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6ShFBj0Z3TBlt8yuZYYeJ5/b51ecd6e8616e6b16526029f3e85329e/PD04095_-_ESCA_2022Q3_UI_abstract_labor_cost.png?w=552&h=332&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h5" data-title-for="GyPPFVeQNHN2Ou95LjT9g">Accés a tot</h3><p>Ho tens tot al Tauler de control de Square. Hi trobaràs estadístiques i informes avançats sobre les vendes en línia i en persona. Aquest servei està inclòs en tots els comptes.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="1LQo2J2p5zHuzeeq9ykXG6"><a class="arrow" href="/signup/es?lang_code=ca-ES">Crea un compte</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="3Qyk7BlzbH73eObImlVS0"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-1zqVHmcMms3Hcs5ne37J5w-d6a1c2385897a641746f46dfc8cb2fb967d85121e6792d8116f6d2aadd67781d"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=493&h=297&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=986&h=594&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=493&h=297&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=986&h=594&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=493&h=297&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=986&h=594&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=419&h=252&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=838&h=504&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=419&h=252&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=838&h=504&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=419&h=252&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=838&h=504&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=325&h=196&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=650&h=392&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=325&h=196&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=650&h=392&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=325&h=196&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=650&h=392&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=424&h=255&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=848&h=510&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=424&h=255&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=848&h=510&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=424&h=255&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=848&h=510&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=324&h=195&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=648&h=390&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=324&h=195&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=648&h=390&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=324&h=195&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=648&h=390&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=276&h=166&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=552&h=332&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=276&h=166&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=552&h=332&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=276&h=166&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1zqVHmcMms3Hcs5ne37J5w/67c7bbc14ee43fd92360ab8b8104f37f/PD02952_-_ESCA_2022Q3_UI_abstract_connect_apps.png?w=552&h=332&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h5" data-title-for="3Qyk7BlzbH73eObImlVS0">Sincronitza les teves aplicacions amb Square</h3><p>Gestiona el negoci al teu gust. Ens adaptem a les eines que ja fas servir, com PrestaShop i Deliverect, per oferir-te flexibilitat i estalviar-te temps.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="3zARiU2mbPOgnE5MOp8oT6"><a class="arrow" href="/es/ca/app-marketplace">Visita la plataforma d’aplicacions</a></div></div></div></div></div></div></div></div></div></div></section><section class="section-multi-column bg-invert auto-layout sq-custom-lead-form-to-multi-column-target sq-custom-lead-form-to-multi-column-target-prepend sq-custom-h1-to-hero-h1 flex-valign-middle" data-entry-id="57r1yiRtiZKuHtTloa0kFy"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-large pad-bottom-xl-at-medium"><div class="intro font-size-large align-left gap-left-none"><h2 class="balance-text h1" data-title-for="57r1yiRtiZKuHtTloa0kFy">Comença a vendre amb Square</h2><ul class="reset grid-auto gap-bottom-large"> <li><a href="/signup/ca-ES" class="arrow pad-right-small">Inicia un compte gratuït</a></li> <li><a href="/es/ca/sales/contact?page=/es/ca" class="arrow">Posa’t en contacte amb el nostre equip de vendes</a></li> </ul></div><div class="grid-2-at-medium grid-4-at-large multi-column-grid align-left grid-space-small grid-align-left grid-valign-middle grid-row-equal-heights"><div class="column one-whole-at-medium one-half-at-large"><div data-entry-id="2vvQVAi7HSEsAkxUAsNULZ"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-small"><p class="grid-auto grid-align-center grid-align-left-at-medium grid-align-center-at-large"><img src="https://images.ctfassets.net/2d5q1td6cyxq/7Kt5Gs6RsJ8fU37uVk0ua6/7f4252085ba7a5a29fc8a88abfe501e4/PD03515_-_start_selling_icons.svg" alt="stay-in-touch-icon" class="one-half one-third-at-medium one-half-at-large"></p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-hp-section-resource-links flex-valign-middle" data-entry-id="5Qg6epsQ1S7V2J9IvG7jvr"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-large pad-bottom-xl-at-medium"><div class="intro font-size-large align-left gap-left-none"><h2 class="balance-text h2" data-title-for="5Qg6epsQ1S7V2J9IvG7jvr">Recursos</h2></div><div class="grid-2-at-medium multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="4ShfFVofleA0Li19HfMcBo"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p><a href="/es/ca/solutions" class="arrow balance-text">Troba la solució adequada per al teu tipus de negoci</a></p></div></div></div></div></div><div class="column"><div data-entry-id="16lVdAhCzvSCnG3w9Vk8gS"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p><a href="/es/ca/software" class="arrow balance-text">Consulta software especialitzat i solucions per a negocis</a></p></div></div></div></div></div><div class="column"><div data-entry-id="6EIG76gEDUpizVCvMw9FBs"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p><a href="/es/ca/townsquare" class="arrow balance-text">Consulta informes, articles i entrevistes a Town Square</a></p></div></div></div></div></div><div class="column"><div data-entry-id="23YVgdcQFD3SXSHt1xnCvU"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p><a href="/help/es/ca" class="arrow balance-text">Ves al Centre d’ajuda per treure el màxim profit de Square</a></p></div></div></div></div></div><div class="column"><div data-entry-id="5fAk44K4kQUAkDyXTf80Oe"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p><a href="/es/ca/townsquare/que-es-square" class="arrow balance-text">Què és Square?</a></p></div></div></div></div></div><div class="column"><div data-entry-id="7L5d9OkDXes7zIbDzu6i1a"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p><a href="/es/ca/payments/card-payments" class="arrow balance-text">Aquí tens més informació sobre com acceptar pagaments amb targeta</a></p></div></div></div></div></div></div></div></section><section class="auto-layout section-lead-form bg-invert sq-custom-lead-form-to-multi-column-source sq-custom-section-lead-form-input-checkbox-button" data-entry-id="5MJYUZkmpCKLaa3YKpAFy2"><div class="content content-width-large lead-form-section"><div class="single-column-lead-form-section"><div class="intro font-size-base align-left gap-left-none"><h2 class="balance-text h3" data-title-for="5MJYUZkmpCKLaa3YKpAFy2">Seguim en contacte</h2><p>Subscriu-te la nostra llista de correu electrònic per rebre consells d’altres propietaris de negocis, articles d’ajuda, consells d’experts del sector i molt més.</p></div><form data-button-success="S’ha enviat." data-error-message="S’ha produït un error en enviar el formulari" data-flash-message="Gràcies!" data-follow-up-form="true" data-google-maps-bundle-url="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyCGymSrshTUGxNpFKwgy25U2USi1UzWijQ&libraries=places&callback=Sq.FieldAddressAutocomplete.init" data-lead-form="" data-lead-form-id="8282" data-marketo-base-url="//app-sj14.marketo.com" data-munchkin-id="424-IAB-218" data-required-checkbox-field="Selecciona com a mínim una de les opcions." data-required-field="Cal un {{field_name}} vàlid." data-required-radio-field="Selecciona una de les opcions." data-submit-once="true" data-validate="true" false="" novalidate="" ||=""><div><div class="grid-1-at-medium gap-bottom-line"><div class="column"><div class="field"><label for="lead-form-1_Email"></label><div class="field-input"><input data-container=".field" data-pattern-flags="i" data-whitelist="[A-Za-z0-9._@%+-]" id="lead-form-1_Email" name="Email" pattern="^[A-Z0-9._%+-]+@(?:[A-Z0-9-]+\.)+[A-Z]{2,}$" placeholder="Introdueix l’adreça electrònica." required="" title="Ingresar una dirección de correo electrónico válida" type="email" /></div></div></div></div><div class="grid-1-at-medium gap-bottom-line"><div class="column"><fieldset class="field" data-container=".field" data-required="true" title="Selecciona com a mínim una de les opcions."><div class="grid-space-none"><div class="col"><legend></legend></div><div class="col"><input id="lead-form-1_Email_Opt_Out__c_False" name="Email_Opt_Out__c" type="checkbox" value="False" /><label for="lead-form-1_Email_Opt_Out__c_False">En proporcionar la teva informació, acceptes rebre correus electrònics, trucades telefòniques o missatges de text de Square amb la finalitat de promocionar productes i serveis que et puguin interessar o puguin beneficiar el teu negoci. Pots donar-te de baixa en qualsevol moment.*</label></div></div></fieldset></div></div><input id="lead-form-1_Square_AVT__c" name="Square_AVT__c" type="hidden" value="" /><input id="lead-form-1_formType" name="formType" type="hidden" value="Leads" /><input id="lead-form-1_Country" name="Country" type="hidden" value="ES" /><input id="lead-form-1_Language__c_account" name="Language__c_account" type="hidden" value="CA" /><input id="lead-form-1_referrer" name="referrer" type="hidden" value="" /><input id="lead-form-1_formDetail" name="formDetail" type="hidden" value="Passive" /><input id="lead-form-1_Sync_to_Marketo__c" name="Sync_to_Marketo__c" type="hidden" value="true" /><input id="lead-form-1_LeadSource" name="LeadSource" type="hidden" value="Marketing Sourced" /><input id="lead-form-1_Source_Detail__c_account" name="Source_Detail__c_account" type="hidden" value="Public Web (Passive Lead Form)" /><input id="lead-form-1_audienceSegment" name="audienceSegment" type="hidden" value="Sales Leads" /><input id="lead-form-1_squareBU" name="squareBU" type="hidden" value="Square" /><input id="lead-form-1_cookieAffiliate" name="cookieAffiliate" type="hidden" value="" /><input id="lead-form-1_cookieCode" name="cookieCode" type="hidden" value="" /><input id="lead-form-1_cookieEntireURL" name="cookieEntireURL" type="hidden" value="" /><input name="_mkt_trk" type="hidden" /><input name="followUpList" type="hidden" value="[{"default":true,"followupType":"none","followupValue":null}]" /><div class="column gap-bottom-line"><button class="lead-form-submit-button" type="submit">Envia</button></div></div><div class=" align-left gap-bottom-line legal-text-field font-size-small"><p>*Si en vols més informació, consulta el nostre <a href="https://squareup.com/es/ca/legal/general/privacy" target="_blank">Avís de privacitat</a>.</p></div></form></div><div class="follow-up-form"><div class="single-column-lead-form-section"><div class="intro font-size-base"><h2 class="balance-text h2" data-title-for="77jaFvVIH0f0h153nxnKjv">Ha estat un plaer.</h2><p>Considerem que cada negoci és únic, de la mateixa manera que ho són les persones que els gestionen. Explica’ns alguna cosa més de tu per rebre continguts personalitzats sobre els temes que més t’interessen.</p></div><form data-button-success="S’ha enviat." data-error-message="S’ha produït un error en enviar el formulari" data-flash-message="Gràcies!" data-follow-up-form="false" data-google-maps-bundle-url="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyCGymSrshTUGxNpFKwgy25U2USi1UzWijQ&libraries=places&callback=Sq.FieldAddressAutocomplete.init" data-lead-form="" data-lead-form-id="8280" data-marketo-base-url="//app-sj14.marketo.com" data-munchkin-id="424-IAB-218" data-required-checkbox-field="Selecciona com a mínim una de les opcions." data-required-field="Cal un {{field_name}} vàlid." data-required-radio-field="Selecciona una de les opcions." data-submit-once="true" data-validate="true" false="" novalidate="" ||=""><div><div class="grid-2-at-medium gap-bottom-line"><div class="column"><div class="field"><label for="lead-form-2_FirstName">Nom</label><div class="field-input"><input data-container=".field" id="lead-form-2_FirstName" name="FirstName" required="" title="Este campo es obligatorio" type="text" /></div></div></div><div class="column"><div class="field"><label for="lead-form-2_LastName">Cognoms</label><div class="field-input"><input data-container=".field" id="lead-form-2_LastName" name="LastName" required="" title="Este campo es obligatorio" type="text" /></div></div></div></div><div class="grid-2-at-medium gap-bottom-line"><div class="column"><fieldset class="field intl-phone-field" data-current-country-code="es"><legend>Telèfon</legend><div class="intl-phone-wrapper"><button aria-expanded="false" class="country-code-trigger" type="button"><span class="selected-flag icon-flag icon-flag-ES"></span><span class="arrow-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" width="14" height="14"> <path d="M1 5l6 6 6-6" fill="none" stroke="#1a1a1a" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span></button><div class="intl-select-dropdown"><div class="intl-select-scroll"><div class="intl-select-option" data-country-code="US" data-country-number-code="+1" data-country-number-placeholder="000 000 0000"><input id="lead-form-2_US-country-code-prefix" name="country_code_prefix" type="radio" value="+1" /><label for="lead-form-2_US-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-US"></span><span class="intl-option-label">Estats Units d’Amèrica</span> <span class="intl-option-country-code">+1</span></label></div><div class="intl-select-option" data-country-code="GB" data-country-number-code="+44" data-country-number-placeholder="0000 000000"><input id="lead-form-2_GB-country-code-prefix" name="country_code_prefix" type="radio" value="+44" /><label for="lead-form-2_GB-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-GB"></span><span class="intl-option-label">Regne Unit</span> <span class="intl-option-country-code">+44</span></label></div><div class="intl-select-option" data-country-code="AU" data-country-number-code="+61" data-country-number-placeholder="0000-000-000"><input id="lead-form-2_AU-country-code-prefix" name="country_code_prefix" type="radio" value="+61" /><label for="lead-form-2_AU-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-AU"></span><span class="intl-option-label">Austràlia</span> <span class="intl-option-country-code">+61</span></label></div><div class="intl-select-option" data-country-code="CA" data-country-number-code="+1" data-country-number-placeholder="000 000 0000"><input id="lead-form-2_CA-country-code-prefix" name="country_code_prefix" type="radio" value="+1" /><label for="lead-form-2_CA-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-CA"></span><span class="intl-option-label">Canadà</span> <span class="intl-option-country-code">+1</span></label></div><div class="intl-select-option" data-country-code="JP" data-country-number-code="+81" data-country-number-placeholder="00 0000 0000"><input id="lead-form-2_JP-country-code-prefix" name="country_code_prefix" type="radio" value="+81" /><label for="lead-form-2_JP-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-JP"></span><span class="intl-option-label">Japó</span> <span class="intl-option-country-code">+81</span></label></div><div class="intl-select-option" data-country-code="IE" data-country-number-code="+353" data-country-number-placeholder="0000000000"><input id="lead-form-2_IE-country-code-prefix" name="country_code_prefix" type="radio" value="+353" /><label for="lead-form-2_IE-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-IE"></span><span class="intl-option-label">Irlanda</span> <span class="intl-option-country-code">+353</span></label></div><div class="intl-select-option" data-country-code="ES" data-country-number-code="+34" data-country-number-placeholder="000000000"><input checked="" id="lead-form-2_ES-country-code-prefix" name="country_code_prefix" type="radio" value="+34" /><label for="lead-form-2_ES-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-ES"></span><span class="intl-option-label">Espanya</span> <span class="intl-option-country-code">+34</span></label></div><div class="intl-select-option" data-country-code="FR" data-country-number-code="+33" data-country-number-placeholder="00 00 00 00 00"><input id="lead-form-2_FR-country-code-prefix" name="country_code_prefix" type="radio" value="+33" /><label for="lead-form-2_FR-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-FR"></span><span class="intl-option-label">França</span> <span class="intl-option-country-code">+33</span></label></div></div></div><div class="field-input line-number-input"><input data-container=".field" data-strip-non-digits="true" data-whitelist="[\d \-()+]" pattern="^[\d]{10,11}$" placeholder="000 00 00 00" required="" title="Ingresar un número de teléfono válido" type="tel" /></div><input class="full-number-with-country-code-input" id="lead-form-2_Phone" name="Phone" type="hidden" /></div></fieldset></div><div class="column"><div class="field"><label for="lead-form-2_Company">Nom del negoci</label><div class="field-input"><input data-container=".field" id="lead-form-2_Company" name="Company" required="" title="Este campo es obligatorio" type="text" /></div></div></div></div><div class="grid-2-at-medium gap-bottom-line"><div class="column"><div class="field"><label for="lead-form-2_Industry">Sector</label><div class="field-input"><select data-container=".field" id="lead-form-2_Industry" name="Industry" required="" title="Este campo es obligatorio"><option disabled="" selected="" value=""> Selecciona...</option><option value="Fitness">Activitat física</option><option value="Food and Drink">Alimentació i begudes</option><option value="Wellness">Benestar</option><option value="Charities, Education and Membership">Caridades, Educación y Membresía</option><option value="Retail">Comerços</option><option value="Beauty">Estètica</option><option value="Home and Repair">Llar i reparació</option><option value="Leisure and Entertainment">Oci i entreteniment</option><option value="Health">Salut</option><option value="Professional Services">Serveis professionals</option><option value="Transportation">Transport</option></select></div></div></div><div class="column"><div class="field"><label for="lead-form-2_Revenue_Range__c_account">Ingressos anuals estimats</label><div class="field-input"><select data-container=".field" id="lead-form-2_Revenue_Range__c_account" name="Revenue_Range__c_account" required="" title="Este campo es obligatorio"><option disabled="" selected="" value=""> Selecciona...</option><option value="0- €50k">0 - 50 000 €</option><option value="€50k - €100k">50 000 - 100 000 €</option><option value="€100k - €250k">100 000 - 250 000 €</option><option value="€250k - €500k">250 000 - 500 000 €</option><option value="€500k - €1M">500 000 - 1 milió €</option><option value="€1M - €5M">1 milió - 5 milions € </option><option value="€5M - €10M">5 milions - 10 milions €</option><option value="€10M - €20M">10 milions - 20 milions €</option><option value="€20M - €30M">20 milions - 30 milions €</option><option value="€30M - €50M">30 milions - 50 milions €</option><option value="> €50M">> 50 milions €</option></select></div></div></div></div><input id="lead-form-2_Email" name="Email" type="hidden" value="{{lead.email address}}" /><input id="lead-form-2_Sync_to_Marketo__c" name="Sync_to_Marketo__c" type="hidden" value="true" /><input id="lead-form-2_squareBU" name="squareBU" type="hidden" value="Square" /><input id="lead-form-2_cookieAffiliate" name="cookieAffiliate" type="hidden" value="" /><input id="lead-form-2_cookieCode" name="cookieCode" type="hidden" value="" /><input id="lead-form-2_cookieEntireURL" name="cookieEntireURL" type="hidden" value="" /><input name="_mkt_trk" type="hidden" /><input name="followUpList" type="hidden" value="[{"default":true,"followupType":"none","followupValue":null}]" /><div class="column gap-bottom-line"><button class="lead-form-submit-button" type="submit">Envia</button></div></div><div class=" gap-bottom-line legal-text-field font-size-small"><p>*Si en vols més informació, consulta el nostre <a href="https://squareup.com/es/ca/legal/general/privacy" target="_blank">Avís de privacitat</a>.</p></div></form></div></div></div></section><section class="section-multi-column bg-invert auto-layout flex-valign-middle" data-entry-id="Jk888kpS2kJD8AyVih2Xa"><div class="content pad-top-medium pad-bottom-medium"><div class="grid multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="1wcG6mEZoyUfwZw4YXKzeU"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-tiny"><p class="color-gray-light">*Todos los planes de pago los emite Squareup International Ltd. Los planes están disponibles para importes de compra de 29 € a 1500 €. Todos los planes están exentos de intereses. El primer pago a plazos se hará en el momento de la compra. El IVA se calculará en el momento de la compra, pero se facturará con cada pago fraccionado. La duración de los planes disponibles varía entre 4, 6 y/o 12 plazos en función del importe de la compra. Planes no disponibles en las Islas Canarias. Todos los planes están sujetos a aprobación. Se aplican exclusiones y condiciones adicionales.</p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-invert auto-layout section-hidden hidden flex-valign-middle" data-entry-id="5ckJ3LD1LeTeDiChhBXycJ"><div class="content pad-top-medium pad-bottom-medium"><div class="grid multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="7BTBHD7DERsqs5HkFqfaD6"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-tiny"><p class="color-gray-light">¹ Squareup International Ltd. emet tots els plans de pagament. Els plans estan disponibles per a imports de compra d’entre 29 € i 1.500 €. Tots els plans són sense interessos. La primera quota es pagarà en el moment de la compra. L’IVA es calcularà en el moment de la compra, però es cobrarà amb cada quota. Les durades disponibles dels plans varien entre 4, 6 i/o 12 quotes, en funció de l’import de la compra. Els plans no estan disponibles a les illes Canàries. Tots els plans estan subjectes a aprovació. S’hi apliquen condicions addicionals.</p> <p class="color-gray-light">²L’oferta venç el 25 d’octubre del 2024 a les 23:59 (hora local) o quan s’esgotin les existències, el que passi primer. S’ofereix un descompte del 40% del cost total de l’Square Reader o de l’Square Terminal, IVA no inclòs. L’oferta es limita a un dispositiu Square per persona. El titular del compte només pot fer servir un codi una vegada. L’oferta només és vàlida per a clients registrats a Square i ubicats a Espanya. L’oferta no és vàlida en processos de pagament per a convidats. Square es reserva el dret de modificar, revocar o cancel·lar l’oferta en qualsevol moment. L’oferta no es pot combinar amb un altre cupó, no és vàlida allà on estigui prohibida, no es pot canviar per efectiu i no es pot transferir.</p></div></div></div></div></div></div></div></section><hr class="section-border content" data-entry-id="7e0qhknUVUEYcAgCAcaAgc" /><section class="section-one-column bg-white auto-layout section-hidden hidden sq-custom-intl-onboarding-modal flex-valign-middle" data-entry-id="6DArCG61nyA15BretjtYua"><div class="content"><div class="intro intro font-size-base"><div class="gap-top-small align-center"><a class="modal-trigger" data-entry-id="4aNSUGaLB3NQ6B1KYpVqJ2" href="#modal-4aNSUGaLB3NQ6B1KYpVqJ2"><div class="icon-add"></div><div class="modal-trigger-text">Get started</div></a></div></div></div></section></div></main><footer class="page-footer" id="footer" role="contentinfo"><div class="content pad-vert-medium"><nav class="primary align-center align-left-at-small gap-bottom-medium" role="navigation"><div class="grid-2-at-small grid-4-at-large grid-space-none grid-space-small-at-small"><div class="column" data-entry-id="5w0nSEpl6brTDpCmrDyzPc"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-5w0nSEpl6brTDpCmrDyzPc" href="#">Pagaments</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-5w0nSEpl6brTDpCmrDyzPc"><div class="pad-bottom-small pad-none-at-small"><ul class="destination-links reset grid-row-space-base grid-col-space-small"><li data-entry-id="5hdIIWlHi97GCR5XCjAYGW"><a href="/es/ca/payments">Vista general dels pagaments</a></li><li data-entry-id="6ibIVruOIsmfRhK7FEgCaF"><a href="/es/ca/payments/in-person-payments">Físic</a></li><li data-entry-id="7G9FcduvjfNsu3UJAgA4YE"><a href="/es/ca/payments/card-payments">Pagaments amb targeta</a></li><li data-entry-id="1S1VKBpkbcMhDNzFXoDBtC"><a href="/es/ca/payments/fee-calculator">Calculadora de comissions</a></li><li data-entry-id="1M5ElfHmFhEJE80vlyCIz1"><a href="/es/ca/payments/virtual-terminal">Des de l’ordinador</a></li><li data-entry-id="1itY8jTRkzxgQWOaMGl8Wa"><a href="/es/ca/ecommerce">Des del teu web</a></li><li data-entry-id="Zkbhz1Ipbynr4ZylNyQ62"><a href="/es/ca/invoices">Factures</a></li><li data-entry-id="7wLMdyNloKtCZWQX9vIpda"><a href="/es/ca/payments/secure">Seguretat dels pagaments</a></li></ul></div></div></div><div class="column" data-entry-id="38b3XiUbjVECzeGiz8bTSL"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-38b3XiUbjVECzeGiz8bTSL" href="#">Programari i serveis</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-38b3XiUbjVECzeGiz8bTSL"><div class="pad-bottom-small pad-none-at-small"><ul class="destination-links reset grid-row-space-base grid-col-space-small"><li data-entry-id="12sCLllCUisVFstRk1Ijjl"><a href="/es/ca/point-of-sale">TPV Square</a></li><li data-entry-id="6jD37k1cYxDdlGKzAUN45w"><a href="/es/ca/online-store">Botiga virtual</a></li><li data-entry-id="1LFyjHrV8PDSkyZuGOEkaB"><a href="/es/ca/payment-links">Links de pagament</a></li><li data-entry-id="2A6LecEX4Wh5L1x8ArY0Cz"><a href="/es/ca/appointments">Cites Square</a></li><li data-entry-id="3KjNlljpJwaU6Ga5Q5WKwL"><a href="/es/ca/point-of-sale/restaurants">Square per a restaurants</a></li><li data-entry-id="4GUxWtovO8odoi8ZHEJxwt"><a href="/es/ca/point-of-sale/restaurants/kitchen-display-system">Square KDS</a></li><li data-entry-id="pw8zYSIR8jhg9FaCIAFZJ"><a href="/es/ca/point-of-sale/retail">Square per a comerços</a></li><li data-entry-id="7oCZ5ep92M4ZisnjH6Ppox"><a href="/es/ca/staff/advanced-access">Accés Avançat</a></li><li data-entry-id="17mFMzmS5Mlhp6ZwUluRTL"><a href="/es/ca/staff/shifts">Torns</a></li><li data-entry-id="3X7hpbMKqozDfAMlEPbvf4"><a href="/es/ca/point-of-sale/features/customer-directory">Directori de clients</a></li><li data-entry-id="5FSnY89mimkpJPwhL14gL5"><a href="/es/ca/software/marketing">Màrqueting Square</a></li><li data-entry-id="1aOKQtdJOg1dpnQ0kykoTN"><a href="/es/ca/software/loyalty">Fidelització Square</a></li><li data-entry-id="5ulQ9aLKhoh98vmnfsF98H"><a href="/es/ca/app-marketplace">Plataforma d’aplicacions</a></li><li data-entry-id="2Savue5WzEKmvEKcGlAGF4"><a href="/es/ca/gift-cards">Targetes regal</a></li><li data-entry-id="1JiwStTkD8Txhc6dEl2okB"><a href="/es/ca/photo-studio/app">Photo Studio</a></li><li data-entry-id="EWXC3vI0QB8EVt1pyiSCJ"><a href="/es/ca/software">Software i solucions</a></li></ul></div></div></div><div class="column" data-entry-id="2IA0EkPriBazDabNCxElSv"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-2IA0EkPriBazDabNCxElSv" href="#">Hardware</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-2IA0EkPriBazDabNCxElSv"><div class="pad-bottom-small pad-none-at-small"><ul class="destination-links reset grid-row-space-base grid-col-space-small"><li data-entry-id="AYnNpLvcI2Jf4RFhBaNaH"><a href="/es/ca/hardware/reader">Square Reader</a></li><li data-entry-id="7GfBvNeSKxJk2MmWgIaofr"><a href="/es/ca/hardware/terminal">Square Terminal</a></li><li data-entry-id="7BN1UQ00ULu3LaRmFeZeOX"><a href="/es/ca/hardware/stand">Square Stand</a></li><li data-entry-id="1qdBX65v22vYXNku1tSUJR"><a href="/es/ca/hardware/register">Square Register</a></li><li data-entry-id="3hSfehfQB4QWDjf4UvyNiS"><a href="/es/ca/hardware/compare">Compara el hardware</a></li><li data-entry-id="2COhXE7jRgtRLQrnd8Uiyb"><a href="/es/ca/hardware">Compra hardware</a></li></ul></div></div></div><div class="column" data-entry-id="3PyXKGtRKzzflH6l73qHc4"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-3PyXKGtRKzzflH6l73qHc4" href="#">Recursos</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-3PyXKGtRKzzflH6l73qHc4"><div class="pad-bottom-small pad-none-at-small"><ul class="destination-links reset grid-row-space-base grid-col-space-small"><li data-entry-id="3z5YZ9ZXkzar72KFV7OvgD"><a href="/es/ca/pricing">Preus</a></li><li data-entry-id="1OYsFRjYOEUUx6HTJEjFHQ"><a href="/help/es/ca">Centre d’ajuda</a></li><li data-entry-id="4XJPSd5lC0sKmb715jfd7V"><a href="/es/ca/sales">Contacta amb l’equip de vendes</a></li><li data-entry-id="4yZk04qU9N8fv1D3Pmgauy"><a href="https://www.sellercommunity.com/t5/Comunitat-Square/ct-p/comunitat-square">Comunitat Square</a></li><li data-entry-id="4oyUvqpt0RjKUIExH4B6qa"><a href="https://es.issquareup.com/">Estat del servei</a></li><li data-entry-id="5EdfzCRIDhEwPcSDMqWJen"><a href="/es/ca/townsquare">Blog</a></li></ul></div></div></div><div class="column" data-entry-id="74s4rG9PtW82ldojmp8lbA"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-74s4rG9PtW82ldojmp8lbA" href="#">Desenvolupadors</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-74s4rG9PtW82ldojmp8lbA"><div class="pad-bottom-small pad-none-at-small"><ul class="destination-links reset grid-row-space-base grid-col-space-small"><li data-entry-id="vwPWbiznAQfm5QOHxPEQ1"><a href="https://developer.squareup.com/es/es">Plataforma per a desenvolupadors</a></li><li data-entry-id="58yzmB1eGH0MkMnUEa8bQi"><a href="https://developer.squareup.com/docs">Documentació</a></li><li data-entry-id="3xh6VWDqdWO9Fgk9KL03Ui"><a href="https://developer.squareup.com/apps">Tauler de control per a desenvolupadors</a></li></ul></div></div></div><div class="column" data-entry-id="1Ssvj3P8qzF6hUn4vmsK2s"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-1Ssvj3P8qzF6hUn4vmsK2s" href="#">Square</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-1Ssvj3P8qzF6hUn4vmsK2s"><div class="pad-bottom-small pad-none-at-small"><ul class="destination-links reset grid-row-space-base grid-col-space-small"><li data-entry-id="4kBeb1CA9B40xEENXnvNe0"><a href="/es/es/partnerships">Col·labora amb Square</a></li><li data-entry-id="65HshjnvxJycv5txNCFbLv"><a href="/es/ca/about">Quant a</a></li><li data-entry-id="2rr78Yhhy5YrzBLARfIkpi"><a href="/es/ca/press">Novetats</a></li><li data-entry-id="3Fw2V8EqxjRFsgu1xGzoRo"><a href="https://careers.squareup.com/es/ca">Ofertes de feina</a></li><li data-entry-id="4PjSLYE4t37r0gxXE0zYQx"><a href="/es/ca/affiliate">Afiliats</a></li></ul></div></div></div></div></nav><nav class="tertiary" role="navigation"><div class="grid-flex-at-extra-small grid-space-line grid-align-justify"><div class="column no-shrink"><a class="grid-auto-at-extra-small grid-space-base grid-valign-center" href="#locale-selector-modal"><div class="column"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1M12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1M12 23C12 23 8 19.7 8 12C8 4.3 12 1 12 1M12 23C12 23 16 19.7 16 12C16 4.3 12 1 12 1M1 9H23M1 15H23" stroke="#1a1a1a" stroke-width="2"/> </svg> </div><div class="column">Espanya (Català)</div></a></div><div class="column"><nav class="grid-auto grid-space-base grid-align-center" role="navigation"><div class="column"><a href="https://twitter.com/squareespana/" title="Twitter"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20"> <path fill="#2E3B4E" d="M16.4 6.6v.5c0 4.8-3.3 10.1-9.3 10.1-1.9 0-3.6-.4-5-1.4.3 0 .5.1.8.1 1.5 0 3-.6 4.1-1.6-1.4 0-2.6-1.1-3.1-2.5.2 0 .4.1.6.1.3 0 .7 0 1-.1C3.9 11.4 3 9.9 3 8.1c0 .3.7.4 1.2.5-.9-.7-1.4-1.8-1.4-3 0-.7.1-1.3.4-1.8C4.8 6 7.1 7.4 9.8 7.6v-.9c0-2 1.5-3.9 3.3-3.9.9 0 1.8.7 2.4 1.4.7-.2 1.4-.5 2.1-.9-.2.8-.8 1.6-1.4 2 .6-.1 1.2-.3 1.8-.6-.4.8-1 1.4-1.6 1.9z"/> </svg> </a></div><div class="column"><a href="https://www.facebook.com/squareespana/" title="Facebook"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20"> <path fill="#2E3B4E" d="M14.2 11l.4-3H11V6.3c0-.9.9-1.3 2.1-1.3h.9V2.1S12.7 2 11.6 2C9.3 2 8 3.4 8 6v2H5v3h3v7h3v-7h3.2z"/> </svg> </a></div><div class="column"><a href="https://instagram.com/squareespana/" title="Instagram"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20"> <path fill="#2F3C4E" d="M17.8 6.7c0-.9-.2-1.4-.4-1.9-.2-.6-.5-1-1-1.4-.5-.5-.9-.7-1.4-1-.5-.2-1.1-.3-1.9-.4H10c-2.1 0-2.5 0-3.3.1-.9 0-1.4.2-1.9.4-.6.2-1 .4-1.4.9-.5.4-.7.9-1 1.4-.2.6-.3 1.1-.3 2-.1.7-.1 1-.1 3.2s0 2.5.1 3.3c0 .9.2 1.4.4 1.9.2.6.5 1 1 1.4s.9.7 1.4 1c.4.2 1.1.3 1.9.4H10c2.1 0 2.4 0 3.2-.1.9 0 1.4-.2 1.9-.4.6-.2 1-.5 1.4-1 .5-.5.7-.9 1-1.4.2-.5.3-1.1.4-1.9 0-.9.1-1 .1-3.2-.1-2.1-.1-2.5-.2-3.3zm-1.4 6.5c0 .8-.2 1.2-.2 1.5-.2.4-.3.6-.6.9-.2.2-.6.5-.9.6-.3.1-.7.2-1.5.2-.9 0-1.1.1-3.2.1s-2.4 0-3.2-.1c-.8 0-1.2-.2-1.5-.2-.5-.1-.7-.2-1-.6-.2-.2-.5-.6-.6-.9-.2-.3-.3-.7-.3-1.5 0-.9-.1-1.1-.1-3.2 0-2.2 0-2.4.1-3.2 0-.8.2-1.2.2-1.5.2-.4.3-.6.6-.9.2-.2.6-.5.9-.6.5-.1.9-.3 1.7-.3.9 0 1.2-.1 3.2-.1s2.3 0 3.1.1c.8 0 1.2.2 1.5.2.4.2.6.3.9.6.3.3.5.7.6 1 .2.3.3.7.3 1.5 0 .9.1 1.1.1 3.2 0 2.2 0 2.4-.1 3.2zM10 5.9c-2.2 0-4.1 1.8-4.1 4.1s1.8 4.1 4.1 4.1 4-1.9 4-4.1-1.8-4.1-4-4.1m0 6.7c-1.4 0-2.6-1.2-2.6-2.6S8.5 7.4 10 7.4s2.6 1.2 2.6 2.6-1.2 2.6-2.6 2.6m5.1-6.8c0 .6-.4 1-1 1s-1-.4-1-1 .4-1 1-1 1 .4 1 1"/> </svg> </a></div></nav></div></div></nav><div class="grid-flex-at-medium"><div class="column expand align-center align-left-at-medium"><p class="copyright">© 2025 Block, Inc.</p><p>Squareup International Limited, operando bajo la marca Square, es una entidad autorizada y sujeta a la supervisión del Banco Central de Irlanda.</p></div><div class="column align-center align-right-at-medium"><nav><ul class="destination-links reset grid-space-base"><li class="toggle-one-trust-prefs hidden"><a class="eu-one-trust-link hidden" href="#">Preferències de les galetes</a><a class="na-one-trust-link hidden" href="#">No compartir mis datos personales</a></li><li><a href="https://squareup.com/es/ca/legal/general/privacy">Política de privacidad </a></li><li><a href="https://squareup.com/es/ca/legal/general/payments/secure">Seguretat</a></li><li><a href="https://squareup.com/es/ca/legal/general/ua">Condiciones generales de servicio</a></li><li><a href="https://squareup.com/es/ca/legal/general/gov">Gubernamentales</a></li><li><a href="https://squareup.com/es/ca/legal/general/dc">Declaración UE de conformidad</a></li><li><a href="https://squareup.com/es/ca/legal/general/cookie">Política de cookies</a></li><li class="no-wrap"><a href="https://block.xyz">Block, Inc.</a></li></ul></nav></div></div></div></footer><div class="video-player"><div class="video-player-content" tabindex="0"></div><a class="video-close-button" href="#" title="Tanca"></a></div><div class="modal modal-white" data-dismissible="true" data-size="large" id="modal-4aNSUGaLB3NQ6B1KYpVqJ2"><a class="modal-close-button modal-close-button-outer" href="#" title="Tanca"></a><div class="modal-scroll"><div class="modal-wrapper"><a class="modal-close-button modal-close-button-inner" href="#" title="Tanca"></a><div class="offset-vert-medium auto-layout-border"><section class="section-one-column bg-white auto-layout sq-custom-trustpilot-target flex-valign-middle" data-entry-id="70tQCRGbs0DvjLl3fMIHDk"><div class="content"><div class="intro intro font-size-base align-left gap-left-none"><h2 class="balance-text h3" data-title-for="70tQCRGbs0DvjLl3fMIHDk">Crea un compte en 5-10 minuts</h2><p>Uneix-te a milions de negocis d’arreu del món que fan servir Square i descobreix per què confien en nosaltres.</p> <p><a href="https://www.trustpilot.com/review/squareup.com/es?utm_medium=Trustbox&utm_source=EmailSignature4" class="trustpilot-rating" target="_blank" rel="noopener noreferrer nofollow" style="display: flex; gap: var(--space-base); justify-content: flex-start;"><img src="https://emailsignature.trustpilot.com/signature/ca-ES/4/61f03961e44ac6df8b38b294/text.png" alt="Trustpilot Human Score" class="trustpilot-score"><img src="https://emailsignature.trustpilot.com/signature/ca-ES/4/61f03961e44ac6df8b38b294/stars.png" alt="Estrelles de Trustpilot" class="trustpilot-stars"><img src="https://images.ctfassets.net/2d5q1td6cyxq/1uBrR2l6cCw7HQ3QPwvO2n/0f77203c3d605322724b12c1cccbf306/Trustpilot_Logo__2022_.svg" alt="Logotip de Trustpilot" class="trustpilot-logo"></a></p> <hr> <h5 id="què-es-necessita">Què es necessita?</h5> <p>Se’t demanaran algunes dades breus sobre tu i el negoci, com ara:</p> <ul class="check-list"> <li>Adreça</li> <li>Número de telèfon</li> <li>Número d’identificació fiscal (NIF)</li> <li>Sector i estructura del negoci</li> </ul> <p>Per verificar la teva identitat, cal que disposis d’un document d’identitat físic (passaport, DNI o permís de residència).</p> <h5 id="no-treballes-com-a-comerciant-individual">No treballes com a comerciant individual?</h5> <p>Per verificar-ho, hauràs de proporcionar l’adreça de l’empresa i informació sobre els altres propietaris.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="1Xha1bV994aw4pHcGnd8Nz"><a class="button gap-none" href="/signup/ca-ES">Crea un compte</a></div></div></div></div></div></section></div></div></div></div><div class="modal" data-dismissible="true" data-size="medium" id="locale-selector-modal"><div class="modal-scroll"><div class="modal-wrapper"><div class="content"><h4>Tria la teva regió i idioma</h4><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/au/en?country_redirection=true">Australia (English)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/ca/en?country_redirection=true">Canada (English)</a></li><li><a href="/ca/fr?country_redirection=true">Canada (Français)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/fr/fr?country_redirection=true">France (Français)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/ie/en?country_redirection=true">Ireland (English)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/jp/ja?country_redirection=true">日本 (日本語)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/es/es?country_redirection=true">España (Español)</a></li><li><a href="/es/ca?country_redirection=true">Espanya (Català)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/gb/en?country_redirection=true">United Kingdom (English)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/us/en?country_redirection=true">United States (English)</a></li><li><a href="/us/es?country_redirection=true">Estados Unidos (Español)</a></li></ul></div></div></div></div><div class="modal" data-size="medium" id="change-country-modal"><div class="modal-scroll"><div class="modal-wrapper"><div class="content"><h4 id="detection-heading"></h4><div class="grid-1 gap-top-line"><div class="column"><a class="button" href="#" id="change-country-button"></a></div><div class="cta column"><a class="arrow" data-modal-dismiss="change-country-modal" href="#" id="close-country-modal"></a></div></div><div class="border-vert gap-top-line"><a class="display-block pad-top-small pad-bottom-small color-text" data-transition-state="on" data-transition-target="country-detection-available-languages" href="#"><div class="grid-flex"><div class="column expand" id="available-languages-heading"></div><div class="column"><div class="caret"></div></div></div></a></div><div class="collapse" data-transition-duration="1000" data-transition-easing="easeInOutCubic" data-transition-state="on" data-transition-types="collapse fade" id="country-detection-available-languages"><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/au/en?country_redirection=true">Australia (English)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/ca/en?country_redirection=true">Canada (English)</a></li><li><a href="/ca/fr?country_redirection=true">Canada (Français)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/fr/fr?country_redirection=true">France (Français)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/ie/en?country_redirection=true">Ireland (English)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/jp/ja?country_redirection=true">日本 (日本語)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/es/es?country_redirection=true">España (Español)</a></li><li><a href="/es/ca?country_redirection=true">Espanya (Català)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/gb/en?country_redirection=true">United Kingdom (English)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/us/en?country_redirection=true">United States (English)</a></li><li><a href="/us/es?country_redirection=true">Estados Unidos (Español)</a></li></ul></div></div></div></div></div></body></html>