CINXE.COM

<!DOCTYPE html><html class="no-js country-CA lang-fr locale-fr-CA site-squareup type-display html-bg-white use-new-grid" data-entry-id="4EeTvVpB96mlYTwXXhZK0Z" lang="fr-CA"><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":"CA","lang_code":"fr","locale":"fr-CA","country_default_language":"en","default_country":"US","default_language":"en","supported_countries":["AU","CA","ES","FR","GB","IE","JP","US"],"detected_country_code":null,"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":"4EeTvVpB96mlYTwXXhZK0Z","content_type":"productPage","page_owner":"Payments"},"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>Traitement des paiements avec Square. </title> <meta name="description" content="Traitez presque tous les modes de paiements comme vous voulez. Notre matériel et nos logiciels évolutifs se synchronisent avec les systèmes que vous utilisez. " /> <link rel="canonical" href="https://squareup.com/ca/fr/payments" /> <link rel="alternate" hreflang="ca-ES" href="https://squareup.com/es/ca/payments" /> <link rel="alternate" hreflang="en-AU" href="https://squareup.com/au/en/payments" /> <link rel="alternate" hreflang="en-CA" href="https://squareup.com/ca/en/payments" /> <link rel="alternate" hreflang="en-GB" href="https://squareup.com/gb/en/payments" /> <link rel="alternate" hreflang="en-IE" href="https://squareup.com/ie/en/payments" /> <link rel="alternate" hreflang="en-US" href="https://squareup.com/us/en/payments" /> <link rel="alternate" hreflang="es-ES" href="https://squareup.com/es/es/payments" /> <link rel="alternate" hreflang="es-US" href="https://squareup.com/us/es/payments" /> <link rel="alternate" hreflang="fr-CA" href="https://squareup.com/ca/fr/payments" /> <link rel="alternate" hreflang="fr-FR" href="https://squareup.com/fr/fr/payments" /> <link rel="alternate" hreflang="ja-JP" href="https://squareup.com/jp/ja/payments" /> <meta property="og:title" content="Traitement des paiements avec Square." /> <meta property="og:url" content="https://squareup.com/ca/fr/payments" /> <meta property="og:image" content="https://images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=1200&h=630&fm=jpg&q=90&fit=thumb" /> <meta property="og:locale" content="fr_CA" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="Square" /> <meta property="og:description" content="Traitez presque tous les modes de paiements comme vous voulez. Notre matériel et nos logiciels évolutifs se synchronisent avec les systèmes que vous utilisez." /> <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":"4JkPghj2c0isAG2s0emkWk"}" 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/precompile/new_grid/application-7585931727b88e968ba88451696fbb9c31bdce7d759bbcabaea3b516aa19e727.css" /><style nonce="bN8PWBBJCk79umsWRS5qrS775gXEXAPywlLOu4UmtuU=">@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. 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-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-grid-inline-ctas .grid .column { align-items: center; display: flex; width: auto; } .sq-custom-grid-inline-ctas .align-left .grid .grid { justify-content: flex-start; } .sq-custom-grid-inline-ctas .align-right .grid .grid { justify-content: flex-end; } .sq-custom-grid-inline-ctas .align-center .grid .grid { justify-content: center; } .sq-custom-grid-inline-ctas-onecol-centered .grid { justify-content: center; } .sq-custom-grid-inline-ctas.section-hero .grid { justify-content: center; } .sq-custom-grid-inline-ctas.section-hero .align-left .grid { justify-content: flex-start; } .sq-custom-grid-inline-ctas.section-hero .align-right .grid { justify-content: flex-end; } .sq-custom-grid-inline-ctas.section-hero .align-center .grid { justify-content: center; } .sq-custom-bg-gray-rounded .content { z-index: 1; } .sq-custom-bg-gray-rounded::after { bottom: 0; background: var(--color-gray-03); border-radius: 1em; content: ''; display: block; height: 100%; left: 50%; position: absolute; transform: translateX(-50%); width: calc(100% - 30px); z-index: 0; } .sq-custom-bg-gray-rounded--gap-top { margin-top: var(--space-large); } @media (min-width: 1024px) { .sq-custom-bg-gray-rounded--gap-top { margin-top: var(--space-xl); } } .sq-custom-bg-gray-rounded--contained::after { content: none; } .sq-custom-bg-gray-rounded--contained > .content { padding: var(--space-large) var(--space-small) !important; position: relative; z-index: 1; } .sq-custom-bg-gray-rounded--contained > .content::after { bottom: 0; background: var(--color-gray-03); border-radius: 1em; content: ''; display: block; height: 100%; left: 50%; position: absolute; transform: translateX(-50%); width: 100%; z-index: -1; } .sq-custom-bg-gray-rounded.sq-custom-bg-gray-rounded-top::after { border-radius: 1em 1em 0 0; } .sq-custom-bg-gray-rounded.sq-custom-bg-gray-rounded-middle::after { border-radius: 0; } .sq-custom-bg-gray-rounded.sq-custom-bg-gray-rounded-bottom::after { border-radius: 0 0 1em 1em; } @media screen and (min-width: 1024px) { .sq-custom-bg-gray-rounded::after { width: calc(100% - 60px); } } @media (min-width: 718px) { .sq-custom-image-break-hide-at-medium { display: none; } } @media (max-width: 717px) { .sq-custom-image-break-hide-until-medium { display: none; } } @charset "UTF-8"; .sq-custom-seller-stories > .content { max-width: 1416px !important; width: 95vw; } .sq-custom-seller-stories--slides-gray .seller-stories-slide { background-color: var(--color-gray-03) !important; } .sq-custom-seller-stories--copy-column .seller-stories-copy { display: flex !important; flex-direction: column; } .sq-custom-seller-stories--copy-column .seller-stories-cta, .sq-custom-seller-stories--copy-column .seller-stories-info { align-self: flex-start !important; } .sq-custom-seller-stories--copy-column .seller-stories-quote { font-size: clamp(16px, 2.5vw, 32px) !important; line-height: clamp(28px, 3vw, 40px) !important; max-width: 740px !important; } @media (min-width: 900px) { .sq-custom-seller-stories--copy-column .seller-stories-image { max-width: 540px; width: 38% !important; } .sq-custom-seller-stories--copy-column .carousel-button-nav { bottom: calc(100% + var(--space-medium)); display: flex; gap: var(--space-line); justify-content: flex-end; left: unset !important; right: 0; top: unset !important; width: 100px !important; } .sq-custom-seller-stories--copy-column .carousel-button-left { left: 0 !important; position: relative !important; right: 0 !important; } .sq-custom-seller-stories--copy-column .carousel-button-right { left: 0 !important; margin-left: 0 !important; position: relative !important; right: 0 !important; } } @media (min-width: 900px) { .sq-custom-seller-stories--arrows-top .carousel-button-nav { bottom: calc(100% + var(--space-medium)); display: flex; gap: var(--space-line); justify-content: flex-end; left: unset !important; right: 0; top: unset !important; width: 100px !important; } .sq-custom-seller-stories--arrows-top .carousel-button-left { left: 0 !important; position: relative !important; right: 0 !important; } .sq-custom-seller-stories--arrows-top .carousel-button-right { left: 0 !important; margin-left: 0 !important; position: relative !important; right: 0 !important; } } .sq-custom-seller-stories .multi-column-grid { align-items: stretch !important; } .sq-custom-seller-stories .multi-column-grid .column * > * { height: 100%; } .sq-custom-seller-stories .seller-stories-copy { display: grid; gap: var(--space-small); grid-template-areas: 'quote' 'info' 'cta'; padding: clamp(24px, 4vw, 56px); width: 100%; } .sq-custom-seller-stories .seller-stories-cta { align-self: flex-end; grid-area: cta; height: auto !important; margin-top: auto; } .sq-custom-seller-stories .seller-stories-cta a { font-size: clamp(14px, 3vw, 16px); } .sq-custom-seller-stories .seller-stories-eyebrow { display: block; font-size: clamp(14px, 3vw, var(--font-size-base)) !important; font-weight: var(--font-weight-medium); grid-area: quote; height: auto !important; line-height: 1 !important; margin-bottom: var(--space-line) !important; } .sq-custom-seller-stories .seller-stories-image { width: 100%; } .sq-custom-seller-stories .seller-stories-image img { aspect-ratio: 1 / 1; height: 100% !important; object-fit: cover; width: 100%; } .sq-custom-seller-stories .seller-stories-image.object-position-bottom img { object-position: 50% 10%; } .sq-custom-seller-stories .seller-stories-info { align-self: flex-end; display: flex; flex-direction: column; font-size: clamp(14px, 4vw, 16px); grid-area: info; height: auto !important; margin-bottom: auto; } @media (min-width: 900px) { .sq-custom-seller-stories .seller-stories-info { margin-bottom: 0; } } .sq-custom-seller-stories .seller-stories-quote { font-family: var(--font-family-display); font-size: clamp(16px, 2.5vw, 28px); line-height: clamp(28px, 3vw, 38px); grid-area: quote; height: auto !important; max-width: 580px; } .sq-custom-seller-stories .seller-stories-quote-area { grid-area: quote; } .sq-custom-seller-stories .seller-stories-quote-area .seller-stories-quote { grid-area: none; } .sq-custom-seller-stories .seller-stories-quote::after { content: '”'; } .sq-custom-seller-stories .seller-stories-quote::before { content: '“'; margin-left: -0.7ch; } .sq-custom-seller-stories .seller-stories-slide { background-color: #FBF6EF; border-radius: 20px; display: flex; flex-direction: column-reverse; overflow: hidden; } .locale-fr-FR .sq-custom-seller-stories .seller-stories-quote::after { content: '\00a0»'; } .locale-fr-FR .sq-custom-seller-stories .seller-stories-quote::before { content: '«\00a0'; margin-left: -1.25ch; } .locale-es-ES .sq-custom-seller-stories .seller-stories-quote::after, .locale-ca-ES .sq-custom-seller-stories .seller-stories-quote::after, .locale-fr-CA .sq-custom-seller-stories .seller-stories-quote::after { content: '\00a0»'; } .locale-es-ES .sq-custom-seller-stories .seller-stories-quote::before, .locale-ca-ES .sq-custom-seller-stories .seller-stories-quote::before, .locale-fr-CA .sq-custom-seller-stories .seller-stories-quote::before { content: '«\00a0'; margin-left: -1.25ch; } .locale-ja-JP .sq-custom-seller-stories .seller-stories-quote::after { content: '」'; } .locale-ja-JP .sq-custom-seller-stories .seller-stories-quote::before { content: '「'; margin-left: -1.75ch; } @media (min-width: 480px) { .sq-custom-seller-stories .seller-stories-copy { grid-template-areas: 'quote quote' 'info cta'; } .sq-custom-seller-stories .seller-stories-cta { justify-self: flex-end; } } @media (min-width: 900px) { .sq-custom-seller-stories .multi-column-grid { align-items: flex-start !important; } .sq-custom-seller-stories .multi-column-grid .column * > * { height: auto; } .sq-custom-seller-stories .seller-stories-image { flex-shrink: 0; max-width: 600px; width: 42%; } .sq-custom-seller-stories .seller-stories-slide { flex-direction: row; height: 100%; max-height: 640px; min-height: 580px; } } .sq-custom-rounded-corner-tiles .content .multi-column-grid { align-items: stretch !important; } .sq-custom-rounded-corner-tiles .content .multi-column-grid .tile { border-radius: 20px; overflow: hidden; background: none; border: 1px solid var(--color-border) !important; } .sq-custom-rounded-corner-tiles.sq-custom-rounded-corner-tiles--grey .content .multi-column-grid { align-items: stretch !important; } .sq-custom-rounded-corner-tiles.sq-custom-rounded-corner-tiles--grey .content .multi-column-grid .tile { border: none !important; background: var(--color-gray-05); } .sq-custom-rounded-corner-tiles.sq-custom-rounded-corner-tiles--white .content .multi-column-grid { align-items: stretch !important; } .sq-custom-rounded-corner-tiles.sq-custom-rounded-corner-tiles--white .content .multi-column-grid .tile { border: none !important; background: white; color: black; } .sq-custom-rounded-corner-tiles.sq-custom-rounded-corner-tiles--white .content .multi-column-grid .tile .link { color: var(--color-link); } :root { --copyMaxWidth: 370px; --headlineMaxWidth: 520px; } .locale-ja-JP { --copyMaxWidth: 480px; } .sq-custom-tap-to-pay-module-new { background-color: #EDFF80; border-radius: 50%; display: inline-block; padding: 6px 22px; } .sq-custom-tap-to-pay-module .multi-column-grid > .column { align-self: stretch; margin-bottom: 0 !important; } .sq-custom-tap-to-pay-module .multi-column-grid > .column > div > .grid { height: 100%; } .sq-custom-tap-to-pay-module .multi-column-grid > .column > div > .grid .column .picture, .sq-custom-tap-to-pay-module .multi-column-grid > .column > div > .grid .column picture { height: 100% !important; } .sq-custom-tap-to-pay-module .multi-column-grid > .column .headings-compact { display: flex; flex-direction: column; height: 100%; max-width: none; } .sq-custom-tap-to-pay-module .multi-column-grid > .column .headings-compact h2 { max-width: 520px; } .sq-custom-tap-to-pay-module .multi-column-grid > .column .headings-compact .grid { margin-top: auto; } .sq-custom-tap-to-pay-module .multi-column-grid > .column .headings-compact .grid .column .display-inline-block { display: flex !important; flex-direction: column-reverse; } .sq-custom-tap-to-pay-module .multi-column-grid > .column .headings-compact .grid .column .display-inline-block p { margin-bottom: var(--space-line); max-width: var(--copyMaxWidth); } @media (max-width: 717px) { .sq-custom-tap-to-pay-module .multi-column-grid > .column .headings-compact .h2 { margin-top: var(--space-base); } } .sq-custom-tap-to-pay-module .multi-column-grid > .column:nth-child(n + 1) .position-relative { aspect-ratio: 495 / 640; border-radius: 12px; height: 100%; overflow: hidden; width: 100%; } .sq-custom-tap-to-pay-module .multi-column-grid > .column:nth-child(n + 1) .position-relative img { height: 100% !important; object-fit: cover; width: 100% !important; } @media (max-width: 717px) { .sq-custom-tap-to-pay-module .multi-column-grid > .column:nth-child(n + 1) { margin-top: var(--space-small); } } .sq-custom-tap-to-pay-module--two-col .multi-column-grid { margin-bottom: 0 !important; } .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column:first-child h2 { max-width: 670px; } .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column:first-child p:last-child { max-width: 420px; } .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column:nth-child(n + 1) .position-relative { aspect-ratio: unset; } .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column:nth-child(n + 1) a { font-size: 16px; line-height: 28px; } .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column img { border-radius: clamp(8px, 3vw, 16px); } @media (max-width: 717px) { .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column .grid > .column:first-child { margin-bottom: 10px !important; } } @media (min-width: 718px) { .sq-custom-tap-to-pay-module--two-col .multi-column-grid { gap: clamp(calc(var(--space-base) + var(--space-small)), 5vw, var(--space-medium)) 0; } .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column .headings-compact { display: grid; gap: 0 80px; grid-template-columns: 1fr auto; } .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column:first-child h2 { grid-row-start: 1; margin-top: 0; } .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column:first-child h2 br { display: none; } .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column:first-child p:first-child { grid-column-start: 2; text-align: right; } } @media (max-width: 717px) { .locale-ja-JP .sq-custom-tap-to-pay-module .multi-column-grid > .column:nth-child(1) { margin-top: 0; } } @media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) { .locale-ja-JP .sq-custom-tap-to-pay-module .content { width: 84% !important; } } .locale-ja-JP .sq-custom-tap-to-pay-module-new { background-color: white; border: 1px solid black; } .locale-ja-JP .sq-custom-tap-to-pay-module .multi-column-grid > .column:nth-child(n + 1) .position-relative { aspect-ratio: unset; } .locale-ja-JP .sq-custom-tap-to-pay-module .multi-column-grid > .column .headings-compact h2 { max-width: 780px; text-wrap: balance; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: var(--font-weight-regular) !important; } img { border-radius: 16px; } .section-accordion .column.expand { font-weight: 500; } .section-screenshot .max-width-at-extra-large { max-width: 100%; } .section-screenshot .picture { height: auto; } .section-screenshot img { border-radius: 0; height: auto !important; object-fit: contain; width: 100% !important; } ul.check-list > li::before { border-bottom-width: 0.25em; border-left-width: 0.25em; height: 0.525em; } @media (max-width: 717px) { .content.pad-bottom-medium { padding-bottom: 40px !important; } .content.pad-bottom-large { padding-bottom: 40px !important; } .content.pad-top-large { padding-top: 40px !important; } .content.pad-top-xl { padding-top: 80px !important; } .content.pad-top-xxl-at-medium { padding-top: 80px !important; } } @media (min-width: 718px) and (max-width: 1023px) { .content.pad-bottom-large { padding-bottom: 60px !important; } .content.pad-top-large { padding-top: 60px !important; } .content.pad-top-xxl-at-medium { padding-top: 120px !important; } } @media (max-width: 717px) { section.bg-accent .content.pad-bottom-large { padding-bottom: 80px !important; } section.bg-accent .content.pad-top-large { padding-top: 80px !important; } } @media (min-width: 718px) and (max-width: 1023px) { section.bg-accent .content.pad-bottom-large { padding-bottom: 60px !important; } section.bg-accent .content.pad-top-large { padding-top: 60px !important; } section.bg-accent .content.pad-top-xxl-at-medium { padding-top: 120px !important; } } @media (min-width: 718px) { .check-list { gap: 12px 30px; } .check-list li { margin-bottom: 0 !important; width: calc(33.333% - 20px) !important; } } .image-marquee--rounded-corners .image-marquee__item img { display: inline-block; } .lead-form-section .intro { margin-bottom: clamp(24px, 5vw, 32px) !important; } @media (max-width: 717px) { .sq-custom-tap-to-pay-module > .content { padding-top: 80px !important; } .sq-custom-tap-to-pay-module > .content > .multi-column-grid > .column:nth-child(1) { margin-top: 0; } .mobile-gap-line { margin: 20px 0 !important; } .sq-custom-pymt-product-demo-section > .content { padding-bottom: 0 !important; } .sq-custom-pymt-two-col-carousel-copy > .content { padding: 80px 0 !important; } .sq-custom-mobile-section-pb-large > .content { padding-bottom: 80px !important; } .sq-custom-mobile-section-p-large > .content { padding: 80px 0px !important; } .mobile-stack { flex-direction: column; } } .sq-custom-tap-to-pay-module-new { font-size: clamp(12px, 4vw, 16px); line-height: clamp(18px, 4vw, 20px); padding: clamp(6px, 3vw, 12px) clamp(18px, 4vw, 20px); } @media (min-width: 718px) { .sq-custom-tap-to-pay-module-new { font-size: clamp(12px, 5vw, 20px); line-height: clamp(22px, 5vw, 26px); padding: clamp(6px, 3vw, 16px) clamp(18px, 5vw, 32px); } } @media (min-width: 1023px) { .sq-custom-pymt-app-logos { justify-content: flex-end; } } .sq-custom-pymt-custom-pricing-banner .multi-column-grid { align-items: center !important; border: 1px solid var(--color-border); border-radius: 20px; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding: 32px 24px 0; } @media (min-width: 1023px) { .sq-custom-pymt-custom-pricing-banner .multi-column-grid { padding: 48px 40px 20px; } .sq-custom-pymt-custom-pricing-banner .multi-column-grid > .column:last-child .column { display: flex; justify-content: center; } .sq-custom-pymt-custom-pricing-banner .multi-column-grid > .column:last-child .column a { display: inline-block; font-size: 24px; } } @media (max-width: 717px) { .sq-custom-pymt-custom-pricing-banner .multi-column-grid { margin: 0 !important; } } .sq-custom-pymt-disclaimer .headings-compact.content-max-width { max-width: 100%; } .sq-custom-pymt-free-services .headings-compact { width: 100%; } @media (min-width: 1240px) { .sq-custom-pymt-free-services .headings-compact { max-width: 75%; } } .sq-custom-pymt-free-services .multi-column-grid { margin-bottom: 0 !important; } .sq-custom-pymt-free-services .intro:not(:last-child) { margin-bottom: var(--space-line); } .sq-custom-pymt-full-width .intro, .sq-custom-pymt-full-width p { max-width: 100%; } .sq-custom-pymt-hero .multi-column-grid { margin-bottom: 0 !important; } .sq-custom-pymt-hero .multi-column-grid > .column video { border-radius: 12px; } .sq-custom-pymt-hero .multi-column-grid > .column:first-child { margin-bottom: 24px !important; } .sq-custom-pymt-hero .multi-column-grid > .column:last-child { margin-bottom: 0 !important; } @media (min-width: 718px) { .sq-custom-pymt-hero .multi-column-grid > .column.one-half-at-large:last-child { padding-top: 14px; } } @media (min-width: 718px) { .sq-custom-pymt-hero .multi-column-grid > .column .grid p { max-width: 500px; } } @media (min-width: 1240px) { .sq-custom-pymt-hero .multi-column-grid > .column h3 { max-width: 580px; } .sq-custom-pymt-hero .multi-column-grid > .column:last-child > div { display: flex; justify-content: flex-end; } } @media (max-width: 717px) { .sq-custom-pymt-hero .content { padding-bottom: 30px !important; } } .sq-custom-pymt-links-desktop { display: none !important; } .sq-custom-pymt-links-desktop .multi-column-grid > .column { margin-bottom: calc(var(--space-small) + var(--space-base)) !important; } @media (min-width: 1023px) { .sq-custom-pymt-links-desktop { display: flex !important; } } @media (max-width: 1023px) { .sq-custom-pymt-links-mobile .content.pad-top-large { padding-top: 80px !important; padding-bottom: 80px !important; } } @media (min-width: 1024px) { .sq-custom-pymt-links-mobile { display: none !important; } } .sq-custom-pymt-links-mobile h3.h6 { font-size: var(--font-size-display-h3-base) !important; line-height: var(--line-height-display-h3-base) !important; letter-spacing: var(--letter-spacing-display-h3-base) !important; } .sq-custom-pymt-pricing h3 { margin-bottom: 0 !important; } .sq-custom-pymt-pricing h6 { margin-top: 0 !important; } .sq-custom-pymt-pricing .pad-top-small.gap-top-small { margin-bottom: 24px !important; padding-top: 24px !important; } .sq-custom-pymt-rounded-screenshot .picture { aspect-ratio: 1 / 0.3955882353; height: 100% !important; } .sq-custom-pymt-rounded-screenshot img { border-radius: 16px; height: 100% !important; object-fit: cover; width: 100% !important; } .sq-custom-pymt-security-grid .multi-column-grid { align-items: stretch !important; } .sq-custom-pymt-security-grid .multi-column-grid .column .tile { border: none !important; border-radius: 16px; } .sq-custom-pymt-security-grid .multi-column-grid .column .tile-body { display: grid; gap: 0 clamp(var(--space-small), 8vw, var(--space-medium)); grid-template-areas: "icon" "headline" "copy"; } .sq-custom-pymt-security-grid .multi-column-grid .column .tile-body h5 { margin-top: 0 !important; } .sq-custom-pymt-security-grid .multi-column-grid .column .tile-body p img { border-radius: 10px; width: 60px; } .sq-custom-pymt-security-grid .multi-column-grid .column .tile-body *:nth-child(1) { grid-area: icon; } .sq-custom-pymt-security-grid .multi-column-grid .column .tile-body *:nth-child(2) { grid-area: headline; } .sq-custom-pymt-security-grid .multi-column-grid .column .tile-body *:nth-child(3) { grid-area: copy; } .sq-custom-pymt-security-grid .multi-column-grid .column .tile-content { padding: 0; } @media (min-width: 718px) { .sq-custom-pymt-security-grid .multi-column-grid .column .tile-body { grid-template-areas: "icon headline" "icon copy"; } } @media (min-width: 1023px) { .sq-custom-pymt-security-grid .multi-column-grid .column .tile { border: 1px solid var(--color-border) !important; } .sq-custom-pymt-security-grid .multi-column-grid .column .tile-body p img { border-radius: 24px; width: 100px; } .sq-custom-pymt-security-grid .multi-column-grid .column .tile-content { padding: var(--space-small); } } .sq-custom-pymt-testimonials-desktop { display: none !important; } .sq-custom-pymt-testimonials-desktop .intro { margin-bottom: 48px; } @media (min-width: 1023px) { .sq-custom-pymt-testimonials-desktop { display: flex !important; } } .sq-custom-pymt-testimonials-desktop .carousel-button-nav { top: calc(372px / 2) !important; } @media (min-width: 1240px) { .sq-custom-pymt-testimonials-desktop .carousel-button-nav { top: calc(466px / 2) !important; } } @media (min-width: 1500px) { .sq-custom-pymt-testimonials-desktop .carousel-button-nav { top: calc(555px / 2) !important; } } .sq-custom-pymt-testimonials-mobile .content { --maxHeight: 1200px; position: relative; padding-top: 80px !important; } .sq-custom-pymt-testimonials-mobile .content.is-active .multi-column-grid { max-height: none; } .sq-custom-pymt-testimonials-mobile .content.is-active .sq-custom-pymt-testimonials-mobile-toggle img { rotate: 180deg; } .sq-custom-pymt-testimonials-mobile .multi-column-grid { gap: var(--space-small); max-height: var(--maxHeight); margin-bottom: 0 !important; overflow: hidden; padding-bottom: var(--space-small); } .sq-custom-pymt-testimonials-mobile .multi-column-grid > .column { margin-bottom: 0 !important; } .sq-custom-pymt-testimonials-mobile .multi-column-grid > .column:first-child img { aspect-ratio: 1 / 1; object-fit: cover; } .sq-custom-pymt-testimonials-mobile .multi-column-grid > .column:nth-child(n + 2) > div > .grid { align-items: center; flex-wrap: nowrap; } .sq-custom-pymt-testimonials-mobile-toggle { background-color: white !important; border-bottom: 1px solid var(--color-border); border-top: none; border-radius: 0; position: relative; width: 100%; } .sq-custom-pymt-testimonials-mobile-toggle img { left: 50%; pointer-events: none; position: absolute; top: 50%; translate: -50% -50%; } @media (min-width: 1023px) { .sq-custom-pymt-testimonials-mobile { display: none !important; } } .sq-custom-image-no-rounded-corners .rounded-corners-at-extra-large { clip-path: none; } .sq-custom-banking-card > .content { padding: var(--space-medium) var(--space-small) !important; } .sq-custom-banking-card > .content > .multi-column-grid { justify-content: space-between !important; } @media (min-width: 1023px) { .sq-custom-banking-card > .content > .multi-column-grid { padding: 0 var(--space-medium); } .sq-custom-banking-card > .content > .multi-column-grid .two-thirds-at-medium { width: 60% !important; } } .sq-custom-tile-cols-margin-base .column { margin-bottom: var(--space-base) !important; } .sq-custom-tile-cols-margin-base .column.sq-custom-margin-bottom-small { margin-bottom: var(--space-small) !important; } .sq-custom-tile-cols-margin-base .column.sq-custom-margin-bottom-line { margin-bottom: var(--space-line) !important; } @media (min-width: 1023px) { .sq-custom-large-business-banner > .content { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } } @media (min-width: 1023px) { .sq-custom-custom-pricing-banner { max-width: 570px; } } @media (min-width: 1023px) { .sq-custom-lead-form-to-multi-column-target > .content { display: grid; gap: var(--space-medium); grid-template-columns: 1fr 1fr; } .sq-custom-lead-form-to-multi-column-target > .content > .grid-2-at-medium { display: block !important; } .sq-custom-lead-form-to-multi-column-target > .content > .grid-2-at-medium > .column { width: 100% !important; } } .sq-custom-media-banner .content { display: flex; flex-direction: column; } .sq-custom-media-banner .multi-column-grid { border: 1px solid var(--color-gray-15); border-radius: 15px; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; overflow: hidden; } .sq-custom-media-banner .multi-column-grid > .column { align-items: flex-start; background-color: white; display: flex; justify-content: center; margin-bottom: 0 !important; padding: 24px; } .sq-custom-media-banner .multi-column-grid > .column:first-child { margin-bottom: 0 !important; padding: 0 !important; } .sq-custom-media-banner .multi-column-grid > .column:first-child > * { height: 100% !important; } .sq-custom-media-banner .multi-column-grid > .column:first-child * > * { height: 100% !important; } .sq-custom-media-banner .multi-column-grid > .column:first-child * > *.video-player-link, .sq-custom-media-banner .multi-column-grid > .column:first-child * > *.video-player-link.icon-play-large { height: var(--space-large) !important; } .sq-custom-media-banner .multi-column-grid > .column:first-child .grid, .sq-custom-media-banner .multi-column-grid > .column:first-child .column { margin-bottom: 0 !important; } .sq-custom-media-banner .multi-column-grid img { border-radius: 0; height: 100%; height: 226px !important; object-fit: cover; width: 100%; } @media (min-width: 718px) { .sq-custom-media-banner .content { flex-direction: row; } .sq-custom-media-banner .multi-column-grid > .column { padding: 40px 56px; } } @media (min-width: 1024px) { .sq-custom-media-banner .multi-column-grid > .column:first-child { height: 100%; } } section.bg-accent + .sq-custom-media-banner { background-color: var(--color-accent) !important; } .sq-custom-rounded-tiles .multi-column-grid { align-items: initial !important; } .sq-custom-rounded-tiles .multi-column-grid .tile { border-radius: 12px; } .sq-custom-app-buttons img { border-radius: 0px !important; } .sq-custom-at-scale .multi-column-grid { gap: var(--space-small); } @media (min-width: 718px) { .sq-custom-at-scale .multi-column-grid { gap: var(--space-medium); } } @media (min-width: 1024px) { .sq-custom-at-scale .multi-column-grid { flex-wrap: nowrap; gap: var(--space-large); } } @media (min-width: 1292px) { .sq-custom-at-scale .multi-column-grid { gap: var(--space-xl); } } /*! * do not edit; file generated from public-web-customizations. BUNDLE=image-marquee-standalone * */ .image-marquee { width: 100%; overflow-x: hidden; } .image-marquee .image-marquee__content { animation-iteration-count: infinite; animation-timing-function: linear; animation-duration: 0ms; animation-direction: normal; animation-fill-mode: both; animation-play-state: paused; } .image-marquee img { transform: translate3d(0, 0, 0); backface-visibility: hidden; } .image-marquee--playing .image-marquee__content { animation-play-state: running; } .image-marquee--grid .image-marquee__content { display: inline-flex; flex-wrap: nowrap; align-items: center; } .image-marquee--grid .image-marquee__item:not(:last-child) { margin-right: 16px; } @media (min-width: 480px) { .image-marquee--grid .image-marquee__item:not(:last-child) { margin-right: 24px; } } .image-marquee--grid .image-marquee__item img { aspect-ratio: 456/560; width: 100%; height: auto; object-fit: cover; } .image-marquee--grid .image-marquee__item--col-1 { width: calc(((480px / 4) * 1) - 21px); } @media (min-width: 480px) { .image-marquee--grid .image-marquee__item--col-1 { width: calc(((1680px / 12) * 1) - 33px); } } .image-marquee--grid .image-marquee__item--col-2 { width: calc(((480px / 4) * 2) - 21px); } @media (min-width: 480px) { .image-marquee--grid .image-marquee__item--col-2 { width: calc(((1680px / 12) * 2) - 33px); } } .image-marquee--grid .image-marquee__item--col-3 { width: calc(((480px / 4) * 3) - 21px); } @media (min-width: 480px) { .image-marquee--grid .image-marquee__item--col-3 { width: calc(((1680px / 12) * 3) - 33px); } } .image-marquee--grid .image-marquee__item--col-4 { width: calc(((235px / 4) * 4) - 21px); } @media (min-width: 480px) { .image-marquee--grid .image-marquee__item--col-4 { width: calc(((840px / 12) * 4) - 33px); } } @media (min-width: 720px) { .image-marquee--grid .image-marquee__item--col-4 { width: calc(((1680px / 12) * 4) - 104px); } } .image-marquee--grid .image-marquee__item--col-5 { width: calc(((480px / 4) * 5) - 21px); } @media (min-width: 480px) { .image-marquee--grid .image-marquee__item--col-5 { width: calc(((1680px / 12) * 5) - 33px); } } .image-marquee--grid .image-marquee__item--col-6 { width: calc(((480px / 4) * 6) - 21px); } @media (min-width: 480px) { .image-marquee--grid .image-marquee__item--col-6 { width: calc(((1680px / 12) * 6) - 33px); } } .image-marquee--grid.image-marquee--playing .image-marquee__content { animation-name: image-marquee; } @media (min-width: 480px) { .image-marquee--grid.image-marquee--playing .image-marquee__content { animation-name: image-marquee-large; } } .image-marquee--inline { display: flex; justify-content: center; } .image-marquee--inline .image-marquee__content { display: inline-flex; flex-wrap: nowrap; } .image-marquee--inline .image-marquee__item img { display: inline; max-width: unset; } .image-marquee--inline .image-marquee__item:not(:first-child) { margin-left: 16px; } .image-marquee--inline.image-marquee--playing { justify-content: left; } .image-marquee--inline.image-marquee--playing .image-marquee__content { animation-name: image-marquee; } .image-marquee--reverse .image-marquee__content { animation-direction: reverse; } .image-marquee--rounded-corners .image-marquee__item img { border-radius: 12px; } @keyframes image-marquee { 0% { transform: translateX(0%); } 100% { transform: translateX(calc(-50% - 14px)); } } @keyframes image-marquee-large { 0% { transform: translateX(0%); } 100% { transform: translateX(calc(-50% - 18px)); } } /** Swiper 9.2.0 Most modern mobile touch slider and framework with hardware accelerated transitions https://swiperjs.com Copyright 2014-2023 Vladimir Kharlampidi Released under the MIT License Released on: March 31, 2023 */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color:#007aff; } .swiper, swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide, swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color:#fff; } .swiper-lazy-preloader-black { --swiper-preloader-color:#000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size:44px; } .swiper-button-next, .swiper-button-prev { z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform,.2s top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s right; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; -ms-touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; touch-action: none; } .swiper .swiper-notification, swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform,opacity,height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } /*! do not edit; file generated from public-web-customizations. BUNDLE=pymt-recommended-products HASH=5be88c2b96d385ec4c88 */ .sq-custom-pymt-recommended-products .intro { margin-bottom: 0; } .sq-custom-pymt-recommended-products [data-compare-link] { background-color: transparent !important; color: var(--color-blue) !important; min-height: auto; padding: 0; } .payments-recommended-products { display: flex; flex-direction: column; gap: clamp(32px, 4vw, 48px); position: relative; } .payments-recommended-products .desktop-only { display: none; } @media (min-width: 717px) { .payments-recommended-products .desktop-only { display: initial; } } .payments-recommended-products-carousel { container-type: inline-size; flex: 3; padding: 16px 0; width: 100%; } .payments-recommended-products-copy { display: flex; flex: 2; flex-direction: column; } .payments-recommended-products-description { line-height: 32px; padding-bottom: 24px; padding-right: 16%; } @media (max-width: 739px) { .payments-recommended-products-description { padding-right: 0; } } .payments-recommended-products-info { margin-top: auto; } .payments-recommended-products-navigation { display: flex; justify-content: space-between; padding: 0 24px; pointer-events: none; position: absolute; top: initial; bottom: calc((100cqi / 1.56) / 2); transform: translateY(50%); width: 100%; z-index: 10; } @media (min-width: 718px) { .payments-recommended-products-navigation { top: calc((100cqi / 1.56) / 2); bottom: initial; } } .payments-recommended-products-tab-container { position: relative; } .payments-recommended-products-tab-container::after { border-bottom: 1px solid var(--color-border); content: ""; height: 1px; left: 0; position: absolute; top: calc(100% - 1px); width: 100%; z-index: 0; } .payments-recommended-products-tabs { display: flex; gap: 32px; justify-content: flex-start; overflow: auto; padding-left: calc((100% - var(--container-width-base)) / 2); position: relative; } .payments-recommended-products-tabs button { background-color: transparent !important; border-radius: 0; color: var(--color-gray-30) !important; flex-shrink: 0; font-family: var(--font-family-display); font-size: clamp(24px, 3.4vw, 50px); line-height: clamp(30px, 4vw, 58px); font-weight: var(--font-weight-regular); margin-bottom: 0 !important; padding: 5; z-index: 1; } .payments-recommended-products-tabs button.is-active { border-bottom: 1px solid #000; color: #000 !important; } @media (min-width: 375px) { .payments-recommended-products-tabs { padding-left: calc((100% - var(--container-width-extra-small)) / 2); } } @media (min-width: 717px) { .payments-recommended-products-tabs { padding-left: calc((100% - var(--container-width-small)) / 2); } } @media (min-width: 1023px) { .payments-recommended-products-tabs { padding-left: calc((100% - var(--container-width-medium)) / 2); } } @media (min-width: 1240px) { .payments-recommended-products-tabs { padding-left: calc((100% - var(--container-width-large)) / 2); } } @media (min-width: 1500px) { .payments-recommended-products-tabs { padding-left: calc((100% - var(--container-width-extra-large)) / 2); } } .payments-recommended-products-tab-content { border: 1px solid var(--color-border); border-radius: 12px; display: none; flex-direction: column; padding: 24px; } .payments-recommended-products-tab-content.is-active { display: flex; } @media (min-width: 1024px) { .payments-recommended-products-tab-container::after { content: none; } .payments-recommended-products-carousel { padding: 24px 0 48px; } .payments-recommended-products-copy { border-right: 1px solid var(--color-border); padding: 48px 0; } .payments-recommended-products-description { font-family: var(--font-family-display); font-size: 20px; } .payments-recommended-products-tab-content { border-left: none; border-radius: 0; border-right: none; gap: 24px; flex-direction: row; padding: 0; } .payments-recommended-products-tabs { border-bottom: none; justify-content: center; overflow: unset; padding-left: 0; } .payments-recommended-products-tabs button { border-bottom: none !important; } } .payments-recommended-products .swiper-pagination { top: initial; bottom: 0; } @media (min-width: 718px) { .payments-recommended-products .swiper-pagination { top: calc(100cqi / 1.56); bottom: initial; } } .payments-recommended-products .swiper-slide img, .payments-recommended-products .swiper-slide video { aspect-ratio: 1.56; } @media (max-width: 717px) { .payments-recommended-products .swiper-slide { display: flex; flex-direction: column; height: auto; } .payments-recommended-products .swiper-slide img, .payments-recommended-products .swiper-slide video { display: block; } .payments-recommended-products .swiper-slide-media { order: 2; padding-top: 20px; margin-top: auto; } .payments-recommended-products .swiper-slide p { margin-top: 10px; } .payments-recommended-products .swiper-slide p:first-of-type { margin-top: 0; } } .swiper-pagination { height: 30px; transform: translateY(-50%); } .swiper-pagination-bullet { background: #fff; opacity: 1; } .swiper-pagination-bullet-active { background: var(--color-gray-90) !important; } .swiper-slide img { border-radius: 16px; object-fit: cover; } .swiper-slide p { max-width: 550px; } .swiper-slide-media { max-height: 536px; width: 100%; } .swiper-slide video { border-radius: 16px; height: 100%; object-fit: cover; width: 100%; } .swiper-button-prev, .swiper-button-next { align-items: center; background: #fff !important; border: none; border-radius: 50%; color: #000 !important; cursor: pointer; display: flex; font-size: var(--font-size-h4-medium); font-weight: var(--font-weight-bold); line-height: var(--carousel-button-size); font-weight: bold; justify-content: center; height: 40px; margin-bottom: 0; min-height: 40px; padding: 0 !important; pointer-events: all; transition: all .2s ease; width: 40px; } .swiper-button-next:not([disabled]), .swiper-button-prev:not([disabled]) { box-shadow: 0px 4px 9px var(--color-drop-shadow); border: 1px solid var(--color-gray-15); } .swiper-button-next:hover:not([disabled]), .swiper-button-prev:hover:not([disabled]) { background-color: var(--color-gray-03) !important; color: var(--color-text) !important; box-shadow: 0px 4px 9px var(--color-drop-shadow); border: 1px solid var(--color-gray-15); } .payments-expanding-carousel { display: flex; height: 742px; } .sq-custom-pymt-testimonials-full-width > .content { display: none; } .payments-testimonial-carousel { --content-medium: calc(var(--container-width-medium) / 3); --content-large: calc(var(--container-width-large) / 3); --content-extra-large: calc(var(--container-width-extra-large) / 3); --padding-medium: 15px; --padding-large: 12px; --padding-extra-large: 12px; width: 100%; max-width: 100%; display: block; padding-bottom: var(--space-xl); } .payments-testimonial-carousel + .content { display: none; } .payments-testimonial-carousel > .swiper > .swiper-navigation { display: flex; justify-content: space-between; padding: 0 var(--space-base); pointer-events: none; position: absolute; width: 100%; z-index: 10; max-width: var(--body-width-max); margin: auto; top: calc((var(--content-medium) - (var(--padding-medium) * 2)) / 0.814545 / 2); transform: translateY(-50%); } .payments-testimonial-carousel > .swiper > .swiper-navigation .swiper-button-prev, .payments-testimonial-carousel > .swiper > .swiper-navigation .swiper-button-next { margin-bottom: 0; } .payments-testimonial-carousel > .swiper .swiper-slide { padding: 0; padding-right: calc(var(--padding-medium) * 2); width: var(--content-medium); } .payments-testimonial-carousel > .swiper .swiper-slide .carousel-header { color: var(--color-text); margin-top: var(--space-line); } @media (min-width: 1240px) { .payments-testimonial-carousel > .swiper > .swiper-navigation { top: calc((var(--content-large) - (var(--padding-large) * 2)) / 0.814545 / 2); } .payments-testimonial-carousel > .swiper .swiper-slide { padding-right: calc(var(--padding-large) * 2); width: var(--content-large); } } @media (min-width: 1500px) { .payments-testimonial-carousel > .swiper > .swiper-navigation { top: calc((var(--content-extra-large) - (var(--padding-extra-large) * 2)) / 0.814545 / 2); } .payments-testimonial-carousel > .swiper .swiper-slide { padding-right: calc(var(--padding-extra-large) * 2); width: var(--content-extra-large); } } .payments-recommended-products-carousel-new-group { align-items: flex-start; display: flex; gap: 1em; justify-content: space-between; } .payments-recommended-products-carousel-new-badge { background-color: #F6FCAA; border-radius: 50%; display: none; padding: 10px 22px; } @media (min-width: 717px) { .payments-recommended-products-carousel-new-badge { display: inline-block; } } .sq-custom-pymt-video-mccs { background: black !important; } .sq-custom-pymt-video-mccs .content { padding: 0 !important; } .pymt-video-mccs { background: black; color: white; padding: clamp(80px, 9.7vw, 120px) 0; } .pymt-video-mccs a { color: #4A95FF !important; } .pymt-video-mccs h2 { max-width: 530px; } .pymt-video-mccs-button { background-color: black !important; border: 1px solid white; border-radius: 50px; flex-shrink: 0; margin-bottom: 0 !important; transition: all 0.3s ease; } .pymt-video-mccs-button:focus { border: 1px solid #4A95FF; color: #4A95FF !important; outline: none; } .pymt-video-mccs-button:active, .pymt-video-mccs-button:hover, .pymt-video-mccs-button.is-active { background-color: white !important; border: 1px solid white; color: black !important; } .pymt-video-mccs-buttons { display: flex; gap: 16px; overflow: auto; padding-left: calc((100% - var(--container-width-base)) / 2); padding-right: 1em; width: 100%; } @media (min-width: 375px) { .pymt-video-mccs-buttons { padding-left: calc((100% - var(--container-width-extra-small)) / 2); } } @media (min-width: 717px) { .pymt-video-mccs-buttons { padding-bottom: 40px !important; padding-left: calc((100% - var(--container-width-small)) / 2); } } @media (min-width: 1023px) { .pymt-video-mccs-buttons { padding-left: calc((100% - var(--container-width-medium)) / 2); } } @media (min-width: 1240px) { .pymt-video-mccs-buttons { padding-left: calc((100% - var(--container-width-large)) / 2); } } @media (min-width: 1500px) { .pymt-video-mccs-buttons { padding-left: calc((100% - var(--container-width-extra-large)) / 2); } } .pymt-video-mccs-copy { position: relative; } .pymt-video-mccs-copy-item { display: none; } .pymt-video-mccs-copy-item.is-active { display: block; } .pymt-video-mccs-copy-item h3 { margin-bottom: 16px; } .pymt-video-mccs-copy-text { display: flex; flex-direction: column; gap: 2em; justify-content: space-between; } @media (min-width: 717px) { .pymt-video-mccs-copy-text { flex-direction: row; } } .pymt-video-mccs-copy-text div:first-child p { max-width: 700px; } @media (min-width: 718px) { .pymt-video-mccs-copy-text div:first-child { align-items: flex-start; display: flex; flex-direction: column; justify-content: space-between; width: 50%; } } .pymt-video-mccs-copy-text p { margin-bottom: 0; } .pymt-video-mccs-copy-text ul { margin-top: 0; } .pymt-video-mccs-copy-text ul > li { padding-left: 0; } .pymt-video-mccs-copy-text ul > li::before { content: none; } @media (min-width: 718px) { .pymt-video-mccs-copy-text div:last-child { margin-top: -12px; } } @media (min-width: 1024px) { .pymt-video-mccs-copy-text div:last-child { min-width: 330px; } } .pymt-video-mccs-media { aspect-ratio: 16/9; border-radius: 16px; max-height: 60vmin; overflow: hidden; position: relative; } .pymt-video-mccs-media img, .pymt-video-mccs-media video { display: none; height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; } .pymt-video-mccs-media img.is-active, .pymt-video-mccs-media video.is-active { display: block; } </style><style nonce="bN8PWBBJCk79umsWRS5qrS775gXEXAPywlLOu4UmtuU=">.uid-1oKqF3EOgO4qBMP1tnuUxw-61859ab24ed6a2721e2858cfa10944ea1443b2efe376b5e18abda6bad0600668 { height: 124px; } .uid-1oKqF3EOgO4qBMP1tnuUxw-61859ab24ed6a2721e2858cfa10944ea1443b2efe376b5e18abda6bad0600668 img { width: 373px; height: 124px; } @media (min-width: 374px) { .uid-1oKqF3EOgO4qBMP1tnuUxw-61859ab24ed6a2721e2858cfa10944ea1443b2efe376b5e18abda6bad0600668 { height: 246px; } } @media (min-width: 374px) { .uid-1oKqF3EOgO4qBMP1tnuUxw-61859ab24ed6a2721e2858cfa10944ea1443b2efe376b5e18abda6bad0600668 img { width: 739px; height: 246px; } } @media (min-width: 740px) { .uid-1oKqF3EOgO4qBMP1tnuUxw-61859ab24ed6a2721e2858cfa10944ea1443b2efe376b5e18abda6bad0600668 { height: 341px; } } @media (min-width: 740px) { .uid-1oKqF3EOgO4qBMP1tnuUxw-61859ab24ed6a2721e2858cfa10944ea1443b2efe376b5e18abda6bad0600668 img { width: 1023px; height: 341px; } } @media (min-width: 1024px) { .uid-1oKqF3EOgO4qBMP1tnuUxw-61859ab24ed6a2721e2858cfa10944ea1443b2efe376b5e18abda6bad0600668 { height: 426px; } } @media (min-width: 1024px) { .uid-1oKqF3EOgO4qBMP1tnuUxw-61859ab24ed6a2721e2858cfa10944ea1443b2efe376b5e18abda6bad0600668 img { width: 1279px; height: 426px; } } @media (min-width: 1280px) { .uid-1oKqF3EOgO4qBMP1tnuUxw-61859ab24ed6a2721e2858cfa10944ea1443b2efe376b5e18abda6bad0600668 { height: 560px; } } @media (min-width: 1280px) { .uid-1oKqF3EOgO4qBMP1tnuUxw-61859ab24ed6a2721e2858cfa10944ea1443b2efe376b5e18abda6bad0600668 img { width: 1679px; height: 560px; } } @media (min-width: 1680px) { .uid-1oKqF3EOgO4qBMP1tnuUxw-61859ab24ed6a2721e2858cfa10944ea1443b2efe376b5e18abda6bad0600668 { height: 640px; } } @media (min-width: 1680px) { .uid-1oKqF3EOgO4qBMP1tnuUxw-61859ab24ed6a2721e2858cfa10944ea1443b2efe376b5e18abda6bad0600668 img { width: 1920px; height: 640px; } } .uid-J1qcXho5KHkTcca53jBtY-c17c02d93234546cf9f0bf27cd4971aefba2956c135fe62e0c6c906798cdf557 { height: 155px; } .uid-J1qcXho5KHkTcca53jBtY-c17c02d93234546cf9f0bf27cd4971aefba2956c135fe62e0c6c906798cdf557 img { width: 300px; height: 155px; } @media (min-width: 374px) { .uid-J1qcXho5KHkTcca53jBtY-c17c02d93234546cf9f0bf27cd4971aefba2956c135fe62e0c6c906798cdf557 { height: 183px; } } @media (min-width: 374px) { .uid-J1qcXho5KHkTcca53jBtY-c17c02d93234546cf9f0bf27cd4971aefba2956c135fe62e0c6c906798cdf557 img { width: 354px; height: 183px; } } @media (min-width: 740px) { .uid-J1qcXho5KHkTcca53jBtY-c17c02d93234546cf9f0bf27cd4971aefba2956c135fe62e0c6c906798cdf557 { height: 351px; } } @media (min-width: 740px) { .uid-J1qcXho5KHkTcca53jBtY-c17c02d93234546cf9f0bf27cd4971aefba2956c135fe62e0c6c906798cdf557 img { width: 680px; height: 351px; } } @media (min-width: 1024px) { .uid-J1qcXho5KHkTcca53jBtY-c17c02d93234546cf9f0bf27cd4971aefba2956c135fe62e0c6c906798cdf557 { height: 155px; } } @media (min-width: 1024px) { .uid-J1qcXho5KHkTcca53jBtY-c17c02d93234546cf9f0bf27cd4971aefba2956c135fe62e0c6c906798cdf557 img { width: 300px; height: 155px; } } @media (min-width: 1280px) { .uid-J1qcXho5KHkTcca53jBtY-c17c02d93234546cf9f0bf27cd4971aefba2956c135fe62e0c6c906798cdf557 { height: 196px; } } @media (min-width: 1280px) { .uid-J1qcXho5KHkTcca53jBtY-c17c02d93234546cf9f0bf27cd4971aefba2956c135fe62e0c6c906798cdf557 img { width: 380px; height: 196px; } } @media (min-width: 1680px) { .uid-J1qcXho5KHkTcca53jBtY-c17c02d93234546cf9f0bf27cd4971aefba2956c135fe62e0c6c906798cdf557 { height: 231px; } } @media (min-width: 1680px) { .uid-J1qcXho5KHkTcca53jBtY-c17c02d93234546cf9f0bf27cd4971aefba2956c135fe62e0c6c906798cdf557 img { width: 447px; height: 231px; } } .uid-4Wtb9XpMatla2K9uZqiffF-6ebb681ceee1c61fd720fe19b96297af7eea932189942581cc641aab2d876653 { height: 276px; } .uid-4Wtb9XpMatla2K9uZqiffF-6ebb681ceee1c61fd720fe19b96297af7eea932189942581cc641aab2d876653 img { width: 300px; height: 276px; } @media (min-width: 374px) { .uid-4Wtb9XpMatla2K9uZqiffF-6ebb681ceee1c61fd720fe19b96297af7eea932189942581cc641aab2d876653 { height: 326px; } } @media (min-width: 374px) { .uid-4Wtb9XpMatla2K9uZqiffF-6ebb681ceee1c61fd720fe19b96297af7eea932189942581cc641aab2d876653 img { width: 354px; height: 326px; } } @media (min-width: 740px) { .uid-4Wtb9XpMatla2K9uZqiffF-6ebb681ceee1c61fd720fe19b96297af7eea932189942581cc641aab2d876653 { height: 625px; } } @media (min-width: 740px) { .uid-4Wtb9XpMatla2K9uZqiffF-6ebb681ceee1c61fd720fe19b96297af7eea932189942581cc641aab2d876653 img { width: 680px; height: 625px; } } @media (min-width: 1024px) { .uid-4Wtb9XpMatla2K9uZqiffF-6ebb681ceee1c61fd720fe19b96297af7eea932189942581cc641aab2d876653 { height: 428px; } } @media (min-width: 1024px) { .uid-4Wtb9XpMatla2K9uZqiffF-6ebb681ceee1c61fd720fe19b96297af7eea932189942581cc641aab2d876653 img { width: 465px; height: 428px; } } @media (min-width: 1280px) { .uid-4Wtb9XpMatla2K9uZqiffF-6ebb681ceee1c61fd720fe19b96297af7eea932189942581cc641aab2d876653 { height: 538px; } } @media (min-width: 1280px) { .uid-4Wtb9XpMatla2K9uZqiffF-6ebb681ceee1c61fd720fe19b96297af7eea932189942581cc641aab2d876653 img { width: 585px; height: 538px; } } @media (min-width: 1680px) { .uid-4Wtb9XpMatla2K9uZqiffF-6ebb681ceee1c61fd720fe19b96297af7eea932189942581cc641aab2d876653 { height: 630px; } } @media (min-width: 1680px) { .uid-4Wtb9XpMatla2K9uZqiffF-6ebb681ceee1c61fd720fe19b96297af7eea932189942581cc641aab2d876653 img { width: 685px; height: 630px; } } .uid-5VnnSptzwZnF4zQLjEi6vB-3490a4a549daf21c92c957d8d81392550c1d0332cd1398f7ae8e66427cc3fe30 { height: 276px; } .uid-5VnnSptzwZnF4zQLjEi6vB-3490a4a549daf21c92c957d8d81392550c1d0332cd1398f7ae8e66427cc3fe30 img { width: 300px; height: 276px; } @media (min-width: 374px) { .uid-5VnnSptzwZnF4zQLjEi6vB-3490a4a549daf21c92c957d8d81392550c1d0332cd1398f7ae8e66427cc3fe30 { height: 326px; } } @media (min-width: 374px) { .uid-5VnnSptzwZnF4zQLjEi6vB-3490a4a549daf21c92c957d8d81392550c1d0332cd1398f7ae8e66427cc3fe30 img { width: 354px; height: 326px; } } @media (min-width: 740px) { .uid-5VnnSptzwZnF4zQLjEi6vB-3490a4a549daf21c92c957d8d81392550c1d0332cd1398f7ae8e66427cc3fe30 { height: 625px; } } @media (min-width: 740px) { .uid-5VnnSptzwZnF4zQLjEi6vB-3490a4a549daf21c92c957d8d81392550c1d0332cd1398f7ae8e66427cc3fe30 img { width: 680px; height: 625px; } } @media (min-width: 1024px) { .uid-5VnnSptzwZnF4zQLjEi6vB-3490a4a549daf21c92c957d8d81392550c1d0332cd1398f7ae8e66427cc3fe30 { height: 428px; } } @media (min-width: 1024px) { .uid-5VnnSptzwZnF4zQLjEi6vB-3490a4a549daf21c92c957d8d81392550c1d0332cd1398f7ae8e66427cc3fe30 img { width: 465px; height: 428px; } } @media (min-width: 1280px) { .uid-5VnnSptzwZnF4zQLjEi6vB-3490a4a549daf21c92c957d8d81392550c1d0332cd1398f7ae8e66427cc3fe30 { height: 538px; } } @media (min-width: 1280px) { .uid-5VnnSptzwZnF4zQLjEi6vB-3490a4a549daf21c92c957d8d81392550c1d0332cd1398f7ae8e66427cc3fe30 img { width: 585px; height: 538px; } } @media (min-width: 1680px) { .uid-5VnnSptzwZnF4zQLjEi6vB-3490a4a549daf21c92c957d8d81392550c1d0332cd1398f7ae8e66427cc3fe30 { height: 630px; } } @media (min-width: 1680px) { .uid-5VnnSptzwZnF4zQLjEi6vB-3490a4a549daf21c92c957d8d81392550c1d0332cd1398f7ae8e66427cc3fe30 img { width: 685px; height: 630px; } } .uid-1ENGq5D0pCvekrJH8t46QJ-fa3d9ed56fc561259ea0d9141aae806bfa08592135b739410667fe1531befb59 { height: 151px; } .uid-1ENGq5D0pCvekrJH8t46QJ-fa3d9ed56fc561259ea0d9141aae806bfa08592135b739410667fe1531befb59 img { width: 373px; height: 151px; } @media (min-width: 374px) { .uid-1ENGq5D0pCvekrJH8t46QJ-fa3d9ed56fc561259ea0d9141aae806bfa08592135b739410667fe1531befb59 { height: 298px; } } @media (min-width: 374px) { .uid-1ENGq5D0pCvekrJH8t46QJ-fa3d9ed56fc561259ea0d9141aae806bfa08592135b739410667fe1531befb59 img { width: 739px; height: 298px; } } @media (min-width: 740px) { .uid-1ENGq5D0pCvekrJH8t46QJ-fa3d9ed56fc561259ea0d9141aae806bfa08592135b739410667fe1531befb59 { height: 413px; } } @media (min-width: 740px) { .uid-1ENGq5D0pCvekrJH8t46QJ-fa3d9ed56fc561259ea0d9141aae806bfa08592135b739410667fe1531befb59 img { width: 1023px; height: 413px; } } @media (min-width: 1024px) { .uid-1ENGq5D0pCvekrJH8t46QJ-fa3d9ed56fc561259ea0d9141aae806bfa08592135b739410667fe1531befb59 { height: 516px; } } @media (min-width: 1024px) { .uid-1ENGq5D0pCvekrJH8t46QJ-fa3d9ed56fc561259ea0d9141aae806bfa08592135b739410667fe1531befb59 img { width: 1279px; height: 516px; } } @media (min-width: 1280px) { .uid-1ENGq5D0pCvekrJH8t46QJ-fa3d9ed56fc561259ea0d9141aae806bfa08592135b739410667fe1531befb59 { height: 678px; } } @media (min-width: 1280px) { .uid-1ENGq5D0pCvekrJH8t46QJ-fa3d9ed56fc561259ea0d9141aae806bfa08592135b739410667fe1531befb59 img { width: 1679px; height: 678px; } } @media (min-width: 1680px) { .uid-1ENGq5D0pCvekrJH8t46QJ-fa3d9ed56fc561259ea0d9141aae806bfa08592135b739410667fe1531befb59 { height: 775px; } } @media (min-width: 1680px) { .uid-1ENGq5D0pCvekrJH8t46QJ-fa3d9ed56fc561259ea0d9141aae806bfa08592135b739410667fe1531befb59 img { width: 1920px; height: 775px; } } .uid-7lW6o3yEWIDyJXBS7uW2W8-db0fb9078f765abd5cf1fdcddb878df194f657ae20920b133a7d614f60fca5a0 { height: 173px; } .uid-7lW6o3yEWIDyJXBS7uW2W8-db0fb9078f765abd5cf1fdcddb878df194f657ae20920b133a7d614f60fca5a0 img { width: 300px; height: 173px; } @media (min-width: 374px) { .uid-7lW6o3yEWIDyJXBS7uW2W8-db0fb9078f765abd5cf1fdcddb878df194f657ae20920b133a7d614f60fca5a0 { height: 204px; } } @media (min-width: 374px) { .uid-7lW6o3yEWIDyJXBS7uW2W8-db0fb9078f765abd5cf1fdcddb878df194f657ae20920b133a7d614f60fca5a0 img { width: 354px; height: 204px; } } @media (min-width: 740px) { .uid-7lW6o3yEWIDyJXBS7uW2W8-db0fb9078f765abd5cf1fdcddb878df194f657ae20920b133a7d614f60fca5a0 { height: 391px; } } @media (min-width: 740px) { .uid-7lW6o3yEWIDyJXBS7uW2W8-db0fb9078f765abd5cf1fdcddb878df194f657ae20920b133a7d614f60fca5a0 img { width: 680px; height: 391px; } } @media (min-width: 1024px) { .uid-7lW6o3yEWIDyJXBS7uW2W8-db0fb9078f765abd5cf1fdcddb878df194f657ae20920b133a7d614f60fca5a0 { height: 363px; } } @media (min-width: 1024px) { .uid-7lW6o3yEWIDyJXBS7uW2W8-db0fb9078f765abd5cf1fdcddb878df194f657ae20920b133a7d614f60fca5a0 img { width: 630px; height: 363px; } } @media (min-width: 1280px) { .uid-7lW6o3yEWIDyJXBS7uW2W8-db0fb9078f765abd5cf1fdcddb878df194f657ae20920b133a7d614f60fca5a0 { height: 455px; } } @media (min-width: 1280px) { .uid-7lW6o3yEWIDyJXBS7uW2W8-db0fb9078f765abd5cf1fdcddb878df194f657ae20920b133a7d614f60fca5a0 img { width: 790px; height: 455px; } } @media (min-width: 1680px) { .uid-7lW6o3yEWIDyJXBS7uW2W8-db0fb9078f765abd5cf1fdcddb878df194f657ae20920b133a7d614f60fca5a0 { height: 532px; } } @media (min-width: 1680px) { .uid-7lW6o3yEWIDyJXBS7uW2W8-db0fb9078f765abd5cf1fdcddb878df194f657ae20920b133a7d614f60fca5a0 img { width: 924px; height: 532px; } } .uid-2ojkEgaGDi263dOsRkZo9o-c4e64c81bad598f511ce8bb4ec010cbf87844dfc0fdc428f7a6e04db45ed3432 { height: 241px; } .uid-2ojkEgaGDi263dOsRkZo9o-c4e64c81bad598f511ce8bb4ec010cbf87844dfc0fdc428f7a6e04db45ed3432 img { width: 300px; height: 241px; } @media (min-width: 374px) { .uid-2ojkEgaGDi263dOsRkZo9o-c4e64c81bad598f511ce8bb4ec010cbf87844dfc0fdc428f7a6e04db45ed3432 { height: 285px; } } @media (min-width: 374px) { .uid-2ojkEgaGDi263dOsRkZo9o-c4e64c81bad598f511ce8bb4ec010cbf87844dfc0fdc428f7a6e04db45ed3432 img { width: 354px; height: 285px; } } @media (min-width: 740px) { .uid-2ojkEgaGDi263dOsRkZo9o-c4e64c81bad598f511ce8bb4ec010cbf87844dfc0fdc428f7a6e04db45ed3432 { height: 547px; } } @media (min-width: 740px) { .uid-2ojkEgaGDi263dOsRkZo9o-c4e64c81bad598f511ce8bb4ec010cbf87844dfc0fdc428f7a6e04db45ed3432 img { width: 680px; height: 547px; } } @media (min-width: 1024px) { .uid-2ojkEgaGDi263dOsRkZo9o-c4e64c81bad598f511ce8bb4ec010cbf87844dfc0fdc428f7a6e04db45ed3432 { height: 374px; } } @media (min-width: 1024px) { .uid-2ojkEgaGDi263dOsRkZo9o-c4e64c81bad598f511ce8bb4ec010cbf87844dfc0fdc428f7a6e04db45ed3432 img { width: 465px; height: 374px; } } @media (min-width: 1280px) { .uid-2ojkEgaGDi263dOsRkZo9o-c4e64c81bad598f511ce8bb4ec010cbf87844dfc0fdc428f7a6e04db45ed3432 { height: 471px; } } @media (min-width: 1280px) { .uid-2ojkEgaGDi263dOsRkZo9o-c4e64c81bad598f511ce8bb4ec010cbf87844dfc0fdc428f7a6e04db45ed3432 img { width: 585px; height: 471px; } } @media (min-width: 1680px) { .uid-2ojkEgaGDi263dOsRkZo9o-c4e64c81bad598f511ce8bb4ec010cbf87844dfc0fdc428f7a6e04db45ed3432 { height: 551px; } } @media (min-width: 1680px) { .uid-2ojkEgaGDi263dOsRkZo9o-c4e64c81bad598f511ce8bb4ec010cbf87844dfc0fdc428f7a6e04db45ed3432 img { width: 685px; height: 551px; } } .uid-1t7BYer722tnTSS1AQRlza-72524644b8d2c248abcf22aa899c912bcce14f8ba8754f7d9b6279b154ae85a9 { height: 150px; } .uid-1t7BYer722tnTSS1AQRlza-72524644b8d2c248abcf22aa899c912bcce14f8ba8754f7d9b6279b154ae85a9 img { width: 300px; height: 150px; } @media (min-width: 374px) { .uid-1t7BYer722tnTSS1AQRlza-72524644b8d2c248abcf22aa899c912bcce14f8ba8754f7d9b6279b154ae85a9 { height: 177px; } } @media (min-width: 374px) { .uid-1t7BYer722tnTSS1AQRlza-72524644b8d2c248abcf22aa899c912bcce14f8ba8754f7d9b6279b154ae85a9 img { width: 354px; height: 177px; } } @media (min-width: 740px) { .uid-1t7BYer722tnTSS1AQRlza-72524644b8d2c248abcf22aa899c912bcce14f8ba8754f7d9b6279b154ae85a9 { height: 340px; } } @media (min-width: 740px) { .uid-1t7BYer722tnTSS1AQRlza-72524644b8d2c248abcf22aa899c912bcce14f8ba8754f7d9b6279b154ae85a9 img { width: 680px; height: 340px; } } @media (min-width: 1024px) { .uid-1t7BYer722tnTSS1AQRlza-72524644b8d2c248abcf22aa899c912bcce14f8ba8754f7d9b6279b154ae85a9 { height: 233px; } } @media (min-width: 1024px) { .uid-1t7BYer722tnTSS1AQRlza-72524644b8d2c248abcf22aa899c912bcce14f8ba8754f7d9b6279b154ae85a9 img { width: 465px; height: 233px; } } @media (min-width: 1280px) { .uid-1t7BYer722tnTSS1AQRlza-72524644b8d2c248abcf22aa899c912bcce14f8ba8754f7d9b6279b154ae85a9 { height: 293px; } } @media (min-width: 1280px) { .uid-1t7BYer722tnTSS1AQRlza-72524644b8d2c248abcf22aa899c912bcce14f8ba8754f7d9b6279b154ae85a9 img { width: 585px; height: 293px; } } @media (min-width: 1680px) { .uid-1t7BYer722tnTSS1AQRlza-72524644b8d2c248abcf22aa899c912bcce14f8ba8754f7d9b6279b154ae85a9 { height: 343px; } } @media (min-width: 1680px) { .uid-1t7BYer722tnTSS1AQRlza-72524644b8d2c248abcf22aa899c912bcce14f8ba8754f7d9b6279b154ae85a9 img { width: 685px; height: 343px; } } .uid-4K9npmBkP43rPwaAm35QGn-424fadb827b78085779ec55582829eb1756f68c6568860baf44025ddc0ab633f { height: 136px; } .uid-4K9npmBkP43rPwaAm35QGn-424fadb827b78085779ec55582829eb1756f68c6568860baf44025ddc0ab633f img { width: 300px; height: 136px; } @media (min-width: 374px) { .uid-4K9npmBkP43rPwaAm35QGn-424fadb827b78085779ec55582829eb1756f68c6568860baf44025ddc0ab633f { height: 160px; } } @media (min-width: 374px) { .uid-4K9npmBkP43rPwaAm35QGn-424fadb827b78085779ec55582829eb1756f68c6568860baf44025ddc0ab633f img { width: 354px; height: 160px; } } @media (min-width: 740px) { .uid-4K9npmBkP43rPwaAm35QGn-424fadb827b78085779ec55582829eb1756f68c6568860baf44025ddc0ab633f { height: 307px; } } @media (min-width: 740px) { .uid-4K9npmBkP43rPwaAm35QGn-424fadb827b78085779ec55582829eb1756f68c6568860baf44025ddc0ab633f img { width: 680px; height: 307px; } } @media (min-width: 1024px) { .uid-4K9npmBkP43rPwaAm35QGn-424fadb827b78085779ec55582829eb1756f68c6568860baf44025ddc0ab633f { height: 434px; } } @media (min-width: 1024px) { .uid-4K9npmBkP43rPwaAm35QGn-424fadb827b78085779ec55582829eb1756f68c6568860baf44025ddc0ab633f img { width: 960px; height: 434px; } } @media (min-width: 1280px) { .uid-4K9npmBkP43rPwaAm35QGn-424fadb827b78085779ec55582829eb1756f68c6568860baf44025ddc0ab633f { height: 542px; } } @media (min-width: 1280px) { .uid-4K9npmBkP43rPwaAm35QGn-424fadb827b78085779ec55582829eb1756f68c6568860baf44025ddc0ab633f img { width: 1200px; height: 542px; } } @media (min-width: 1680px) { .uid-4K9npmBkP43rPwaAm35QGn-424fadb827b78085779ec55582829eb1756f68c6568860baf44025ddc0ab633f { height: 633px; } } @media (min-width: 1680px) { .uid-4K9npmBkP43rPwaAm35QGn-424fadb827b78085779ec55582829eb1756f68c6568860baf44025ddc0ab633f img { width: 1400px; height: 633px; } } .uid-6RAJuzXuOChm4CuFIQuq2S-5542a60d3b203bf05ff5418a84eb013619ad5191853cf13a77f1ddde5e83503e { height: 458px; } .uid-6RAJuzXuOChm4CuFIQuq2S-5542a60d3b203bf05ff5418a84eb013619ad5191853cf13a77f1ddde5e83503e img { width: 424px; height: 458px; } @media (min-width: 1024px) { .uid-6RAJuzXuOChm4CuFIQuq2S-5542a60d3b203bf05ff5418a84eb013619ad5191853cf13a77f1ddde5e83503e { height: 587px; } } @media (min-width: 1024px) { .uid-6RAJuzXuOChm4CuFIQuq2S-5542a60d3b203bf05ff5418a84eb013619ad5191853cf13a77f1ddde5e83503e img { width: 698px; height: 587px; } } @media (min-width: 1680px) { .uid-6RAJuzXuOChm4CuFIQuq2S-5542a60d3b203bf05ff5418a84eb013619ad5191853cf13a77f1ddde5e83503e { height: 587px; } } @media (min-width: 1680px) { .uid-6RAJuzXuOChm4CuFIQuq2S-5542a60d3b203bf05ff5418a84eb013619ad5191853cf13a77f1ddde5e83503e img { width: 718px; height: 587px; } } </style><script src="https://xms-production-f.squarecdn.com/xms/assets/application-98634303823609564653232341ac31dec8207447dd21be5f1fea5ecde57f58f7.js" defer="defer" nonce="bN8PWBBJCk79umsWRS5qrS775gXEXAPywlLOu4UmtuU="></script><script type="module" nonce="bN8PWBBJCk79umsWRS5qrS775gXEXAPywlLOu4UmtuU=">// Compiled code, do not edit. Contact @tholmberg with questions. !function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/build",n(n.s=1)}([function(e,t,n){},function(e,t,n){"use strict";n.r(t);n(0);!function(e){for(const t in e){const n=e[t];document.querySelectorAll(t).forEach(n)}}({".sq-custom-image-marquee .image-marquee":function(e){const t=e.querySelector(".image-marquee__content"),n=e.querySelectorAll(".image-marquee__item"),o=e.classList.contains("image-marquee--inline"),r=e.dataset.speed||40,i=c();function c(){return t.getBoundingClientRect().width}function u(){const n=e.getBoundingClientRect().width-56,o=i>=n;o&&!s()&&a(),!o&&s()&&(e.classList.remove("image-marquee--playing"),t.style.removeProperty("animation-duration"),function(){const n=e.querySelectorAll(".image-marquee__item--clone");for(const e of n)t.removeChild(e)}())}function s(){return e.classList.contains("image-marquee--playing")}function a(){!function(){for(const e of n){const n=e.cloneNode(!0);n.classList.add("image-marquee__item--clone"),t.appendChild(n)}}(),function(){const e=Math.round(c()/3/r*1e3);t.style.animationDuration=`${e}ms`}(),e.classList.add("image-marquee--playing")}function l(e,t){e.forEach(e=>{e.intersectionRatio>0&&(f(),t.disconnect(e.target))})}function f(){const e=t.querySelectorAll("img[data-custom-srcset]");for(const t of e){const e=t.dataset.customSrcset;t.setAttribute("srcset",e)}}!function(){if(!("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in IntersectionObserverEntry.prototype))return void f();new IntersectionObserver(l).observe(e)}(),o?(window.addEventListener("resize",Sq.Resize.onResize(u)),u()):a()}})}]);</script><script type="module" nonce="bN8PWBBJCk79umsWRS5qrS775gXEXAPywlLOu4UmtuU=">/*! * do not edit; file generated from public-web-customizations. * BUNDLE=pymt-recommended-products * HASH=d7e6435255518c7103af */!function(){"use strict";var e,t={4082:function(e,t,r){r(2526),r(7327),r(9554),r(3321),r(9070),r(5003),r(9337),r(7941),r(4747);var n=r(1099);function o(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var i=document.querySelector(".payments-recommended-products-tabs"),a=document.querySelectorAll("[data-pymt-recommended-products-tab-button]"),u=document.querySelectorAll("[data-pymt-recommended-products-tab]"),l=document.querySelectorAll("[data-compare-link]"),s=document.querySelector('[data-entry-id="48gYz5nJeiTujXotQLAK8p"],[data-entry-id="6RQ4uECIfZoICZbrOsfMFO"]'),f=document.querySelectorAll("[data-swiper]");a.forEach((function(e,t){return e.addEventListener("click",(function(){a.forEach((function(e){return e.classList.remove("is-active")})),u.forEach((function(e){return e.classList.remove("is-active")})),e.classList.add("is-active"),u[t].classList.add("is-active"),i.scrollTo({left:e.offsetLeft-24,behavior:"smooth"})}))})),l.forEach((function(e){return e.addEventListener("click",(function(){s.scrollIntoView({behavior:"smooth",block:"start",inline:"nearest"})}))})),f.forEach((function(e){var t=e.parentElement.querySelector(".swiper-button-next"),r=e.parentElement.querySelector(".swiper-button-prev"),i=e.dataset.swiper,a=e.querySelectorAll(".swiper-slide"),u=e.querySelector(".swiper-wrapper"),l=(null==i?void 0:i.length)?JSON.parse(i):{};if(!0===l.loop){l.loopedSlides=a.length;for(var s=0;s<2;s++)for(var f=0;f<a.length;f++){var p=a[f].cloneNode(!0);p.querySelector("a").tabIndex=-1,u.appendChild(p)}}var d=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?o(Object(r),!0).forEach((function(t){c(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({modules:[n.W_,n.tl,n.pt],pagination:{el:".swiper-pagination"},navigation:{nextEl:t,prevEl:r}},l);new n.tq(e,d)}));!function(e){for(var t in e){var r=e[t];document.querySelectorAll(t).forEach(r)}}({})}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var c=r[e]={exports:{}};return t[e](c,c.exports,n),c.exports}n.m=t,e=[],n.O=function(t,r,o,c){if(!r){var i=1/0;for(l=0;l<e.length;l++){r=e[l][0],o=e[l][1],c=e[l][2];for(var a=!0,u=0;u<r.length;u++)(!1&c||i>=c)&&Object.keys(n.O).every((function(e){return n.O[e](r[u])}))?r.splice(u--,1):(a=!1,c<i&&(i=c));a&&(e.splice(l--,1),t=o())}return t}c=c||0;for(var l=e.length;l>0&&e[l-1][2]>c;l--)e[l]=e[l-1];e[l]=[r,o,c]},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){var e={179:0};n.O.j=function(t){return 0===e[t]};var t=function(t,r){var o,c,i=r[0],a=r[1],u=r[2],l=0;for(o in a)n.o(a,o)&&(n.m[o]=a[o]);if(u)var s=u(n);for(t&&t(r);l<i.length;l++)c=i[l],n.o(e,c)&&e[c]&&e[c][0](),e[i[l]]=0;return n.O(s)},r=self.webpackChunkpublic_web_customizations=self.webpackChunkpublic_web_customizations||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))}();var o=n.O(void 0,[216],(function(){return n(4082)}));o=n.O(o)}();</script><script src="https://square-campaign-hub-production.s3.us-west-2.amazonaws.com/static/payments/pymt-recommended-products-vendors-v2.js" defer="defer" nonce="bN8PWBBJCk79umsWRS5qrS775gXEXAPywlLOu4UmtuU="></script><script type="module" nonce="bN8PWBBJCk79umsWRS5qrS775gXEXAPywlLOu4UmtuU=">const Component = document.querySelector('.pymt-video-mccs'); if (Component) { const media = Component.querySelectorAll('video, img'); const buttonsContainer = Component.querySelector('.pymt-video-mccs-buttons'); const buttons = Component.querySelectorAll('button'); const items = Component.querySelectorAll('.pymt-video-mccs-copy-item'); function updateComponent(index = 0) { buttons.forEach(el => el.classList.remove('is-active')); buttons[index].classList.add('is-active'); buttons[index].focus(); media.forEach(el => el.classList.remove('is-active')); media[index].classList.add('is-active'); items.forEach(el => el.classList.remove('is-active')); items[index].classList.add('is-active'); } buttons.forEach((button, index) => { button.addEventListener('click', () => { updateComponent(index); buttonsContainer.scrollTo({ left: button.offsetLeft - 24, behavior: 'smooth' }) }); button.addEventListener('mouseover', () => updateComponent(index)) }) } </script><script type="module" nonce="bN8PWBBJCk79umsWRS5qrS775gXEXAPywlLOu4UmtuU=">/** * 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><script type="module" nonce="bN8PWBBJCk79umsWRS5qrS775gXEXAPywlLOu4UmtuU=">function mobileTestimonials() { // Get sections const mobileTestimonials = document.querySelector('.sq-custom-pymt-testimonials-mobile'); if (mobileTestimonials) { const mtContent = mobileTestimonials.querySelector('.content'); const mtColumns = mtContent.querySelectorAll('.multi-column-grid > .column:nth-child(-n + 3)'); let firstThreeHeight = 0; // Create toggle button const toggleButton = document.createElement('button'); toggleButton.classList.add('sq-custom-pymt-testimonials-mobile-toggle'); toggleButton.addEventListener('click', () => mtContent.classList.toggle('is-active')); // Create button icon const toggleButtonIcon = document.createElement('img'); toggleButtonIcon.src = 'https://images.ctfassets.net/2d5q1td6cyxq/4vhd0RWog74IM6eX1qSXm1/50ec16b453f6624baa8dc5eba89a4f1f/chevron.svg'; // Add elements to page toggleButton.appendChild(toggleButtonIcon); mtContent.appendChild(toggleButton); // Gets scrollHeight of columns so we can properly set the max-height of the // mobile component function setMaxHeight() { firstThreeHeight = 0; mtColumns.forEach(column => { firstThreeHeight += column.scrollHeight; }); // Set the CSS variable, which will be read by the component mtContent.style.setProperty("--maxHeight", `${firstThreeHeight}px`); }; // When each image loads, update the max-height mtColumns.forEach(column => { const image = column.querySelector('img'); image.addEventListener('load', setMaxHeight); }) } } function scrollToTTP() { const urlParams = new URLSearchParams(window.location.search); if (urlParams.get("ttp") === '1') { window.scrollTo({ top: document.querySelector('#tap-to-pay').offsetParent.offsetTop - 100, behavior: 'smooth' }); } } mobileTestimonials(); scrollToTTP();</script><script type="module" nonce="bN8PWBBJCk79umsWRS5qrS775gXEXAPywlLOu4UmtuU=">document.addEventListener("DOMContentLoaded", function() { const lazyVideos = document.querySelectorAll("video"); const lazyVideoObserver = new IntersectionObserver(function(entries, observer) { entries.forEach(video => { if (video.isIntersecting) { video.target.children.forEach(source => { if (typeof source.tagName === "string" && source.tagName === "SOURCE" && source.dataset.src) { source.src = source.dataset.src; } }); video.target.load(); video.target.play(); lazyVideoObserver.unobserve(video.target); } }); }); lazyVideos.forEach(function(lazyVideo) { lazyVideoObserver.observe(lazyVideo); }); });</script></head><body class="theme-blue"><div id="top"></div><div data-body="Téléchargez la dernière version d’un navigateur pris en charge ci-dessous pour tirer le maximum de cet site 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="Je comprends et souhaite quand même continuer." data-title="Veuillez mettre à jour votre navigateur." id="unsupported-browser-modal"></div><script src="https://xms-production-f.squarecdn.com/xms/assets/precompile/nomodule-fd552f7067e56a71a4ac154492f800a86a9d4f41b1a3dd92df5043afc78d1e91.js" nomodule="nomodule" nonce="bN8PWBBJCk79umsWRS5qrS775gXEXAPywlLOu4UmtuU="></script><noscript><div aria-live="polite" class="flash flash-top flash-error flash-show" role="status"><div class="flash-message"><p>Javascript est requis pour obtenir la pleine fonctionnalité de ce site. <a class="arrow" href="https://www.enable-javascript.com/" target="_blank">Découvrez comme activer JavaScript dans votre navigateur</a> </p></div></div></noscript><div data-cta-subnav-json="{"id":"pwn-entry-32q1odsVMwhDoUPFmgFHtP","title":"Paiements Square","subtitle":null,"dynamicVariationSlug":null,"titleCategory":null,"cta":{"id":"pwn-entry-AM2nfNhJPehJS9n6dRWsm","title":"Démarrer","url":"/signup/fr-CA","linkStyle":"primary","iconData":null,"hideWhenLoggedIn":null,"hideWhenLoggedOut":null,"hideWhenCartEmpty":null,"hideWhenCartNotEmpty":null,"disabled":null,"hidden":null,"type":"button"},"secondaryCta":{"id":"pwn-entry-2USGvQosoomELLmnb0GiSY","title":"Contacter l’équipe des ventes","url":"/ca/fr/sales/contact?page=/ca/fr/payments","linkStyle":"secondary","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"},"navItems":[{"id":"pwn-entry-5rXbAkJv2JDYc2NFctMSHv","title":"Aperçu","url":"/ca/fr/payments","linkStyle":"text","iconData":null,"hideWhenLoggedIn":null,"hideWhenLoggedOut":null,"hideWhenCartEmpty":null,"hideWhenCartNotEmpty":null,"disabled":null,"hidden":null,"type":"link"},{"id":"pwn-entry-4dImSOseNYzaU5Vj5A6oW2","title":"Services aux commerçants","url":"/ca/fr/payments/merchant-services","linkStyle":"text","iconData":null,"hideWhenLoggedIn":null,"hideWhenLoggedOut":null,"hideWhenCartEmpty":null,"hideWhenCartNotEmpty":null,"disabled":null,"hidden":null,"type":"link"},{"id":"pwn-entry-2mh7j2mVPrO26e2BxfFCQK","title":"Nos frais","url":"/ca/fr/payments/our-fees","linkStyle":"text","iconData":null,"hideWhenLoggedIn":null,"hideWhenLoggedOut":null,"hideWhenCartEmpty":null,"hideWhenCartNotEmpty":null,"disabled":null,"hidden":null,"type":"link"}],"dynamicVariations":null,"enableDynamicVariations":false,"onlyShowCtaWhenSticky":false,"showCtaOnCtaPage":false,"disableStickyBehavior":false,"enableFlickerFix":false,"reverseDesktopCtaButtons":false,"hiddenUntilScrolled":false,"disableIconCtaOnMobile":false}" 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-6tfDgbW26KB4FybVqKLnG7","title":"squareup.com - CA - 2022","home":{"id":"pwn-entry-12sP2qC2n9yVNQtTEi5cb9","title":"Square","url":"/ca/fr"},"mobileMenuOpenText":"Ouvrir le menu","mobileMenuCloseText":"Fermer le menu","primaryNavItems":[{"id":"pwn-entry-4YkZAgXSfz1xyGdb577KDY","type":"category","title":"Produits","navItems":[{"id":"pwn-entry-4kL0EvdkSlUlKBpNK6fEsK","type":"category","title":"Commerce","description":"Vendez en personne, en ligne ou à tout endroit où vous faites des affaires.","navItems":[{"id":"pwn-entry-2jACOFFGqWew10uuO00j4","type":"link","title":"Matériel PDV","url":"/ca/fr/hardware"},{"id":"pwn-entry-5q21MhRyzRxt1dvs3ePbUY","type":"link","title":"Point de vente","url":"/ca/fr/point-of-sale"},{"id":"pwn-entry-4igmMg2QThGi5PmJ75kCt1","type":"link","title":"Traitement des paiements","url":"/ca/fr/payments"},{"id":"pwn-entry-62yDmY8YceQjMv8f62Qk5D","type":"link","title":"Borne de commande","url":"/ca/fr/point-of-sale/restaurants/kiosk-software"},{"id":"pwn-entry-5Ij0JtDnTS2WJTxLtnZlmy","type":"link","title":"Boutique en ligne","url":"/ca/fr/online-store"},{"id":"pwn-entry-1VTRDBnZpuuzCms2OYzwOG","type":"link","title":"Factures","url":"/ca/fr/invoices"},{"id":"pwn-entry-1EF0Fx0CGH2BLD83lOoVpL","type":"link","title":"Terminal virtuel","url":"/ca/fr/payments/virtual-terminal"},{"id":"pwn-entry-735Lfp6ZbMaCVLeAtB86Rn","type":"link","title":"Liens de paiement","url":"/ca/fr/payment-links"},{"id":"pwn-entry-6xqVnmTLBLlzt44v3G7USl","type":"link","title":"Toutes les solutions en ligne","url":"/ca/fr/ecommerce"}]},{"id":"pwn-entry-3ls3UDHeqv9GzUDzIOi6tc","type":"category","title":"Clients","description":"Développez votre activité grâce au marketing, aux réservations de clients et aux programmes de fidélisation.","navItems":[{"id":"pwn-entry-2SBIgTJ4AjaLonzaV2ZZRF","type":"link","title":"Rendez-vous","url":"/ca/fr/appointments"},{"id":"pwn-entry-1kdKEvZxPqlGEo9Mi1kNml","type":"link","title":"Marketing","url":"/ca/fr/software/marketing "},{"id":"pwn-entry-4owtBubwhCQmKUGuzSDyCX","type":"link","title":"Cartes cadeaux","url":"/ca/fr/gift-cards"},{"id":"pwn-entry-5y3Eo3FaazJ5Gi1QYBRf5Q","type":"link","title":"Fidélisation","url":"/ca/fr/software/loyalty"},{"id":"pwn-entry-7fPk6PpvdSOlOXUqHeVLK4","type":"link","title":"Messages","url":"/ca/fr/messages"},{"id":"pwn-entry-5mwO0wTPDaM3qd973USyzk","type":"link","title":"Photographie de produits","url":"/ca/fr/photo-studio/app"}]},{"id":"pwn-entry-zGjogsYcqfYjreFcYQDyp","type":"category","title":"Services financiers","description":"Gérez les flux de trésorerie et accédez instantanément aux fonds.","navItems":[{"id":"pwn-entry-FLfnuXndVcJqnvB2G6Hks","type":"link","title":"Prêts aux entreprises","url":"/ca/fr/loans"},{"id":"pwn-entry-7bpHNRSGobqahMleJLmvYB","type":"link","title":"Transferts instantanés","url":"/ca/fr/payments/instant-transfers"},{"id":"pwn-entry-3HZeJUvxj1kQ39Jlo86be0","type":"link","title":"Carte Square","url":"/ca/fr/payments/square-card"},{"id":"pwn-entry-2Ku7WYZhcgQGzizSJYlDiz","type":"link","title":"Dossiers Solde","url":"/ca/fr/payments/balance-folders"}]},{"id":"pwn-entry-3dZKAtVBgo6mB7Ui0noyHL","type":"category","title":"Personnel","description":"Gérez efficacement votre équipe grâce aux autorisations et aux fiches de présence.","navItems":[{"id":"pwn-entry-7AOHCD2TZUpcZ97yNK7rrO","type":"link","title":"Accès avancé","url":"/ca/fr/point-of-sale/team-management"},{"id":"pwn-entry-6wXkcHIJqYY5ej87TsHGHP","type":"link","title":"Quarts de travail","url":"/ca/fr/staff/shifts"}]},{"id":"pwn-entry-AXhwJ7C9ylP4W3UimAqxd","type":"category","title":"Développeur","description":"Connectez des applications tierces ou créez des solutions personnalisées.","navItems":[{"id":"pwn-entry-3RWJNTk3Myj8moo2L4AmVe","type":"link","title":"API pour développeurs","url":"https://developer.squareup.com/ca/fr"},{"id":"pwn-entry-67GTviSsJ1h1NfyPD9fktS","type":"link","title":"Tous les répertoires de partenaires","url":"/ca/fr/partner-directory"},{"id":"pwn-entry-5w4oYsLvMYg9SZAwVsxpwk","type":"link","title":"Plateforme d’applications","url":"/ca/fr/app-marketplace"},{"id":"pwn-entry-45mrHonGU2Do1HTNMJJb1K","type":"link","title":"Les spécialistes Square","url":"/ca/fr/square-specialists"},{"id":"pwn-entry-7JLftMDx5UlMr1m8jnqoYn","type":"link","title":"Offres partenaires","url":"/ca/fr/partner-offers"}]}]},{"id":"pwn-entry-tlXYIQ9jDZhj6V0Qe4nNm","type":"category","title":"Secteurs d’activité","navItems":[{"id":"pwn-entry-5VQ6gknNQwq09Lq5ugMFfJ","type":"category","title":"Square pour détaillants","description":"Tous les outils de vente au détail dont vous avez besoin, de l’ouverture à la fermeture, en magasin et en ligne.","navItems":[{"id":"pwn-entry-3RkmaGgyzReizu4Zzu1wgZ","type":"link","title":"Tous les détaillants","url":"/ca/fr/point-of-sale/retail"},{"id":"pwn-entry-3JtTwRNrBu3WGWFtwDVGAE","type":"link","title":"Vêtements et accessoires","url":"/ca/fr/point-of-sale/retail/clothing-store"},{"id":"pwn-entry-4tHqgdHJvZGfdYN1vOQQrI","type":"link","title":"Meubles et appareils ménagers","url":"/ca/fr/point-of-sale/retail/furniture-home-goods"},{"id":"pwn-entry-5LLpu9VJB5QGj8F4padx4M","type":"link","title":"Épiceries et dépanneurs","url":"/ca/fr/point-of-sale/retail/grocery-convenience-store"},{"id":"pwn-entry-3MDdRoBH8KAi7SZOtkTgvq","type":"link","title":"Bière, vin et spiritueux","url":"/ca/fr/point-of-sale/retail/liquor-wine-beer "}]},{"id":"pwn-entry-11Hi6ZkhI7URsotqWiaNtO","type":"category","title":"Aliments et boissons","description":"Outils pour la salle à manger, la cuisine et tout le reste.","navItems":[{"id":"pwn-entry-7r4GByHVphgAbFDReEy3mC","type":"link","title":"Aperçu","url":"/ca/fr/point-of-sale/restaurants"},{"id":"pwn-entry-7HFGB6o2auia82pZwNECj5","type":"link","title":"Restauration rapide","url":"/ca/fr/point-of-sale/restaurants/quick-service"},{"id":"pwn-entry-icb0Efz54e4Q9oQfEKgcF","type":"link","title":"Service complet","url":"/ca/fr/point-of-sale/restaurants/full-service"},{"id":"pwn-entry-7bjuRWGScoViOQIsCLxTEn","type":"link","title":"Restauration décontractée","url":"/ca/fr/point-of-sale/restaurants/fast-casual"},{"id":"pwn-entry-3aPctMhnIkVu1dNBZnnyKR","type":"link","title":"Bars et brasseries","url":"/ca/fr/point-of-sale/restaurants/bars"},{"id":"pwn-entry-01oiJS7sQAvgab0PDBhTFp","type":"link","title":"Cuisine fantôme","url":"/ca/fr/point-of-sale/restaurants/ghost-kitchens"},{"id":"pwn-entry-6AggOmNAcNPGklN9Nbgvxf","type":"link","title":"Square KDS","url":"/ca/fr/point-of-sale/restaurants/kitchen-display-system"}]},{"id":"pwn-entry-5bmPlOxuUKKCdjdrF9S0QR","type":"category","title":"Services professionnels","description":"Des solutions pour les secteurs des soins de santé et de la réparation, ainsi que bon nombre d’autres professionnels.","navItems":[{"id":"pwn-entry-78Kiy7i16qlvgG0J1qB108","type":"link","title":"Aperçu","url":"/ca/fr/solutions/professional-services"},{"id":"pwn-entry-3Br8tRal0ePs4FAkISQFwP","type":"link","title":"Santé et bien-être","url":"/ca/fr/solutions/healthcare"},{"id":"pwn-entry-1pvqrvr2it0BitFMh2nReQ","type":"link","title":"Maison et réparations","url":"/ca/fr/solutions/home-and-repair"}]},{"id":"pwn-entry-2M7LYh6zPnNo8PgFOD9rDj","type":"category","title":"Grandes entreprises","description":"Créez des solutions sur mesure grâce à notre plateforme évolutive et sécurisée.","navItems":[{"id":"pwn-entry-5doHqKE4s0U9aXmq3xvSwf","type":"link","title":"Aperçu","url":"/ca/fr/large-businesses"},{"id":"pwn-entry-Es2OTNwduXLJOe1A88C2r","type":"link","title":"Franchises","url":"/ca/fr/franchises"}]},{"id":"pwn-entry-7CJ7F60tzS4BmhUJsUKbCQ","type":"category","title":"Beauté","description":"Une solution pour des réservations, des paiements et une gestion des clients sans tracas.","navItems":[{"id":"pwn-entry-uSyaVs8BpVjmQgGVgJdBM","type":"link","title":"Salon de beauté","url":"/ca/fr/solutions/beauty"},{"id":"pwn-entry-20GMjl6MOOvE6A4p9vykKd","type":"link","title":"Salon de coiffure","url":"/ca/fr/solutions/hair-salon"},{"id":"pwn-entry-CrSDofxQ7OU1ZYMGPocNw","type":"link","title":"Salon de barbier","url":"/ca/fr/solutions/barbershop"},{"id":"pwn-entry-wlHdNWvV6mwRSpFBenTfv","type":"link","title":"Tatouage et piercing","url":"/ca/fr/solutions/tattoo-and-piercing"},{"id":"pwn-entry-6C2OLdoQz5eRclB3GhseY5","type":"link","title":"Salon de manucure","url":"/ca/fr/solutions/nail-salon"},{"id":"pwn-entry-4PbKVBDGEv4C4cmpMj3efw","type":"link","title":"Day spa","url":"/ca/fr/solutions/spa"}]}]},{"id":"pwn-entry-1HDzM5kaMSoe4tgREoa63D","type":"link","title":"Pourquoi Square?","url":"/ca/fr/why-square"},{"id":"pwn-entry-675bOY8QeQGs8DZJ7AK0ot","type":"link","title":"Tarification","url":"/ca/fr/pricing"},{"id":"pwn-entry-6etJ70QrbAI9MR2IzoxjZL","type":"category","title":"Ressources","navItems":[{"id":"pwn-entry-1WNoWdAcCaK5iVNYWq7Dhq","type":"link","title":"Centre d’assistance","url":"/help/ca/fr"},{"id":"pwn-entry-2NTCjv2Mb4wkuIzL7IHEOW","type":"link","title":"Contacter l’équipe des ventes","url":"/ca/fr/sales"},{"id":"pwn-entry-1bsQ8t5t9SUuvcrCWPg0Es","type":"link","title":"Ressources COVID-19","url":"/ca/fr/l/immediate-support-response"},{"id":"pwn-entry-4XdpN1FspDbvBqvxg6gyeF","type":"link","title":"Nouveautés","url":"/ca/fr/whats-new"},{"id":"pwn-entry-1rDqLH4l0IyVkxYiM5vA3h","type":"link","title":"Communauté Square","url":"https://www.sellercommunity.com/t5/Seller-Community-Canada/ct-p/Seller_Community_CA"},{"id":"pwn-entry-6vLSHIav4UC2Sb2zAeSEje","type":"link","title":"Blogue","url":"/ca/fr/townsquare"},{"id":"pwn-entry-4ev3odd63yNNAE1zkuyHIz","type":"link","title":"À propos","url":"/ca/fr/about"},{"id":"pwn-entry-5UL5CTdftYXtaZgwbOHWMn","type":"link","title":"Logiciels et solutions d'entreprise","url":"/ca/fr/software"}]}],"secondaryNavItems":[{"id":"pwn-entry-2EjBs7iBnzGmn0BPjis4Um","type":"link","title":"Se connecter","url":"/login","hideWhenLoggedIn":true},{"id":"pwn-entry-7dW7GQHzgiGuItUYGrC85l","type":"category","title":"Mon compte","navItems":[{"id":"pwn-entry-7nRGUnzJ2ZDQiuC5nPY5KU","type":"link","title":"Tableau de bord","url":"/dashboard"},{"id":"pwn-entry-1x44fM1eH2dvsCLSwnVu0k","type":"link","title":"État de la commande","url":"/shop/hardware/ca/fr/my-orders"},{"id":"pwn-entry-537RGICycEhx2ZVv780hOH","type":"link","title":"Assistance","url":"/help/ca/fr"},{"id":"pwn-entry-2oI6G2yTgQk03Nm2L81Ktk","type":"link","title":"Se déconnecter","url":"/logout?country_code=ca\u0026lang_code=fr\u0026return_to=%2Flogout-redirect"}],"hideWhenLoggedOut":true},{"id":"pwn-entry-3RhxtZXWtQEGC1lykWxuKk","type":"link","title":"Magasin","url":"/ca/fr/hardware"}],"cart":{"id":"pwn-entry-VXvQvTAD8FqBw0WLNrphK","dataUrl":"/shop/hardware/ca/fr/api/v1/item_count","url":"/shop/hardware/ca/fr/cart","title":"Votre panier","statusZero":"Aucun article dans votre panier","statusOne":"Un article dans votre panier","statusMany":"{count} articles dans votre panier","primaryNavItems":[{"id":"pwn-entry-3kiWbgm47etpXdl9DzljQB","type":"link","title":"Acheter du matériel","url":"/ca/fr/hardware","linkStyle":"primary","hideWhenCartNotEmpty":true},{"id":"pwn-entry-3aZktu2uIDilFsqhyXX0fY","type":"link","title":"Afficher le panier","url":"/shop/hardware/ca/fr/cart","linkStyle":"primary","hideWhenCartEmpty":true}],"secondaryNavItems":[{"id":"pwn-entry-5oI7g0pjqolkGwbsYuii3y","type":"link","title":"Afficher le panier","url":"/shop/hardware/ca/fr/cart","hideWhenCartNotEmpty":true},{"id":"pwn-entry-99qehDI0gKouCgfTvtnoF","type":"link","title":"Acheter du matériel","url":"/shop/hardware/ca/fr","hideWhenCartEmpty":true},{"id":"pwn-entry-5Rp5XTBsCS9KRgIxwx4CdJ","type":"link","title":"Historique des commandes","url":"/shop/hardware/ca/fr/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="section-multi-column bg-white auto-layout sq-custom-pymt-hero sq-custom-grid-inline-ctas flex-valign-top" data-entry-id="7oJahOu6PA9K0j84k5KsB6"><div class="content pad-top-large pad-bottom-medium"><div class="grid-2-at-medium grid-4-at-large multi-column-grid align-left grid-space-medium grid-align-left grid-valign-top grid-row-equal-heights"><div class="column one-whole-at-medium one-half-at-large"><div data-entry-id="4pKmgdZELxd4D5iOvcfErd"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h1 id="des-paiements-fiables-pour-fonctionner-plus-intelligemment">Des paiements fiables pour fonctionner plus intelligemment</h1></div></div></div></div></div><div class="column one-whole-at-medium one-half-at-large"><div data-entry-id="4OSBR6Fs9kF0pn6EELaIJd"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><p>Ne ratez jamais une vente. Le traitement des paiements Square permet de mieux servir les clients avec des outils et des intégrations qui rendent les processus plus performants.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="pRSssqDakToPmKKRT48dA"><a class="button gap-none" href="/signup/fr-CA">Démarrer</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="5Un70RQD3PakVZ7TI7kJLl"><a class="button gap-none button-alt" href="/ca/fr/sales/contact?page=/ca/fr/payments">Contacter l’équipe des ventes</a></div></div></div></div></div></div></div></div></div></div></section><section class="section-custom-html bg-white auto-layout sq-custom-image-marquee" data-entry-id="50FlybnqbJxOjxHaXObt1T"><div class="content pad-top-none pad-bottom-none"></div><div class="image-marquee image-marquee--grid image-marquee--rounded-corners hide-at-small"> <div class="image-marquee__content"> <div class="image-marquee__item image-marquee__item--col-4"> <img class="rounded" data-custom-srcset="https://images.ctfassets.net/2d5q1td6cyxq/3k6JBEVzcW61q1RCQXsWXb/b5a66c387288f5160933e68ed32aad42/PD05151_USEN_-_Hero_Carousel_-_Card_to_Phone.png?w=500&fm=jpg 1x, https://images.ctfassets.net/2d5q1td6cyxq/3k6JBEVzcW61q1RCQXsWXb/b5a66c387288f5160933e68ed32aad42/PD05151_USEN_-_Hero_Carousel_-_Card_to_Phone.png?w=800&fm=jpg 2x" /> </div> <div class="image-marquee__item image-marquee__item--col-4"> <img class="rounded" data-custom-srcset="https://images.ctfassets.net/2d5q1td6cyxq/3cVWhOgPWhisrW0GtLGWGk/cb0b2dcf75b4603e23ce53780e9ad422/PD05151_USEN_-_Hero_Carousel_-_X2.png?w=500&fm=jpg 1x, https://images.ctfassets.net/2d5q1td6cyxq/3cVWhOgPWhisrW0GtLGWGk/cb0b2dcf75b4603e23ce53780e9ad422/PD05151_USEN_-_Hero_Carousel_-_X2.png?w=800&fm=jpg 2x" /> </div> <div class="image-marquee__item image-marquee__item--col-4"> <img class="rounded" data-custom-srcset="https://images.ctfassets.net/2d5q1td6cyxq/1wl3NKYhCDVhja4lXXxPst/aa02f6f2769a29a99da583b4e8565c4c/PD05151_USEN_-_Hero_Carousel_-_Card_to_Reader.png?w=500&fm=jpg 1x, https://images.ctfassets.net/2d5q1td6cyxq/1wl3NKYhCDVhja4lXXxPst/aa02f6f2769a29a99da583b4e8565c4c/PD05151_USEN_-_Hero_Carousel_-_Card_to_Reader.png?w=800&fm=jpg 2x" /> </div> <div class="image-marquee__item image-marquee__item--col-4"> <img class="rounded" data-custom-srcset="https://images.ctfassets.net/2d5q1td6cyxq/6CFMtYFxZHQCGZodIzvQXg/da4bfd38156def40e6bdb81ea397c094/PD05151_-_Hero_Carousel_-_Cycle_Zombies.png?w=500&fm=jpg 1x, https://images.ctfassets.net/2d5q1td6cyxq/6CFMtYFxZHQCGZodIzvQXg/da4bfd38156def40e6bdb81ea397c094/PD05151_-_Hero_Carousel_-_Cycle_Zombies.png?w=800&fm=jpg 2x" /> </div> </div> </div></section><section class="section-screenshot bg-white sq-custom-image-break-hide-until-medium sq-custom-image-no-rounded-corners" data-entry-id="2t1XuBg0iNd6xb0NN6taPz" data-frame-type="full-width"><div><div class="apropos-entry position-relative max-width-at-extra-large rounded-corners-at-extra-large"><div data-count="1" data-fade-duration="0.5" data-hero-slideshow="" data-scale-duration="0.5" data-scale-end="1.0" data-scale-start="1.0"><div class="hero-slide"><div class="picture uid-1oKqF3EOgO4qBMP1tnuUxw-61859ab24ed6a2721e2858cfa10944ea1443b2efe376b5e18abda6bad0600668"><picture class="apropos"><source media="(min-width: 1680px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=1920&h=640&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=3840&h=1280&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=1920&h=640&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=3840&h=1280&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=1920&h=640&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=3840&h=1280&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1280px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=1679&h=560&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=3358&h=1120&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1280px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=1679&h=560&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=3358&h=1120&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1280px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=1679&h=560&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=3358&h=1120&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/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=1279&h=426&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=2558&h=852&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=1279&h=426&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=2558&h=852&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=1279&h=426&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=2558&h=852&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 740px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=1023&h=341&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=2046&h=682&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 740px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=1023&h=341&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=2046&h=682&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 740px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=1023&h=341&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=2046&h=682&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/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=739&h=246&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=1478&h=492&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=739&h=246&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=1478&h=492&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=739&h=246&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=1478&h=492&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=373&h=124&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=746&h=248&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=373&h=124&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=746&h=248&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=373&h=124&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1oKqF3EOgO4qBMP1tnuUxw/ba1c4621af83fd8a9f268052728fcbc2/PD06558_hero_cafr.png?w=746&h=248&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div></div></section><section class="section-custom-html bg-white auto-layout sq-custom-pymt-recommended-products" data-entry-id="3dLUK1wT3Z23CrMdlGZHhr"><div class="content pad-top-xl pad-bottom-none"><div class="intro font-size-base"><h2 class="gap-bottom-small display-none-at-medium align-left" id="acceptez-les-paiements-partout-où-sont-les-clients">Acceptez les paiements partout où sont les clients.</h2> <h6 class="gap-bottom-small hide-until-medium" id="acceptez-les-paiements-partout-où-sont-les-clients-1">Acceptez les paiements partout où sont les clients.</h6></div></div>CAFR <div class="payments-recommended-products"> <div class="payments-recommended-products-tab-container"> <div class="payments-recommended-products-tabs"> <button class="payments-recommended-products-tab-button is-active" data-pymt-recommended-products-tab-button="in-person">En personne</button> <button class="payments-recommended-products-tab-button" data-pymt-recommended-products-tab-button="online">En ligne</button> <button class="payments-recommended-products-tab-button" data-pymt-recommended-products-tab-button="remote">À distance</button> <button class="payments-recommended-products-tab-button" data-pymt-recommended-products-tab-button="bnpl">Acheter maintenant, payer plus tard</button> </div> </div> <div class="content payments-recommended-products-tab-content in-person gap-bottom-none gap-bottom-large-at-medium is-active" data-pymt-recommended-products-tab> <div class="payments-recommended-products-copy"> <div class="payments-recommended-products-description"> <h3 class="h3 gap-bottom-base">En personne</h3> <p class="font-size-medium gap-bottom-base gap-top-base">Acceptez les paiements en magasin ou en déplacement. Démarrer est facile. Essayez l’application Solution PDV Square sur votre téléphone ou choisissez parmi une gamme de matériel robuste.</p> <a href="https://squareup.com/ca/fr/hardware">En savoir plus →</a> </div> <div class="payments-recommended-products-info"> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Acceptez</p> <p class="gap-top-none gap-bottom-small">Les paiements sans contact<br/>Les paiements mobiles<br/>Les paiements par carte à puce et NIP</p> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Frais de traitement</p> <p class="gap-top-none gap-bottom-small">2,5 % par transaction par carte de crèdit<br/>0,75 % + 0,07 $ par transaction de débit INTERAC</p> <button class="arrow-right arrow-down no-wrap desktop-only" style="cursor:pointer;" data-compare-link>Comparer la tarification</button> </div> </div> <div class="payments-recommended-products-carousel swiper" data-swiper> <div class="swiper-wrapper">  <div class="swiper-slide"> <div class="swiper-slide-media"> <video autoplay muted loop playsinline> <source data-src="https://videos.ctfassets.net/2d5q1td6cyxq/5ww15xReSXtQgxOFxsRILq/1bf61f8a6866334a339a1f68fc56daff/PD05152_-_USEN_In_person_-_R12D_animation.mp4" type="video/mp4"/> </video> </div> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Produits recommandés</p> <a href="https://squareup.com/ca/fr/hardware/contactless-chip-reader" class="arrow gap-bottom-none">Square Reader</a> <p class="gap-top-none">L’ultime référence des paiements sécurisés. Ce lecteur de cartes accepte les cartes à puce et NIP, les cartes sans contact et les portefeuilles numériques.</p> </div> <div class="swiper-slide"> <div class="swiper-slide-media"> <img src="https://images.ctfassets.net/2d5q1td6cyxq/2esQv7KN10Yl3j43lHMG0O/4455f29a64f36785222c1cf4e132a80e/PD06562-Payment_types_-_In_Person_CAEN_CAFR.png?w=1200&q=85" loading="lazy" /> </div> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Produits recommandés</p> <a href="https://squareup.com/ca/fr/payments/tap-to-pay-android" class="arrow gap-bottom-none">Tap to Pay on Android</a> <p class="gap-top-none">Acceptez les paiements sans contact simplement avec votre téléphone Android. Aucun matériel nécessaire. Démarrez facilement et vendez en déplacement avec la plus récente technologie de paiement.</p> </div> <div class="swiper-slide"> <div class="swiper-slide-media"> <img src="https://images.ctfassets.net/2d5q1td6cyxq/7K3djbixQuuMUyKIfma9yl/6db22284211291d14e47c26760426334/PD06562-Payment_types_-_In_Person_TTP_CAFR.png?w=1200&q=85" loading="lazy" /> </div> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Produits recommandés</p> <a href="https://squareup.com/ca/fr/payments/tap-to-pay" class="arrow gap-bottom-none">Paiement rapide sur iPhone</a> <p class="gap-top-none">Acceptez les paiements sans contact simplement avec votre iPhone. Aucun matériel nécessaire. Démarrez facilement et vendez en déplacement avec la plus récente technologie de paiement.</p> </div> <div class="swiper-slide"> <div class="swiper-slide-media"> <video autoplay muted loop playsinline> <source data-src="https://videos.ctfassets.net/2d5q1td6cyxq/6D7l4A8g0OI7G6efjhCRqi/451b7143eb2692edd0574be90b7e8245/PD05152_-_CAFR_In_person_-_Square_Terminal_animation.mp4" type="video/mp4"/> </video> </div> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Produits recommandés</p> <a href="https://squareup.com/ca/fr/hardware/terminal" class="arrow gap-bottom-none">Square Terminal</a> <p class="gap-top-none">Notre terminal de paiement le plus polyvalent est conçu pour s’adapter. Apportez-le là où se trouvent les clients. Connectez-le à un PDV existant. Imprimez des reçus sur place.</p> </div> <div class="swiper-slide"> <div class="swiper-slide-media"> <video autoplay muted loop playsinline> <source data-src="https://videos.ctfassets.net/2d5q1td6cyxq/7J7ZFxYJOaEyCyhxyQxi2n/d620f21bfca471ea80b724967b5589d4/PD05152_-_CAFR_In_person_-_Square_Stand_animation.mp4" /> </video> </div> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Produits recommandés</p> <a href="https://squareup.com/ca/fr/hardware/stand" class="arrow gap-bottom-none">Square Stand</a> <p class="gap-top-none">Rehaussez votre comptoir avec un puissant point de vente pour iPad qui est intuitif et intégré. Aucun lecteur de cartes nécessaire.</p> </div> <div class="swiper-slide"> <div class="swiper-slide-media"> <video autoplay muted loop playsinline> <source data-src="https://videos.ctfassets.net/2d5q1td6cyxq/6HzS7OkjJ9fvSumOOACYoI/4fcf35b3d4b64909e308c12a43c47cbe/PD05152_-_CAFR_In_person_-_Square_Register_animation.mp4" /> </video> </div> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Produits recommandés</p> <a href="https://squareup.com/ca/fr/hardware/register" class="arrow gap-bottom-none">Square Register</a> <p class="gap-top-none">Construit pour être plus rapide, plus puissant et plus fiable, ce point de vente complet comprend deux écrans et des paiements intégrés.</p> </div> </div> <div class="swiper-pagination"></div> <div class="payments-recommended-products-navigation"> <button class="swiper-button-prev" tabindex="0">←</button> <button class="swiper-button-next" tabindex="0">→</button> </div> </div> </div> <div class="content payments-recommended-products-tab-content online gap-bottom-none gap-bottom-large-at-medium" data-pymt-recommended-products-tab> <div class="payments-recommended-products-copy"> <div class="payments-recommended-products-description"> <h3 class="h3 gap-bottom-base">En ligne</h3> <p class="font-size-medium gap-bottom-base gap-top-base">Acceptez les paiements en ligne. Créez gratuitement une boutique en ligne ou vendez via les médias sociaux. Vous pouvez également connecter votre boutique en ligne ou votre application actuelle à l’une de nos API de paiements fiables et sécurisées.</p> <a href="https://squareup.com/ca/fr/ecommerce">En savoir plus →</a> </div> <div class="payments-recommended-products-info"> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Acceptez</p> <p class="gap-top-none gap-bottom-small">Les paiements en ligne<br/>Les paiements par Liens de paiement Square<br/>Les paiements par API et trousse SDK<br/>Les paiements par Factures Square</p> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Frais de traitement</p> <p class="gap-top-none gap-bottom-small">2,8 % + 0,30 $ – 3,3 % + 0,15 $ par transaction</p> <button class="arrow-right arrow-down no-wrap desktop-only" style="cursor:pointer;" data-compare-link>Comparer la tarification</button> </div> </div> <div class="payments-recommended-products-carousel swiper" data-swiper> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="swiper-slide-media"> <video autoplay muted loop playsinline> <source data-src="https://videos.ctfassets.net/2d5q1td6cyxq/Tm9SJOldfjXrkD5ifrFQd/dbf789bf1fb47f1c9e7987a8037c5a04/PD05152_CAFR_Payments_Overview_Refresh_eCommerce_Animation.mp4" type="video/mp4"/> </video> </div> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Produits recommandés</p> <a href="https://squareup.com/ca/fr/payment-links" class="arrow gap-bottom-none">Liens de paiement Square</a> <p class="gap-top-none">Commencez à vendre en ligne avec un site Web de commerce électronique professionnel. Gérez les commandes en ligne, en magasin et ailleurs.</p> </div> <div class="swiper-slide"> <div class="swiper-slide-media"> <video autoplay muted loop playsinline> <source data-src="https://videos.ctfassets.net/2d5q1td6cyxq/4CDFtH7QcDUybCfOmFmbjA/f7ed9fba88ddff87414618433156efe2/PD05152_CAFR_Payments_Overview_Refresh_Shape_Form.mp4" type="video/mp4" /> </video> </div> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Produits recommandés</p> <a href="https://squareup.com/ca/fr/online-checkout" class="arrow gap-bottom-none">Passage en caisse en ligne Square</a> <p class="gap-top-none">Facilitez les paiements et rendez-les plus souples. Personnalisez une page de passage en caisse avec un lien de paiement, un bouton d’achat ou un code QR.</p> </div> <div class="swiper-slide"> <div class="swiper-slide-media"> <img src="https://images.ctfassets.net/2d5q1td6cyxq/6zYeXpdYUVRw89A4CJ4PRY/234851bbbe9244af2136e29bb18a545f/PD06562-Payment_types_-_SQ_Invoices_CAFR.png?w=1200&q=85" loading="lazy" /> </div> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Produits recommandés</p> <a href="https://squareup.com/ca/fr/invoices" class="arrow gap-bottom-none">Factures Square</a> <p class="gap-top-none">Envoyez des factures et des estimations numériques, acceptez les paiements, envoyez des rappels et effectuez le suivi des factures payées et impayées à partir de n’importe où.</p> </div> </div> <div class="swiper-pagination"></div> <div class="payments-recommended-products-navigation"> <button class="swiper-button-prev" tabindex="0">←</button> <button class="swiper-button-next" tabindex="0">→</button> </div> </div> </div> <div class="content payments-recommended-products-tab-content remote gap-bottom-none gap-bottom-large-at-medium" data-pymt-recommended-products-tab> <div class="payments-recommended-products-copy"> <div class="payments-recommended-products-description"> <h3 class="h3 gap-bottom-base">À distance</h3> <p class="font-size-medium gap-bottom-base gap-top-base">Les paiement sont encore plus pratiques pour vos clients. Acceptez les paiements par carte de crédit sur téléphone et utilisez le Tableau de bord Square comme terminal de point de vente virtuel. Envoyez une facture ou saisissez un paiement manuellement avec l’application Solution PDV Square. Commencez à accepter des paiements en quelques minutes.</p> </div> <div class="payments-recommended-products-info"> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Acceptez</p> <p class="gap-top-none gap-bottom-small">Les transactions saisies manuellement<br/>Les paiements par Tableau de bord<br/>Les paiements par carte enregistrée<br/>Les paiements par Factures Square</p> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Frais de traitement</p> <p class="gap-top-none gap-bottom-small">3,3 % + 0,15 $ par transaction</p> <button class="arrow-right arrow-down no-wrap desktop-only" style="cursor:pointer;" data-compare-link>Comparer la tarification</button> </div> </div> <div class="payments-recommended-products-carousel swiper" data-swiper> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="swiper-slide-media"> <img src="https://images.ctfassets.net/2d5q1td6cyxq/6zYeXpdYUVRw89A4CJ4PRY/234851bbbe9244af2136e29bb18a545f/PD06562-Payment_types_-_SQ_Invoices_CAFR.png?w=1200&q=85" loading="lazy" /> </div> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Produits recommandés</p> <a href="https://squareup.com/ca/fr/invoices" class="arrow gap-bottom-none">Factures Square</a> <p class="gap-top-none">Envoyez des factures et des estimations numériques, acceptez les paiements, envoyez des rappels et effectuez le suivi des factures payées et impayées à partir de n’importe où.</p> </div> <div class="swiper-slide"> <div class="swiper-slide-media"> <img src="https://images.ctfassets.net/2d5q1td6cyxq/1rbrUkRXE5MblNS0PdySdZ/3290f8956dc95902ba415c50d1500dbe/PD06562-Payment_types_-_Remote_CAFR.png?w=1200&q=85" loading="lazy" /> </div> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Produits recommandés</p> <a href="https://squareup.com/ca/fr/payments/virtual-terminal" class="arrow gap-bottom-none">Terminal virtuel</a> <p class="gap-top-none">Acceptez et enregistrez les paiements directement à partir de votre navigateur. Recevez immédiatement les paiements, même si les clients ne sont pas en face de vous.</p> </div> </div> <div class="swiper-pagination"></div> <div class="payments-recommended-products-navigation"> <button class="swiper-button-prev" tabindex="0">←</button> <button class="swiper-button-next" tabindex="0">→</button> </div> </div> </div> <div class="content payments-recommended-products-tab-content bnpl gap-bottom-none gap-bottom-large-at-medium" data-pymt-recommended-products-tab> <div class="payments-recommended-products-copy"> <div class="payments-recommended-products-description"> <h3 class="h3 gap-bottom-base">Acheter maintenant, payer plus tard</h3> <p class="font-size-medium gap-bottom-base gap-top-base">Offrez à vos clients la possibilité de payer en plusieurs versements avec Afterpay. Il n’y a aucun risque. Vous recevez l’intégralité du montant immédiatement tandis que le client paie quatre versements sans intérêt sur une période de six semaines<sup>1</sup>.</p> <a href="https://squareup.com/ca/fr/buy-now-pay-later">En savoir plus →</a> <p class="font-size-small color-gray">¹ Des frais de retard peuvent s’appliquer. Des critères d’admissibilité s’appliquent. <br class="desktop-only"/>Consultez le site <a href="https://www.afterpay.com/fr-ca">afterpay.com</a> pour connaître toutes les conditions d’utilisation d’Afterpay.</p> <img src="https://images.ctfassets.net/2d5q1td6cyxq/FwjwlRMRNwsvjgdesKbZF/8a203d6eb4eff9822d58a3e5d7d0e67a/afterpay-logo-button.svg" alt="Afterpay" /> </div> <div class="payments-recommended-products-info"> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Acceptez</p> <p class="gap-top-none gap-bottom-small">Les paiements en ligne Afterpay</p> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Frais de traitement</p> <p class="gap-top-none gap-bottom-small">6 % + 0,30 $ par transaction</p> <button class="arrow-right arrow-down no-wrap desktop-only" style="cursor:pointer;" data-compare-link>Comparer la tarification</button> </div> </div> <div class="payments-recommended-products-carousel swiper" data-swiper> <div class="swiper-wrapper">  <div class="swiper-slide"> <div class="swiper-slide-media"> <video autoplay muted loop playsinline> <source data-src="https://videos.ctfassets.net/2d5q1td6cyxq/Tm9SJOldfjXrkD5ifrFQd/dbf789bf1fb47f1c9e7987a8037c5a04/PD05152_CAFR_Payments_Overview_Refresh_eCommerce_Animation.mp4" type="video/mp4"/> </video> </div> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Produits recommandés</p> <a href="https://squareup.com/ca/fr/online-store" class="arrow gap-bottom-none">Vente en ligne Square</a> <p class="gap-top-none">Commencez à vendre en ligne avec un site Web de commerce électronique professionnel. Gérez les commandes en ligne, en magasin et ailleurs.</p> </div> <div class="swiper-slide"> <div class="swiper-slide-media"> <video autoplay muted loop playsinline> <source data-src="https://videos.ctfassets.net/2d5q1td6cyxq/4CDFtH7QcDUybCfOmFmbjA/f7ed9fba88ddff87414618433156efe2/PD05152_CAFR_Payments_Overview_Refresh_Shape_Form.mp4" type="video/mp4" /> </video> </div> <p class="uppercase font-weight-medium gap-bottom-none color-gray">Produits recommandés</p> <a href="https://squareup.com/ca/fr/online-checkout" class="arrow gap-bottom-none">Passage en caisse en ligne Square</a> <p class="gap-top-none">Facilitez les paiements et rendez-les plus souples. Personnalisez une page de passage en caisse avec un lien de paiement, un bouton d’achat ou un code QR.</p> </div> </div> <div class="swiper-pagination"></div> <div class="payments-recommended-products-navigation"> <button class="swiper-button-prev" tabindex="0">←</button> <button class="swiper-button-next" tabindex="0">→</button> </div> </div> </div> </div></section><section class="section-multi-column bg-white auto-layout sq-custom-media-banner sq-custom-large-business-banner flex-valign-middle" data-entry-id="2HkNmRZLw9N8g9c6KbhuuZ"><div class="content pad-top-xl pad-bottom-none"><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="6ow7RG5xZmpgcU8GXz0e5D"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-J1qcXho5KHkTcca53jBtY-c17c02d93234546cf9f0bf27cd4971aefba2956c135fe62e0c6c906798cdf557"><picture class="apropos"><source media="(min-width: 1680px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=447&h=231&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=894&h=462&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=447&h=231&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=894&h=462&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=447&h=231&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=894&h=462&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1280px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=380&h=196&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=760&h=392&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1280px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=380&h=196&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=760&h=392&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1280px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=380&h=196&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=760&h=392&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/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=300&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=600&h=310&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=300&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=600&h=310&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=300&h=155&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=600&h=310&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 740px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=680&h=351&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=1360&h=702&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 740px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=680&h=351&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=1360&h=702&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 740px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=680&h=351&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=1360&h=702&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/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=354&h=183&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=708&h=366&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=354&h=183&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=708&h=366&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=354&h=183&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=708&h=366&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=300&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=600&h=310&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=300&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=600&h=310&fm=webp&q=85&fit=scale 2x" /><img alt="Customers outside Epicurean Trader shop" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=300&h=155&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/J1qcXho5KHkTcca53jBtY/cdaa4367f02a706a1331d827faf4dce1/payments-overview-large-business_ca.png?w=600&h=310&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div></div></div><div class="column two-thirds-at-medium"><div data-entry-id="5Z4A82V9gbK4POEfWC0ely"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><p>La raison pour laquelle des millions d’entreprises font confiance à Square</p> <p class="font-size-small">« Le passage à Square a été l’une des meilleures décisions que nous avons prises pour notre entreprise. Il s’intègre très bien à plusieurs choses que nous faisons, qu’il s’agisse de la comptabilité ou du système de stock. »</p> <p class="font-size-tiny">Dallah El Chami <br> Propriétaire, Superbaba</p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-tap-to-pay-module sq-custom-tap-to-pay-module--two-col flex-valign-middle" data-entry-id="1rPGgprLPnAsFALFB0eZGW"><div class="content pad-top-large pad-bottom-large"><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 one-whole-at-medium"><div data-entry-id="3ZW9rdenrT4lN4yA3tBjy"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><p class="gap-bottom-none"><span class="sq-custom-tap-to-pay-module-new">NOUVEAU</span></p> <h2 class="gap-bottom-small mobile-gap-line" id="acceptez-des-paiements-sans-contact-directement-sur-votre-téléphone-android-ou-iphone">Acceptez des paiements sans contact directement sur votre téléphone Android ou iPhone.</h2> <p>Acceptez les cartes sans contact et les portefeuilles numériques n’importe où avec Paiement rapide sur iPhone et Tap to Pay on Android.</p></div></div></div></div></div><div class="column"><div data-entry-id="7IKExdAztayOr8DPZAGDfw"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><a class="display-block" href="/ca/fr/payments/tap-to-pay"><div class="picture uid-4Wtb9XpMatla2K9uZqiffF-6ebb681ceee1c61fd720fe19b96297af7eea932189942581cc641aab2d876653"><picture class="apropos"><source media="(min-width: 1680px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=685&h=630&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=1370&h=1260&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=685&h=630&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=1370&h=1260&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=685&h=630&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=1370&h=1260&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1280px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=585&h=538&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=1170&h=1076&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1280px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=585&h=538&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=1170&h=1076&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1280px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=585&h=538&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=1170&h=1076&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/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=465&h=428&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=930&h=856&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=465&h=428&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=930&h=856&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=465&h=428&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=930&h=856&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 740px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=680&h=625&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=1360&h=1250&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 740px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=680&h=625&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=1360&h=1250&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 740px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=680&h=625&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=1360&h=1250&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/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=354&h=326&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=708&h=652&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=354&h=326&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=708&h=652&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=354&h=326&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=708&h=652&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=300&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=600&h=552&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=300&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=600&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=300&h=276&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/56c962c87c5be259289a223fdc8f3993/PD04381_-_CAFR_Tap_to_Pay_Module_-_iPhone.png?w=600&h=552&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></a></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="7jQtNMoW18zAAfFx3tl3Py"><a class="arrow" href="/ca/fr/payments/tap-to-pay">Paiement rapide sur iPhone</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="8D93NQrmwdvn60eSh33AB"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><a class="display-block" href="/ca/fr/payments/tap-to-pay-android"><div class="picture uid-5VnnSptzwZnF4zQLjEi6vB-3490a4a549daf21c92c957d8d81392550c1d0332cd1398f7ae8e66427cc3fe30"><picture class="apropos"><source media="(min-width: 1680px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=685&h=630&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=1370&h=1260&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=685&h=630&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=1370&h=1260&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=685&h=630&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=1370&h=1260&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1280px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=585&h=538&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=1170&h=1076&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1280px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=585&h=538&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=1170&h=1076&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1280px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=585&h=538&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=1170&h=1076&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/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=465&h=428&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=930&h=856&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=465&h=428&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=930&h=856&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=465&h=428&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=930&h=856&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 740px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=680&h=625&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=1360&h=1250&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 740px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=680&h=625&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=1360&h=1250&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 740px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=680&h=625&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=1360&h=1250&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/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=354&h=326&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=708&h=652&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=354&h=326&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=708&h=652&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=354&h=326&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=708&h=652&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=300&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=600&h=552&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=300&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=600&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=300&h=276&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/b14b76db972741699b8dfe569faceb76/PD04381__-_CAFR_Tap_to_Pay_Module_-_Android.png?w=600&h=552&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></a></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="6i6ts5RY6EwrrMl4izP78n"><a class="arrow" href="/ca/fr/payments/tap-to-pay-android">Tap to Pay on Android</a></div></div></div></div></div></div></div></div></div></div></section><section class="section-one-column bg-white auto-layout flex-valign-middle" data-entry-id="IGD2uCctBjrMer7o7SU0r"><div class="content pad-top-xl pad-top-xxl-at-medium pad-bottom-none"><div class="intro intro font-size-base align-left gap-left-none"><h3 class="h1" id="outils-fiables-pour-les-entreprises">Outils fiables pour les entreprises</h3> <p>Initialement axé sur les paiements, le projet s’est transformé en une mission visant à modifier le mode de fonctionnement des entreprises. Chaque fonctionnalité, produit et capacité que Square développe résout vos plus grands défis.</p></div></div></section><section class="section-screenshot bg-white sq-custom-image-no-rounded-corners pad-top-none" data-entry-id="7HP2Nm1vEqpwtvKRRNcJKf" data-frame-type="full-width"><div><div class="apropos-entry position-relative max-width-at-extra-large rounded-corners-at-extra-large"><div data-count="1" data-fade-duration="0.5" data-hero-slideshow="" data-scale-duration="0.5" data-scale-end="1.0" data-scale-start="1.0"><div class="hero-slide"><div class="picture uid-1ENGq5D0pCvekrJH8t46QJ-fa3d9ed56fc561259ea0d9141aae806bfa08592135b739410667fe1531befb59"><picture class="apropos"><source media="(min-width: 1680px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=1920&h=775&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=3840&h=1550&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=1920&h=775&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=3840&h=1550&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=1920&h=775&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=3840&h=1550&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1280px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=1679&h=678&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=3358&h=1356&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1280px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=1679&h=678&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=3358&h=1356&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1280px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=1679&h=678&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=3358&h=1356&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/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=1279&h=516&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=2558&h=1032&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=1279&h=516&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=2558&h=1032&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=1279&h=516&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=2558&h=1032&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 740px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=1023&h=413&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=2046&h=826&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 740px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=1023&h=413&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=2046&h=826&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 740px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=1023&h=413&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=2046&h=826&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/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=739&h=298&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=1478&h=596&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=739&h=298&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=1478&h=596&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=739&h=298&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=1478&h=596&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=373&h=151&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=746&h=302&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=373&h=151&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=746&h=302&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=373&h=151&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1ENGq5D0pCvekrJH8t46QJ/5f11c1afd986842e365a883961784e6e/PD06567_cafr.png?w=746&h=302&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-mobile-section-pb-large flex-valign-middle" data-entry-id="36EDYTO5qFn2okpVXjVJCs"><div class="content pad-top-large pad-bottom-large"><div class="grid-3-at-medium multi-column-grid align-left grid-space-medium grid-align-left grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="B3dkhdAdKVFpSDhDTMzQy"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h4" data-title-for="B3dkhdAdKVFpSDhDTMzQy">Transferts instantanés</h3><p>Transférez de l’argent instantanément sur votre compte bancaire externe moyennant des frais de 1,5 % ou gratuitement le jour ouvrable suivant.³</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="6EbKeusvvBBtkO66oplGYp"><a class="arrow" href="/ca/fr/payments/instant-transfers">En savoir plus au sujet des transferts</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="3ea4cTYWkOlkSjO11gfWfu"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h4" data-title-for="3ea4cTYWkOlkSjO11gfWfu">Rapports et analyses</h3><p>Ce favori du vendeur vous permet de suivre votre entreprise en temps réel. Obtenez des données utiles pour décider de votre prochaine action.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="1wfECFSWHhYGJ8AV0hXzPb"><a class="arrow" href="/ca/fr/point-of-sale/features/dashboard/analytics">En savoir plus sur nos analyses</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="5Hdrddeq1Wfbv759wAvUfh"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h4" data-title-for="5Hdrddeq1Wfbv759wAvUfh">Sécurité</h3><p>Gérez votre entreprise en toute confiance. Square assure la protection contre la fraude, la sécurité des données et la gestion des litiges et soutient votre conformité aux normes PCI.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="13ADKBWqEwkOMIsxZPnfjr"><a class="arrow" href="https://squareup.com/ca/fr/payments/secure">En savoir plus sur nos pratiques de sécurité</a></div></div></div></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 flex-valign-middle" data-entry-id="7E0nIwShZCDusoHO55awqv"><div class="content pad-top-small pad-bottom-small"></div></section><section class="section-multi-column bg-white auto-layout sq-custom-bg-gray-rounded sq-custom-bg-gray-rounded--contained sq-custom-banking-card flex-valign-middle" data-entry-id="6XryHv7LrUJ5VmAXEPe1hg"><div class="content"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-middle grid-row-equal-heights"><div class="column"><div data-entry-id="7SGIfapLPsP39GjD78t4g"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-small"><h3 class="balance-text h3" data-title-for="7SGIfapLPsP39GjD78t4g">Quoi qu’il arrive, vous aurez de l’argent</h3><p class="balance-text">Gérez vos ventes quand et comme vous le voulez au fur et à mesure qu’elles sont transférées sur votre solde Square. Transférez des fonds sur votre compte bancaire, faites un budget pour les dépenses, dépensez instantanément avec votre Carte Square ou remboursez un prêt de Square⁴.</p> <p class="arrow"><a href="https://squareup.com/ca/fr/money">En savoir plus sur nos solutions de flux de trésorerie</a></p></div></div></div></div></div><div class="column two-thirds-at-medium"><div data-entry-id="3TNWPVUY3iyklJFjjO9pUY"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-7lW6o3yEWIDyJXBS7uW2W8-db0fb9078f765abd5cf1fdcddb878df194f657ae20920b133a7d614f60fca5a0"><picture class="apropos"><source media="(min-width: 1680px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=924&h=532&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=1848&h=1064&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=924&h=532&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=1848&h=1064&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=924&h=532&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=1848&h=1064&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1280px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=790&h=455&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=1580&h=910&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1280px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=790&h=455&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=1580&h=910&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1280px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=790&h=455&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=1580&h=910&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/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=630&h=363&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=1260&h=726&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=630&h=363&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=1260&h=726&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=630&h=363&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=1260&h=726&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 740px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=680&h=391&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=1360&h=782&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 740px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=680&h=391&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=1360&h=782&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 740px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=680&h=391&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=1360&h=782&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/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=354&h=204&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=708&h=408&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=354&h=204&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=708&h=408&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=354&h=204&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=708&h=408&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=300&h=173&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=600&h=346&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=300&h=173&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=600&h=346&fm=webp&q=85&fit=scale 2x" /><img alt="Loan details screen, savings user interface, and Square Card with chip " data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=300&h=173&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7lW6o3yEWIDyJXBS7uW2W8/09fbf96c71bea4d9b3f42957a5d78c5f/PD06568_cafr.png?w=600&h=346&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-mobile-section-pb-large flex-valign-middle" data-entry-id="3C7Jj39WmmhhelFFLlmv8L"><div class="content pad-top-medium pad-bottom-xl pad-bottom-xxl-at-medium"><div class="grid-3-at-medium multi-column-grid align-left grid-space-medium grid-align-left grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="5RTo6Pphs9M74weT6WRXIi"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h4" data-title-for="5RTo6Pphs9M74weT6WRXIi">Dépenser</h3><p>Accédez à l’argent que vous gagnez avec la Carte Square dès qu’une vente est enregistrée. Pas d’attente. Sans frais récurrents⁵.</p> <p><a href="/ca/fr/payments/square-card" class="arrow">En savoir plus sur la carte Square</a></p></div></div></div></div></div><div class="column"><div data-entry-id="2FvPieYXVWdxFaOW8Dh4lN"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h4" data-title-for="2FvPieYXVWdxFaOW8Dh4lN">Budget</h3><p>Organisez et répartissez les fonds de votre entreprise avec les Dossiers Solde. Mettez automatiquement de côté une partie de vos ventes pour les taxes, la paie, le loyer et d’autres dépenses.</p> <p><a href="/ca/fr/payments/balance-folders" class="arrow">En savoir plus sur les Dossiers Solde</a></p></div></div></div></div></div><div class="column"><div data-entry-id="o8dx0HutCcwVG2oEV5Gey"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h4" data-title-for="o8dx0HutCcwVG2oEV5Gey">Favorisez votre croissance</h3><p>Obtenez un prêt pour petites entreprises variant entre 300 $ et 250 000 $. Nous personnaliserons votre offre en fonction des ventes de cartes avec Square⁶.</p> <p><a href="/ca/fr/loans" class="arrow">En savoir plus sur Prêts Square</a></p></div></div></div></div></div></div></div></section><section class="section-one-column bg-white auto-layout flex-valign-middle" data-entry-id="7paG5wNRjJN0siQwQKKkY6"><div class="content pad-bottom-medium"><div class="intro intro font-size-base align-left gap-left-none"><h2 class="align-left gap-bottom-line gap-bottom-small-at-medium" id="intégrez-les-paiements-de-pointe-à-grande-échelle">Intégrez les paiements de pointe à grande échelle.</h2> <p class="align-left">Comme vous, nous savons gérer la complexité. Avec la plateforme Développeur Square, vous pouvez connecter les paiements Square à votre logiciel d’entreprise personnalisé pour une vue centralisée de vos données. Essayez l’une de nos intégrations prédéfinies pour les logiciels que vous utilisez déjà, ou créez vos propres expériences à l’aide de nos API.</p></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-at-scale flex-valign-top" data-entry-id="4YK4i6D9C3LevccyRfuwbp"><div class="content"><div class="grid-2-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-bottom grid-row-equal-heights"><div class="column"><div data-entry-id="1NYDtyfiH19gkv5IoTmjBQ"><div class="grid grid-space-line"><div class="column"><div class="position-relative content-width-medium"><div class="picture uid-2ojkEgaGDi263dOsRkZo9o-c4e64c81bad598f511ce8bb4ec010cbf87844dfc0fdc428f7a6e04db45ed3432"><picture class="apropos"><source media="(min-width: 1680px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=685&h=551&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=1370&h=1102&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=685&h=551&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=1370&h=1102&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=685&h=551&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=1370&h=1102&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1280px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=585&h=471&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=1170&h=942&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1280px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=585&h=471&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=1170&h=942&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1280px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=585&h=471&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=1170&h=942&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/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=465&h=374&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=930&h=748&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=465&h=374&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=930&h=748&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=465&h=374&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=930&h=748&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 740px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=680&h=547&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=1360&h=1094&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 740px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=680&h=547&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=1360&h=1094&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 740px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=680&h=547&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=1360&h=1094&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/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=354&h=285&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=708&h=570&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=354&h=285&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=708&h=570&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=354&h=285&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=708&h=570&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=300&h=241&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=600&h=482&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=300&h=241&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=600&h=482&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=300&h=241&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2ojkEgaGDi263dOsRkZo9o/4e5abfe82aa29fb6a4d914a64ba2c26f/PD06669_Integrate_Calgary_Left-Image_cafr.png?w=600&h=482&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div></div></div><div class="column"><div data-entry-id="6TCO4axIzbfNi5xjmHEZMn"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 id="calgary-sports-and-entertainment">Calgary Sports and Entertainment</h3> <p>« Lorsque nous avons vu que Square Register avait des écrans pour les commerçants et les acheteurs, qu’il pouvait accepter des paiements et permettre un commerce intégré dès le départ, il nous semblait être la solution idéale. Nous avons constaté que Square innovait vraiment en matière d’engagement des clients et des fans, ce qui est exactement ce qu’il nous fallait pour atteindre notre objectif de travailler sans argent comptant et sans contact. »</p> <p><strong>– Ziad Mehio</strong>, vice-président, Technologie et service alimentaire</p> <p><a href="https://squareup.com/ca/fr/large-businesses" class="arrow">Découvrir nos solutions pour les grandes entreprises</a> <br> <a href="https://developer.squareup.com/ca/fr" class="arrow">En savoir plus sur notre plateforme des développeurs</a> <br> <a href="https://squareup.com/ca/fr/app-marketplace" class="arrow">Trouver l’intégration logicielle dont vous avez besoin</a></p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-grid-column-gray-rounded sq-custom-pymt-pricing flex-valign-middle overflow-hidden" data-entry-id="6RQ4uECIfZoICZbrOsfMFO"><div class="content pad-top-large pad-bottom-medium"><div class="intro font-size-base align-left gap-left-none"><h2 class="gap-bottom-small" id="une-tarification-transparente-permet-déviter-les-surprises-à-la-fin-du-mois">Une tarification transparente permet d’éviter les surprises à la fin du mois.</h2> <p>Avec Square, il n’y a pas de frais cachés. Vous ne payez que pour les paiements que vous traitez.</p> <p><a href="/ca/fr/payments/our-fees" class="arrow">En savoir plus au sujet de nos frais</a></p></div><div class="carousel" data-autoplay="true" data-buttons="true" data-until-breakpoint="medium"><div class="grid-2-at-medium grid-4-at-large multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights carousel-slider"><div class="column carousel-slide"><a class="tile" data-entry-id="1iBlKWp0pxqBqTfGg5k5PO"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="grid-space-base"><div class="column"><h3 class="balance-text h4" data-title-for="1iBlKWp0pxqBqTfGg5k5PO">En personne</h3></div><div class="column tile-body font-size-normal"><h3 id="25">2,5 %</h3> <h6 id="par-transaction-par-carte-de-crédit">par transaction par carte de crédit</h6> <h3 id="075007">0,75 % + 0,07 $</h3> <h6 id="par-transaction-de-débit-interac">par transaction de débit INTERAC</h6> <ul class="border-top pad-top-small gap-top-small"> <li>Paiements sans contact</li> <li>Paiements mobiles</li> <li>Paiements par carte à puce et NIP</li> </ul></div></div></div></div></div></a></div><div class="column carousel-slide"><a class="tile" data-entry-id="1G1iJTt5c0bR2nuoqG4p6Y"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="grid-space-base"><div class="column"><h3 class="balance-text h4" data-title-for="1G1iJTt5c0bR2nuoqG4p6Y">En ligne</h3></div><div class="column tile-body font-size-normal"><h3 id="28030">2,8 % + 0,30 $</h3> <h6 id="par-transaction">par transaction</h6> <ul class="border-top pad-top-small gap-top-small"> <li>Paiements Vente en ligne Square</li> <li>Liens de paiement Square</li> <li>API de paiements en ligne</li> <li>Paiements de factures en ligne</li> </ul></div></div></div></div></div></a></div><div class="column carousel-slide"><a class="tile" data-entry-id="7lFPRJ8zdSm4ip7Plxexlr"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="grid-space-base"><div class="column"><h3 class="balance-text h4" data-title-for="7lFPRJ8zdSm4ip7Plxexlr">À distance</h3></div><div class="column tile-body font-size-normal"><h3 id="33015">3,3 % + 0,15 $</h3> <h6 id="par-transaction">par transaction</h6> <ul class="border-top pad-top-small gap-top-small"> <li>Transactions saisies manuellement</li> <li>Cartes enregistrées</li> <li>Paiements sur le Terminal virtuel Square</li> <li>Paiements de factures saisis via le Tableau de bord ou traités via une carte enregistrée</li> </ul></div></div></div></div></div></a></div><div class="column carousel-slide"><a class="tile" data-entry-id="SeiLepVMjuaZUrxogBezw"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="grid-space-base"><div class="column"><h3 class="balance-text h4" data-title-for="SeiLepVMjuaZUrxogBezw">Acheter maintenant, payer plus tard</h3></div><div class="column tile-body font-size-normal"><h3 id="6030">6 % + 0,30 $</h3> <h6 id="par-transaction">par transaction</h6> <ul class="border-top pad-top-small gap-top-small"> <li>Paiements en ligne Afterpay</li> <li>Paiements à distance Afterpay</li> </ul></div></div></div></div></div></a></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-rounded-tiles sq-custom-tile-cols-margin-base flex-valign-top" data-entry-id="7p0HH7tQVZexOLv5qp32Rd"><div class="content pad-top-base pad-bottom-medium"><div class="grid-2-at-medium grid-4-at-large multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights"><div class="column one-whole-at-medium three-fourths-at-large sq-custom-margin-bottom-small"><div data-entry-id="73QDnUCU6sLmNb6RtmfQ84"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-small"><p class="font-size-tiny">Prenez note : La tarification peut être différente pour certains produits et/ou abonnements. <br> ¹ Les frais pour les paiements traités par carte enregistrée avec Rendez-vous Square sont de 2,8 % + 0,30 $. <a href="https://squareup.com/ca/en/appointments/pricing">Apprenez-en davantage</a> sur la tarification de Rendez-vous Square.</p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-pymt-free-services flex-valign-middle" data-entry-id="7xArP5FtCLohX4igr6iloN"><div class="content pad-bottom-medium"><div class="intro font-size-base align-left gap-left-none"><h4 class="h4 gap-top-base" id="services-gratuits-inclus-pour-chaque-transaction">Services gratuits inclus pour chaque transaction :</h4></div><div class="grid-3-at-medium multi-column-grid align-left grid-space-line grid-align-left grid-valign-top grid-row-equal-heights"><div class="column one-whole-at-medium"><div data-entry-id="3g2Xk9qfX82j2ldN6NVPC5"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-small"><ul class="check-list grid grid-2-at-small grid-3-at-medium"> <li>Gestion des litiges</li> <li>Prévention active de la fraude</li> <li>Chiffrement des paiements de bout en bout</li> <li>Assistance téléphonique</li> <li>Conformité PCI</li> </ul></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-media-banner flex-valign-middle" data-entry-id="3TCgTtJ64edupzpQ34y896"><div class="content"><div class="grid-2-at-medium multi-column-grid align-left grid-space-small grid-align-left grid-valign-middle grid-row-equal-heights"><div class="column sq-custom-custom-pricing-banner"><div data-entry-id="71EFZHT1pNZwqtXTvuQGKR"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-1t7BYer722tnTSS1AQRlza-72524644b8d2c248abcf22aa899c912bcce14f8ba8754f7d9b6279b154ae85a9"><picture class="apropos"><source media="(min-width: 1680px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=685&h=343&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=1370&h=686&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=685&h=343&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=1370&h=686&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=685&h=343&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=1370&h=686&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1280px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=585&h=293&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=1170&h=586&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1280px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=585&h=293&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=1170&h=586&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1280px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=585&h=293&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=1170&h=586&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/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=465&h=233&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=930&h=466&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=465&h=233&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=930&h=466&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=465&h=233&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=930&h=466&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 740px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=680&h=340&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=1360&h=680&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 740px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=680&h=340&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=1360&h=680&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 740px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=680&h=340&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=1360&h=680&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/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=354&h=177&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=708&h=354&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=354&h=177&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=708&h=354&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=354&h=177&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=708&h=354&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=300&h=150&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=600&h=300&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=300&h=150&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=600&h=300&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=300&h=150&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1t7BYer722tnTSS1AQRlza/9a667ea60331c128bb4f0e834d4eb493/PD06569_cafr.png?w=600&h=300&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div></div></div><div class="column"><div data-entry-id="3aw7DeuLrcYbM1BujnS8n6"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h4" data-title-for="3aw7DeuLrcYbM1BujnS8n6">Obtenez une tarification personnalisée.</h3><p>Votre entreprise traite plus de 250 000 $ de ventes par carte de crédit par année? Nous proposons des taux sur mesure pour répondre aux besoins de votre entreprise en fonction notamment du volume de paiements et de la valeur moyenne des transactions.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="7DgSzCZ0VWTIE2AMrB7Ewe"><a class="arrow" href="/ca/fr/sales/contact?page=/ca/fr/payments">Contacter l’équipe des ventes</a></div></div></div></div></div></div></div></div></div></div></section><section class="section-custom-html bg-white auto-layout sq-custom-pymt-video-mccs" data-entry-id="1htJoLQf1AbAeoI4Ga85oZ"><div class="content"></div><div class="pymt-video-mccs"> <div class="pymt-video-mccs-intro content gap-bottom-small gap-bottom-medium-at-medium"> <h2>Des paiements conçus pour tous les types d’entreprises</h2> </div> <div class="pymt-video-mccs-media content gap-bottom-small gap-bottom-medium-at-medium"> <video autoplay muted loop playsinline> <source data-src="https://videos.ctfassets.net/2d5q1td6cyxq/4O9WIkKeeTdVoTRDVRed9C/3bf0446fe01e404c20f1227921928051/Home-Repair_Waka-Waka-autoplay.mp4" type="video/mp4"> </video> <video autoplay muted loop playsinline> <source data-src="https://videos.ctfassets.net/2d5q1td6cyxq/ZNPCvRVlY7UEZOKNNZCXj/60034ebb54696bf856a967a0496537f9/Food-Drink_Woon-Kitchen-autoplay.mp4" type="video/mp4"> </video> <video autoplay muted loop playsinline> <source data-src="https://videos.ctfassets.net/2d5q1td6cyxq/1kxdH8g7FnSzIWC0N40HGH/82299d47bfddeae0dd5b472134657cdd/Retail_Lenita-autoplay.mp4" type="video/mp4"> </video> <video autoplay muted loop playsinline> <source data-src="https://videos.ctfassets.net/2d5q1td6cyxq/GczRHuIK3uvpwYez5Fo0j/0b70f10bf68c0b55f2f5c6c78e9d0e06/nikki-ally-rae-autoplay.mp4" type="video/mp4"> </video> <video autoplay muted loop playsinline> <source data-src="https://videos.ctfassets.net/2d5q1td6cyxq/4kl25sRsNw1cStHvIiBKgT/1143188dbef8a8aae6f25e446dc64276/Healthcare-Fitness_Mija-Fitness-autoplay.mp4" type="video/mp4"> </video> <video autoplay muted loop playsinline class="is-active"> <source data-src="https://videos.ctfassets.net/2d5q1td6cyxq/onVePOPEjJQoBd7Bokc9c/7a8f24ef6e4f186aec9c7fad3986a74c/Professional-Services_Cycle-Zombies-autoplay.mp4" type="video/mp4"> </video> </div> <div class="pymt-video-mccs-buttons pad-bottom-small"> <button class="pymt-video-mccs-button is-active">Maison et réparations</button> <button class="pymt-video-mccs-button">Alimentation et boissons</button> <button class="pymt-video-mccs-button">Commerces de détail</button> <button class="pymt-video-mccs-button">Cheveux et beauté</button> <button class="pymt-video-mccs-button">Remise en forme</button> <button class="pymt-video-mccs-button">Services professionnels</button> </div> <div class="pymt-video-mccs-copy content"> <div class="pymt-video-mccs-copy-item"> <h3>Maison et réparations</h3> <div class="pymt-video-mccs-copy-text"> <div> <p>Faites-vous payer à temps pour vos services. Envoyez une facture ou acceptez les paiements sans contact en personne. Faites-le sur le chantier, en ligne ou au bureau.</p> <a href="https://squareup.com/ca/fr/solutions/home-and-repair">En savoir plus →</a> </div> <div> <p>LES COMMERÇANTS UTILISENT :</p> <ul> <li><a href="https://squareup.com/ca/fr/hardware/reader" class="arrow">Square Reader</a></li> <li><a href="https://developer.squareup.com/reference/square/payments-api" class="arrow">API de paiements Square</a></li> <li><a href="https://squareup.com/ca/fr/invoices" class="arrow">Factures Square</a></li> </ul> </div> </div> </div> <div class="pymt-video-mccs-copy-item"> <h3>Alimentation et boissons</h3> <div class="pymt-video-mccs-copy-text"> <div> <p>Acceptez les paiements rapidement, que ce soit à la table, derrière le comptoir, en ligne ou au téléphone. Activez les commandes pour la cueillette en bordure de trottoir ou pour la livraison.</p> <a href="https://squareup.com/ca/fr/point-of-sale/restaurants/quick-service">En savoir plus →</a> </div> <div> <p>LES COMMERÇANTS UTILISENT :</p> <ul> <li><a href="https://squareup.com/ca/fr/hardware/register" class="arrow">Square Register</a></li> <li><a href="https://squareup.com/ca/fr/point-of-sale/restaurants" class="arrow">Square pour restaurants</a></li> <li><a href="https://squareup.com/ca/fr/online-store" class="arrow">Vente en ligne Square</a></li> </ul> </div> </div> </div> <div class="pymt-video-mccs-copy-item"> <h3>Commerces de détail</h3> <div class="pymt-video-mccs-copy-text"> <div> <p>Répondez aux besoins des acheteurs en personne, en ligne ou en déplacement. Acceptez les retours à tout moment. Ayez l’esprit tranquille en sachant que vos données sont sécurisées.</p> <a href="https://squareup.com/ca/fr/point-of-sale/retail">En savoir plus →</a> </div> <div> <p>LES COMMERÇANTS UTILISENT :</p> <ul> <li><a href="https://squareup.com/ca/fr/hardware/register" class="arrow">Square Register</a></li> <li><a href="https://squareup.com/ca/fr/point-of-sale/retail" class="arrow">Square pour détaillants</a></li> <li><a href="https://squareup.com/ca/fr/buy-now-pay-later" class="arrow">Afterpay</a></li> </ul> </div> </div> </div> <div class="pymt-video-mccs-copy-item"> <h3>Cheveux et beauté</h3> <div class="pymt-video-mccs-copy-text"> <div> <p>Enregistrez une carte pour réserver un rendez-vous, exiger un paiement anticipé des services ou facturer des frais d’annulation. Toutes vos ventes sont intégrées dans votre PDV.</p> <a href="https://squareup.com/ca/fr/solutions/beauty">En savoir plus →</a> </div> <div> <p>LES COMMERÇANTS UTILISENT :</p> <ul> <li><a href="https://squareup.com/ca/fr/appointments" class="arrow">Rendez-vous Square</a></li> <li><a href="https://squareup.com/ca/fr/hardware/stand" class="arrow">Square Stand</a></li> <li><a href="https://squareup.com/ca/fr/hardware/register" class="arrow">Square Register</a></li> </ul> </div> </div> </div> <div class="pymt-video-mccs-copy-item"> <h3>Remise en forme</h3> <div class="pymt-video-mccs-copy-text"> <div> <p>Acceptez les paiements au gym ou en ligne. Comme les réservations en ligne sont intégrées aux paiements, vous pouvez aisément facturer les services ou partager des liens de paiement.</p> <a href="https://squareup.com/ca/fr/solutions/fitness">En savoir plus →</a> </div> <div> <p>LES COMMERÇANTS UTILISENT :</p> <ul> <li><a href="https://squareup.com/ca/fr/hardware/reader " class="arrow">Square Reader</a></li> <li><a href="https://squareup.com/ca/fr/payment-links" class="arrow">Liens de paiement Square</a></li> <li><a href="https://squareup.com/ca/fr/invoices" class="arrow">Factures Square</a></li> </ul> </div> </div> </div> <div class="pymt-video-mccs-copy-item is-active"> <h3>Services professionnels</h3> <div class="pymt-video-mccs-copy-text"> <div> <p>Demandez aux clients des paiements en ligne via des factures ou des liens de paiement. Améliorez l’expérience de vos clients grâce à l’analyse de données.</p> <a href="https://squareup.com/ca/fr/solutions/professional-services">En savoir plus →</a> </div> <div> <p>LES COMMERÇANTS UTILISENT :</p> <ul> <li><a href="https://squareup.com/ca/fr/invoices" class="arrow">Factures Square</a></li> <li><a href="https://squareup.com/ca/fr/appointments" class="arrow">Rendez-vous Square</a></li> <li><a href="https://squareup.com/ca/fr/point-of-sale/features/customer-directory" class="arrow">Répertoire de clients Square</a></li> </ul> </div> </div> </div> </div> </div> </section><section class="section-multi-column bg-white auto-layout sq-custom-pymt-links-desktop flex-valign-middle" data-entry-id="6VuZNd0ubYqXHyTvhPSi8N"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-large pad-bottom-xl-at-medium"><div class="intro font-size-base align-left gap-left-none"><h2 class="balance-text h2" data-title-for="6VuZNd0ubYqXHyTvhPSi8N">Trouvez les informations nécessaires pour avancer.</h2></div><div class="grid-2-at-medium grid-4-at-large multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column one-whole-at-medium"><div data-entry-id="37fQRcAclBs4HyaPmZs0YJ"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-4K9npmBkP43rPwaAm35QGn-424fadb827b78085779ec55582829eb1756f68c6568860baf44025ddc0ab633f"><picture class="apropos"><source media="(min-width: 1680px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=1400&h=633&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=2800&h=1266&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=1400&h=633&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=2800&h=1266&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=1400&h=633&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=2800&h=1266&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1280px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=1200&h=542&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=2400&h=1084&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1280px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=1200&h=542&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=2400&h=1084&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1280px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=1200&h=542&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=2400&h=1084&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/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=960&h=434&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=1920&h=868&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=960&h=434&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=1920&h=868&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=960&h=434&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=1920&h=868&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 740px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=680&h=307&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=1360&h=614&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 740px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=680&h=307&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=1360&h=614&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 740px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=680&h=307&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=1360&h=614&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/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=354&h=160&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=708&h=320&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=354&h=160&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=708&h=320&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=354&h=160&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=708&h=320&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=300&h=136&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=600&h=272&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=300&h=136&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=600&h=272&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=300&h=136&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/08831e9f1825c469bbc7af1796dae327/PD06570_findn_information_cafr.png?w=600&h=272&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div></div></div><div class="column"><div data-entry-id="42wghqxB4nF78KsEhrRGDa"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h4" data-title-for="42wghqxB4nF78KsEhrRGDa">Démarrer</h3><p>Lisez des articles et des guides d’affaires pour faire bouger les choses.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="32I0FK8qtjR1dDQe7Ac2Ne"><a class="arrow" href="/ca/fr/townsquare/how-to-start-a-business">Comment démarrer une entreprise</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="6laoz6ajRm802VPCIWVlZ5"><a class="arrow" href="/ca/fr/townsquare/a-guide-to-business-loans">Un guide sur les prêts aux entreprises</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="2rYV7akPGb8WqgDnkagyfk"><a class="arrow" href="/ca/fr/payments/tap-to-pay">Paiement rapide sur iPhone</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="2e6FAeWp208aj9c4I7HTFo"><a class="arrow" href="/ca/fr/payments/tap-to-pay-android">Tap to Pay on Android</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="sEzMSt4nUjbPpa5zEhjsI"><a class="arrow" href="/ca/fr/why-square">Pourquoi Square</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="6qstwW6zQr5zORJrnKBoxe"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h4" data-title-for="6qstwW6zQr5zORJrnKBoxe">Tarification et frais de traitement</h3><p>Découvrez ce qui rend la tarification Square si transparente et prévisible.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="6V1aGNu0fHfRwpHtR6UQ9s"><a class="arrow" href="/ca/fr/payments/our-fees">Nos frais</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="5gfsqubL58bptYtEI6rG2U"><a class="arrow" href="/help/ca/fr/article/6109-fees-and-payments-faqs">Questions fréquentes sur les frais et les paiements</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="5mOnQMRcouKYHTB8RpoTkA"><a class="arrow" href="/ca/fr/townsquare/apple-pay-for-small-businesses-how-to-accept-it">Accepter Apple Pay</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="6bxdLm2q8yPcNAJtMfSpgY"><a class="arrow" href="/ca/fr/compare">Comparer Square</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="5QozELqJILNIYKNrn3A9tQ"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h4" data-title-for="5QozELqJILNIYKNrn3A9tQ">Sécurité et risque</h3><p>Découvrez les mesures de sécurité que nous mettons en place pour protéger votre entreprise et vos clients.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="4hyNkuHHYfCku4WqSKX8Tp"><a class="arrow" href="/ca/fr/payments/secure">Paiements sécurisés</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="6BsZAcwe6pAiccLFIq6mS7"><a class="arrow" href="https://squareup.com/ca/fr/townsquare/square-reader-2nd-generation">Square Reader</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="6vXT07YYzhlHQlHSCPIxKI"><a class="arrow" href="https://squareup.com/ca/fr/townsquare/best-credit-card-machine">Matériel sécurisé</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="1JNCIcZWZBkisANMPcEddz"><a class="arrow" href="/ca/fr/payments/risk-manager">Gestionnaire du risque</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="4usR6LfIQfNEURxquQsKf6"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h4" data-title-for="4usR6LfIQfNEURxquQsKf6">Solutions évolutives</h3><p>Découvrez les outils Square qui permettent aux entreprises d’atteindre des objectifs encore plus ambitieux.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="42cfMkOuI9vNnNO494Dyh5"><a class="arrow" href="https://squareup.com/ca/fr/messages">Messages Square</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="2KKJxMYvCPiwR6q8hNyVfl"><a class="arrow" href="/ca/fr/payments/instant-transfers">Transferts instantanés</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="2h51EJmdAeNTwwoGCU8BLc"><a class="arrow" href="https://developer.squareup.com/ca/fr">Développeurs</a></div></div></div></div></div></div></div></div></div></div></section><section class="section-accordion bg-white auto-layout sq-custom-pymt-links-mobile" data-entry-id="6DWkQ3D7irZf3WyvH5iCYu"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-large pad-bottom-xl-at-medium"><div class="intro font-size-base align-left gap-left-none"><h2 class="pad-bottom-line" id="trouvez-les-informations-nécessaires-pour-continuer-à-développer">Trouvez les informations nécessaires pour continuer à développer.</h2> <p><picture><source data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/db1112cd90f4f83ad276b152f657060f/PD05157_-_USEN_Image_break_-_Tap_to_Pay_iPhone_Visa.png?fm=avif&q=85" type="image/avif"><source data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/db1112cd90f4f83ad276b152f657060f/PD05157_-_USEN_Image_break_-_Tap_to_Pay_iPhone_Visa.png?fm=webp&q=85" type="image/webp"><img alt="lPD05157 – USEN_Image break – Visa Tap to Pay sur iPhone" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4K9npmBkP43rPwaAm35QGn/db1112cd90f4f83ad276b152f657060f/PD05157_-_USEN_Image_break_-_Tap_to_Pay_iPhone_Visa.png?fm=jpg&q=85&fl=progressive"></picture></p></div><ul class="reset content-width-medium border-bottom"><li class="border-top pad-vert-small" data-entry-id="120Uw7oSB6Kl8qo42mR1fG"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-120Uw7oSB6Kl8qo42mR1fG" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">Démarrer</div><div class="column"><div class="accordion-plus-minus"></div></div></div></a></h3><div class="collapse gap-none content-max-width" data-transition-state="on" data-transition-types="collapse fade" id="accordion-120Uw7oSB6Kl8qo42mR1fG"><p class="balance-text gap-top-line">Lisez des articles et des guides d’affaires pour faire bouger les choses.</p> <p><a href="/ca/fr/townsquare/how-to-start-a-business" class="arrow">Comment démarrer une entreprise</a> <br> <a href="/ca/fr/townsquare/a-guide-to-business-loans" class="arrow">Un guide sur les prêts aux entreprises</a> <br> <a href="/ca/fr/payments/tap-to-pay" class="arrow">Paiement rapide sur iPhone</a> <br> <a href="/ca/fr/payments/merchant-services" class="arrow">Les avantages de Square</a></p></div></li><li class="border-top pad-vert-small" data-entry-id="6MSnBT2AGRBtqhpBh9R1sn"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-6MSnBT2AGRBtqhpBh9R1sn" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">Tarification et frais de traitement</div><div class="column"><div class="accordion-plus-minus"></div></div></div></a></h3><div class="collapse gap-none content-max-width" data-transition-state="on" data-transition-types="collapse fade" id="accordion-6MSnBT2AGRBtqhpBh9R1sn"><p class="balance-text gap-top-line">Découvrez ce qui rend la tarification Square si transparente et prévisible.</p> <p><a href="/ca/fr/payments/our-fees" class="arrow">Nos frais</a> <br> <a href="/help/ca/fr/article/6109-fees-and-payments-faqs" class="arrow">Questions fréquentes sur les frais et les paiements</a> <br> <a href="/ca/fr/townsquare/credit-card-processing-fees-and-rates" class="arrow">Tarification et frais de traitement des cartes de crédit</a> <br> <a href="/ca/fr/compare" class="arrow">Comparer Square</a></p></div></li><li class="border-top pad-vert-small" data-entry-id="3DqwwhiUi1lKFwWPirNFik"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-3DqwwhiUi1lKFwWPirNFik" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">Sécurité et risque</div><div class="column"><div class="accordion-plus-minus"></div></div></div></a></h3><div class="collapse gap-none content-max-width" data-transition-state="on" data-transition-types="collapse fade" id="accordion-3DqwwhiUi1lKFwWPirNFik"><p class="balance-text gap-top-line">Découvrez les mesures de sécurité que nous mettons en place pour protéger votre entreprise et vos clients.</p> <p><a href="/ca/fr/payments/secure" class="arrow">Paiements sécurisés</a> <br> <a href="/ca/fr/townsquare/pci-compliance" class="arrow">Conformité PCI </a> <br> <a href="/ca/fr/townsquare/what-is-two-factor-authentication" class="arrow">Authentification à deux facteurs</a> <br> <a href="/ca/fr/glossary" class="arrow">Glossaire des affaires</a></p></div></li><li class="border-top pad-vert-small" data-entry-id="eDsuhlh4qu0RwFulkBo5r"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-eDsuhlh4qu0RwFulkBo5r" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">Solutions évolutives</div><div class="column"><div class="accordion-plus-minus"></div></div></div></a></h3><div class="collapse gap-none content-max-width" data-transition-state="on" data-transition-types="collapse fade" id="accordion-eDsuhlh4qu0RwFulkBo5r"><p class="balance-text gap-top-line">Découvrez les outils Square qui permettent aux entreprises d’atteindre des objectifs encore plus ambitieux.</p> <p><a href="/ca/fr/townsquare/payment-gateway" class="arrow">Passerelle de paiement</a> <br> <a href="/ca/fr/payments/instant-transfers" class="arrow">Transferts instantanés</a> <br> <a href="https://developer.squareup.com" class="arrow">Développeurs</a> <br> <a href="/ca/fr/why-square" class="arrow">Pourquoi Square</a></p></div></li></ul></div></section><section class="section-multi-column bg-accent 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 sq-custom-mobile-section-p-large flex-valign-middle" data-entry-id="4zOv9Cd8jLGCYu8gqlvP6V"><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="4zOv9Cd8jLGCYu8gqlvP6V">Acceptez les paiements en toute confiance. Obtenez rapidement vos paiements.</h2><ul class="reset grid-auto gap-bottom-small gap-bottom-large-at-medium mobile-stack"> <li><a href="/signup/fr-CA" class="arrow pad-right-small">Démarrer</a></li> <li><a href="/ca/fr/sales/contact?page=/ca/fr/payments" class="arrow pad-right-small">Contacter l’équipe des ventes</a></li> <li><a href="/help/ca/fr" class="arrow">Centre d’assistance</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"><div data-entry-id="3ZH8sMUPNTVnV149AVV1pB"><div class="grid grid-space-line"></div></div></div></div></div></section><section class="auto-layout section-lead-form bg-accent sq-custom-lead-form-to-multi-column-source" data-entry-id="4B1KYOYJqLB1boSKWtuL1l"><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 h5" data-title-for="4B1KYOYJqLB1boSKWtuL1l">Obtenez des informations utiles pour votre entreprise en vous inscrivant aux communications marketing de Square.</h2><p>Abonnez-vous à notre liste de diffusion et recevez des conseils d’autres responsables d’entreprise, des articles d’aide, des conseils d’experts du secteur et bien plus encore.</p></div><form data-button-success="Envoyé. Merci!" data-error-message="Une erreur est survenue lors de l’envoi du formulaire" data-flash-message="Merci!" 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="5815" data-marketo-base-url="//app-sj14.marketo.com" data-munchkin-id="424-IAB-218" data-required-checkbox-field="Veuillez sélectionner au moins une des options." data-required-field="Un {{field_name}} valide est requis." data-required-radio-field="Veuillez sélectionner une des options." 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="Saisissez votre adresse courriel" required="" title="Entrer une adresse e-mail valide" 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="Veuillez sélectionner au moins une des options."><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 fournissant vos coordonnées, vous consentez à recevoir des courriels, des appels et/ou des textos promotionnels de Square au sujet de produits et de services susceptibles de vous intéresser ou de profiter à votre entreprise. Vous pouvez vous désabonner à tout 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="CA" /><input id="lead-form-1_Language__c_account" name="Language__c_account" type="hidden" value="FR" /><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_RecordTypeId" name="RecordTypeId" type="hidden" value="0120L0000006AJB" /><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="[{"followupType":"none","followupValue":null,"default":true}]" /><div class="column gap-bottom-line"><button class="lead-form-submit-button" type="submit">Envoyer</button></div></div><div class=" align-left gap-bottom-line legal-text-field font-size-small"><p>*Pour en savoir plus, veuillez consulter notre <a href="https://squareup.com/ca/fr/legal/general/privacy" target="_blank">avis de confidentialité</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="3hP706W8nVxhSKjVIB4eI8">Nous sommes ravis de vous rencontrer.</h2><p>Nous pensons que les entreprises sont aussi uniques que les personnes qui les dirigent. Obtenez un contenu personnalisé sur les sujets qui vous tiennent le plus à cœur en nous parlant un peu plus de vous.</p></div><form data-button-success="Envoyé. Merci!" data-error-message="Une erreur est survenue lors de l’envoi du formulaire" data-flash-message="Merci!" 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="5816" data-marketo-base-url="//app-sj14.marketo.com" data-munchkin-id="424-IAB-218" data-required-checkbox-field="Veuillez sélectionner au moins une des options." data-required-field="Un {{field_name}} valide est requis." data-required-radio-field="Veuillez sélectionner une des options." 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">Prénom</label><div class="field-input"><input data-container=".field" id="lead-form-2_FirstName" name="FirstName" required="" title="Ce champ est requis" type="text" /></div></div></div><div class="column"><div class="field"><label for="lead-form-2_LastName">Nom</label><div class="field-input"><input data-container=".field" id="lead-form-2_LastName" name="LastName" required="" title="Ce champ est requis" 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="ca"><legend>Numéro de téléphone</legend><div class="intl-phone-wrapper"><button aria-expanded="false" class="country-code-trigger" type="button"><span class="selected-flag icon-flag icon-flag-CA"></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">États-Unis</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">Royaume-Uni</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">Australie</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 checked="" 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">Canada</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">Japon</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">Irlande</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 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">Espagne</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">France</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) 000-0000" required="" title="Entrer un numéro de téléphone valide" 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 de l’entreprise</label><div class="field-input"><input data-container=".field" id="lead-form-2_Company" name="Company" required="" title="Ce champ est requis" 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">Secteur d’activité</label><div class="field-input"><select data-container=".field" id="lead-form-2_Industry" name="Industry" required="" title="Ce champ est requis"><option disabled="" selected="" value="">Sélectionner...</option><option value="Food and Drink">Alimentation et boissons</option><option value="Beauty">Beauté</option><option value="Retail">Commerces de détail</option><option value="Leisure and Entertainment">Loisirs et divertissement</option><option value="Charities, Education and Membership">Organisme caritatif, éducatif ou associatif</option><option value="Fitness">Remise en forme</option><option value="Home and Repair">Rénovations et réparations</option><option value="Health">Santé</option><option value="Professional Services">Services professionnels</option><option value="Transportation">Transports</option><option value="Wellness">Wellness</option></select></div></div></div><div class="column"><div class="field"><label for="lead-form-2_Revenue_Range__c_account">Fourchette de revenu</label><div class="field-input"><select data-container=".field" id="lead-form-2_Revenue_Range__c_account" name="Revenue_Range__c_account" required="" title="Ce champ est requis"><option disabled="" selected="" value="">Sélectionner...</option><option value="0 - $10k">0 $ à 10 000 $</option><option value="$10k - $50k">10 000 $ à 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 million $</option><option value="$1M - $5M">1 million $ à 5 millions $</option><option value="$5M - $10M">5 millions $ à 10 millions $</option><option value="$10M - $20M">10 millions $ à 20 millions $</option><option value="$20M - $30M">20 millions $ à 30 millions $</option><option value="$30M - $50M">30 millions $ à 50 millions $</option><option value="> $50M">> 50 millions $</option></select></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="Veuillez sélectionner au moins une des options."><div class="grid-space-none"><div class="col"><legend></legend></div><div class="col"><input id="lead-form-2_Email_Opt_Out__c_False" name="Email_Opt_Out__c" type="checkbox" value="False" /><label for="lead-form-2_Email_Opt_Out__c_False">En fournissant vos coordonnées, vous consentez à recevoir des courriels, des appels et/ou des textos promotionnels de Square au sujet de produits et de services susceptibles de vous intéresser ou de profiter à votre entreprise. Vous pouvez vous désabonner à tout moment*.</label></div></div></fieldset></div></div><input data-marketo-parameter-auto-fill-key="email" id="lead-form-2_Email" name="Email" type="hidden" value="" /><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">Update profile</button></div></div><div class=" gap-bottom-line legal-text-field font-size-small"><p>*Pour en savoir plus, veuillez consulter notre <a href="https://squareup.com/ca/fr/legal/general/privacy" target="_blank">avis de confidentialité</a>.</p></div></form></div></div></div></section><section class="section-multi-column bg-accent auto-layout sq-custom-pymt-disclaimer flex-valign-middle" data-entry-id="22y2x4zx5WCKCiHpEGyU6U"><div class="content pad-top-none 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="7fPFqw6MK8LtGgOIPEifEo"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-tiny"><p><sup>1</sup> Les frais de traitement pour les paiements par carte enregistrée via Rendez-vous Square sont de 2,8 % + 0,30 $.</p> <p><sup>2</sup> Des frais de retard peuvent s’appliquer. Des critères d’admissibilité s’appliquent. Allez sur le site <a href="https://www.afterpay.com/fr-CA">afterpay.com</a> pour lire toutes les conditions d’utilisation d’Afterpay.</p> <p><sup>3</sup> Les transferts instantanés nécessitent une carte de débit associée et comportent des frais par transfert. Pour le moment, seules les cartes de débit physiques canadiennes prises en charge par Visa Débit ou le réseau PLUS peuvent être associées à un compte Square. La disponibilité des fonds est assujettie aux délais de votre banque. Après le début du transfert instantané, les fonds sont généralement versés sur votre compte bancaire dans un délai de 20 minutes. Le montant minimal par transfert est de 25 $ CA et le maximum est de 5 000 $ CA. Les nouveaux commerçants Square sont parfois restreints à un seul transfert instantané quotidien d’un maximum de 500 $ CA.</p> <p><sup>4</sup> Les soldes Square ne sont pas des dépôts, ne sont pas assurés par la SADC et ne portent pas intérêt. Des conditions s’appliquent. <a href="https://squareup.com/help/ca/fr/article/8055-manage-balance-folders">En savoir plus</a>.</p> <p><sup>5</sup> La Carte Square est émise par Square Canada, Inc. en vertu d’une licence de Mastercard International Incorporated et peut être utilisée partout où la carte Mastercard est acceptée. Les fonds générés par les services de traitement des paiements Square sont généralement disponibles sur le solde de la Carte Square immédiatement après le traitement d’un paiement. La disponibilité des fonds peut changer en raison de problèmes techniques. Square ne facture pas de frais. Par contre, des frais de retrait aux guichets automatiques facturés par les fournisseurs de services de guichets automatiques peuvent s’appliquer. La Carte Square est financée sur la base d’un prépaiement. La Carte Square n’est pas un compte bancaire et les fonds de la Carte Square ne sont pas assurés par la SADC.</p> <p><sup>6</sup> Tous les prêts sont émis par Square Canada, Inc. Les frais réels dépendent de l’historique de traitement des paiements par carte, du montant du prêt et d’autres facteurs d’admissibilité. Un paiement minimal représentant le 1/18 du solde initial du prêt est exigé tous les 60 jours et le remboursement complet du prêt est exigé dans un délai de 18 mois. L’admissibilité à l’offre n’est pas garantie. Tous les prêts sont sujets à approbation. Les prêts ne sont pas disponibles au Québec. Des conditions générales s’appliquent.</p> <p class="font-size-tiny"><sup>7</sup>Paiement rapide sur iPhone nécessite une application de paiement compatible et la dernière version d’iOS. Effectuez la mise à jour vers la dernière version en accédant à Réglage > Général > Mise à jour logicielle. Touchez Télécharger et installer. Il est possible que certaines cartes sans contact ne soient pas acceptées par votre application de paiement. Des limites de transaction peuvent s’appliquer. Le symbole sans contact est une marque déposée de EMVCo, LLC et est utilisé avec son autorisation. Paiement rapide sur iPhone n’est pas disponible dans certains pays. Pour connaître les pays et les régions où Paiement rapide sur iPhone est disponible, consultez : <a href="https://developer.apple.com/tap-to-pay/regions/">https://developer.apple.com/tap-to-pay/regions/</a>.</p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-invert auto-layout sq-custom-app-buttons sq-custom-reveal flex-valign-middle" data-entry-id="4Be3WAIEyZq4fc0jJyvQfv"><div class="content"><div class="grid-2-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-middle grid-row-equal-heights"><div class="column"><div data-entry-id="2GDy83JoldejTJOMS68KHz"><div class="grid grid-space-line"><div class="column"><div class="position-relative content-width-medium"><div class="picture uid-6RAJuzXuOChm4CuFIQuq2S-5542a60d3b203bf05ff5418a84eb013619ad5191853cf13a77f1ddde5e83503e"><picture class="apropos"><source media="(min-width: 1680px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6tp9POyOJEqs0KNcFTZ079/c5a856031c877825f3dc902d93459cb2/PD06197_-_Payments_App_Update_XL.png?w=718&h=587&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6tp9POyOJEqs0KNcFTZ079/c5a856031c877825f3dc902d93459cb2/PD06197_-_Payments_App_Update_XL.png?w=1436&h=1174&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6tp9POyOJEqs0KNcFTZ079/c5a856031c877825f3dc902d93459cb2/PD06197_-_Payments_App_Update_XL.png?w=718&h=587&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6tp9POyOJEqs0KNcFTZ079/c5a856031c877825f3dc902d93459cb2/PD06197_-_Payments_App_Update_XL.png?w=1436&h=1174&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1680px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6tp9POyOJEqs0KNcFTZ079/c5a856031c877825f3dc902d93459cb2/PD06197_-_Payments_App_Update_XL.png?w=718&h=587&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6tp9POyOJEqs0KNcFTZ079/c5a856031c877825f3dc902d93459cb2/PD06197_-_Payments_App_Update_XL.png?w=1436&h=1174&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/zgYLhKJCLYC5tlwl10yJu/3c657444e5f19cca103ec6f4b0f3dc39/PD06197_-_Payments_App_Update_M.png?w=698&h=587&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/zgYLhKJCLYC5tlwl10yJu/3c657444e5f19cca103ec6f4b0f3dc39/PD06197_-_Payments_App_Update_M.png?w=1396&h=1174&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/zgYLhKJCLYC5tlwl10yJu/3c657444e5f19cca103ec6f4b0f3dc39/PD06197_-_Payments_App_Update_M.png?w=698&h=587&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/zgYLhKJCLYC5tlwl10yJu/3c657444e5f19cca103ec6f4b0f3dc39/PD06197_-_Payments_App_Update_M.png?w=1396&h=1174&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/zgYLhKJCLYC5tlwl10yJu/3c657444e5f19cca103ec6f4b0f3dc39/PD06197_-_Payments_App_Update_M.png?w=698&h=587&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/zgYLhKJCLYC5tlwl10yJu/3c657444e5f19cca103ec6f4b0f3dc39/PD06197_-_Payments_App_Update_M.png?w=1396&h=1174&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2p1UqFIt6uw0AsRVjuvaia/7ef312495517165426b990892bbb5810/PD06197_-_Payments_App_Update_Base.png?w=424&h=458&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2p1UqFIt6uw0AsRVjuvaia/7ef312495517165426b990892bbb5810/PD06197_-_Payments_App_Update_Base.png?w=848&h=916&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2p1UqFIt6uw0AsRVjuvaia/7ef312495517165426b990892bbb5810/PD06197_-_Payments_App_Update_Base.png?w=424&h=458&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2p1UqFIt6uw0AsRVjuvaia/7ef312495517165426b990892bbb5810/PD06197_-_Payments_App_Update_Base.png?w=848&h=916&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2p1UqFIt6uw0AsRVjuvaia/7ef312495517165426b990892bbb5810/PD06197_-_Payments_App_Update_Base.png?w=424&h=458&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2p1UqFIt6uw0AsRVjuvaia/7ef312495517165426b990892bbb5810/PD06197_-_Payments_App_Update_Base.png?w=848&h=916&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive 2x" /></picture></div></div></div></div></div></div><div class="column"><div data-entry-id="epgyG1NdSd08zSWCuvMaz"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h2 id="téléchargez-lapplication-solution-pdv-square-gratuite">Téléchargez l’application Solution PDV Square gratuite.</h2> <p class="font-size-large">Obtenez tout ce dont vous avez besoin pour gérer votre entreprise, de partout, en tout temps.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="SWuQ2uj8bLXdvOOkXea2S"><div class="grid-auto grid-space-base"><div class="column"><a aria-label="Télécharger à partir de l’application Apple Store" class="display-inline-block" href="https://apps.apple.com/ca/app/square-point-of-sale-pos/id335393788"><img alt="" src="https://xms-production-f.squarecdn.com/xms/assets/public-web-styles/buttons/app_store.fr-4888609b97bcd5135d61ce6e8c03aa6ef289a60df05a68a58df72b974af85d95.svg" /></a></div><div class="column"><a aria-label="Obtenir sur Google Play" class="display-inline-block" href="https://play.google.com/store/apps/details?id=com.squareup&hl=fr_CA&gl=CA&v=2"><img alt="" src="https://xms-production-f.squarecdn.com/xms/assets/public-web-styles/buttons/google_play.fr-d2a98a304c0770a04779384062f2bb9940ce939336cb7bb8af384479dbf22195.svg" /></a></div></div></div></div></div></div></div></div></div></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="1nmovg1VEwkOMgGgG6QwgM"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-1nmovg1VEwkOMgGgG6QwgM" href="#">Paiements</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-1nmovg1VEwkOMgGgG6QwgM"><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="idYF2CvAeC8zKBtskSs55"><a href="/ca/fr/payments">Paiements Square</a></li><li data-entry-id="3ZRbFzGXqE6qgEcc4kWo4k"><a href="/ca/fr/payments/in-person-payments">En personne</a></li><li data-entry-id="1Sm1oqaoPaA0mkgwU64CqE"><a href="/ca/fr/invoices">Par facture</a></li><li data-entry-id="2HVIml6dteiAw06SyasK2K"><a href="/ca/fr/payments/virtual-terminal">Sur votre ordinateur</a></li><li data-entry-id="6OOcZ0Z1RYkcGQgmuwGUmO"><a href="/ca/fr/ecommerce">Sur votre site Web</a></li><li data-entry-id="2WzBesgjTE83rhIJIhByTG"><a href="/ca/fr/buy-now-pay-later">Acheter maintenant, payer plus tard</a></li><li data-entry-id="2iqkCIetSoQTDqE7lmY0Kr"><a href="/ca/fr/payments/risk-manager">Gestionnaire du risque</a></li><li data-entry-id="1laAhtXSvuwQseECO8Mq8a"><a href="/ca/fr/payments/secure">Sécurité des paiements</a></li><li data-entry-id="7xjLU50eshRVB78oo2J8Ej"><a href="/ca/fr/payments/merchant-services">Services aux commerçants</a></li></ul></div></div></div><div class="column" data-entry-id="6o1F2VEFz2uugYAoeykUSw"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-6o1F2VEFz2uugYAoeykUSw" href="#">Logiciels et services</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-6o1F2VEFz2uugYAoeykUSw"><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="2yZsxfTJ0Q0EEe06ywksuA"><a href="/ca/fr/point-of-sale">Solution PDV</a></li><li data-entry-id="1JiL5ZkJbEIgRmbGkD7xiq"><a href="/ca/fr/online-store">Boutique en ligne</a></li><li data-entry-id="1WeXAr4yT2vSBKM2IBpnqo"><a href="/ca/fr/payment-links">Liens de paiement</a></li><li data-entry-id="66TF6iivSbia3McZyXsLTz"><a href="/ca/fr/point-of-sale/retail">Détaillants</a></li><li data-entry-id="1VmEcVACgU2aSeIYYacU4k"><a href="/ca/fr/appointments">Rendez-vous</a></li><li data-entry-id="35W5CL3ae58bvnb3sZjIyS"><a href="/ca/fr/point-of-sale/restaurants">Restaurants</a></li><li data-entry-id="FldUlu0vYNrRcLnkSJ8js"><a href="/ca/fr/point-of-sale/restaurants/kitchen-display-system">Square KDS</a></li><li data-entry-id="7ktpepTVrp0yPVwhj5h80i"><a href="/ca/fr/point-of-sale/restaurants/kiosk-software">Kiosk</a></li><li data-entry-id="3yMo6GprXyuWkE62gqEYeq"><a href="/ca/fr/point-of-sale/features/dashboard">Tableau de bord</a></li><li data-entry-id="8qRpB1UHx6MweigIsWMKA"><a href="/ca/fr/staff/advanced-access">Accès avancé</a></li><li data-entry-id="3BtpnA97eGknNu5vAF1JxK"><a href="/ca/fr/staff/shifts">Quarts de travail</a></li><li data-entry-id="3Zi8fAXji8OUaq8W2qe08o"><a href="/ca/fr/point-of-sale/features/customer-directory">Répertoire de clients</a></li><li data-entry-id="2b9DzyvW2YiGiei6KEo4Mu"><a href="/ca/fr/point-of-sale/features/inventory-management">Gestion des stocks</a></li><li data-entry-id="2vwWwIsoziksiigA8E0eU8"><a href="/ca/fr/gift-cards">Cartes cadeaux</a></li><li data-entry-id="5NVA5NDhojJ4orJJv5upHh"><a href="/ca/fr/software/loyalty">Fidélisation</a></li><li data-entry-id="5Oe7wNR1UHREPRQAIHvsZG"><a href="/ca/fr/messages">Messages Square</a></li><li data-entry-id="7fjFaYxei2hNpPcsPdgIOB"><a href="/ca/fr/app-marketplace">Plateforme d’applications</a></li><li data-entry-id="3QhJNaopfmL1QUjEwSN5Gb"><a href="/ca/fr/payments/instant-transfers">Transferts instantanés</a></li><li data-entry-id="5iAsI62FgCnsZDggc7EECD"><a href="/ca/fr/payments/square-card">Carte Square</a></li><li data-entry-id="1ZUSDPExgyghhiiFGKmRlX"><a href="/ca/fr/software/marketing">Marketing Square</a></li><li data-entry-id="6O1JQLTfSONszAOac8EKdg"><a href="/ca/fr/photo-studio/app">Studio photo</a></li><li data-entry-id="EWXC3vI0QB8EVt1pyiSCJ"><a href="/ca/fr/software">Logiciels et solutions d'entreprise </a></li></ul></div></div></div><div class="column" data-entry-id="5qZsI0vIxqIKYyAq8QwK6G"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-5qZsI0vIxqIKYyAq8QwK6G" href="#">Matériel</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-5qZsI0vIxqIKYyAq8QwK6G"><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="3a8Rx6WtC8666MkME8Wgyc"><a href="/ca/fr/hardware/contactless-chip-reader">Square Reader</a></li><li data-entry-id="5GePbRnFfsbhrQwxF9zHzn"><a href="/ca/fr/hardware/terminal">Square Terminal</a></li><li data-entry-id="1NtZqoi6Deg2i4GkYUgWWi"><a href="/ca/fr/hardware/stand">Square Stand</a></li><li data-entry-id="7bqqt7uVvwxCiTEuFhUrgO"><a href="/ca/fr/hardware/kiosk">Kiosk</a></li><li data-entry-id="2LQYa6rL1YOPWqlSRVmwmd"><a href="/ca/fr/hardware/register">Square Register</a></li><li data-entry-id="1M1QIEhOIAoYmUi40OaOyy"><a href="/ca/fr/hardware/compare">Comparer le matériel</a></li><li data-entry-id="1lVwGAqUGsIuEM42sSwiw2"><a href="/ca/fr/hardware">Magasiner du matériel</a></li><li data-entry-id="4ByUM5Z71KuiGSuQOECk2e"><a href="/ca/fr/point-of-sale/rentals">Louer du matériel</a></li><li data-entry-id="2KuLwEWkBicMGgA22OOwi0"><a href="/ca/fr/where-to-buy">Acheter en magasin</a></li></ul></div></div></div><div class="column" data-entry-id="5BNmaek1naUkA8IE8koWk0"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-5BNmaek1naUkA8IE8koWk0" href="#">Assistance</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-5BNmaek1naUkA8IE8koWk0"><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="2lIcyTyDi4UOAeqeWMyqUM"><a href="/ca/fr/pricing">Tarification</a></li><li data-entry-id="3kGZLJIEJO8g0QMgEgmCcs"><a href="/help/ca/fr">Centre d’assistance</a></li><li data-entry-id="3t5DMY0WPSS0ieWsmsM884"><a href="/ca/fr/sales">Contacter l’équipe des ventes</a></li><li data-entry-id="3H3MYBA4d2mwK0iecG8wwe"><a href="/ca/fr/townsquare">Blogue</a></li><li data-entry-id="4gXqSyYlGw28KAsAM2iAYg"><a href="/ca/fr/guides">Guides</a></li><li data-entry-id="5FifJOst8e7MWbKNbQGh0E"><a href="https://www.sellercommunity.com/t5/Seller-Community-Canada/ct-p/Seller_Community_CA">Communauté Square</a></li><li data-entry-id="6TF6Fnb4HeS8YKSsQGAua0"><a href="https://ca.issquareup.com/">État du service</a></li></ul></div></div></div><div class="column" data-entry-id="6sOkn2djAA0YiMQAmOUAMU"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-6sOkn2djAA0YiMQAmOUAMU" href="#">Secteurs d’activité</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-6sOkn2djAA0YiMQAmOUAMU"><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="4dnjngJd6wWACs0EEoauKI"><a href="/ca/fr/point-of-sale/retail">Commerces de détail</a></li><li data-entry-id="Y0MGjmFjQycOeG2UcEqm"><a href="/ca/fr/point-of-sale/restaurants">Aliments et boissons</a></li><li data-entry-id="12kaOXDzD0GYOyEegQumWI"><a href="/ca/fr/solutions/beauty">Professionnels de la beauté</a></li><li data-entry-id="6vdMpvaZOgMwWwaqW0uEGe"><a href="/ca/fr/solutions/home-and-repair">Services de rénovation et de réparation</a></li><li data-entry-id="5vVJnZGiVaSeqSKGiCcyGQ"><a href="/ca/fr/solutions/professional-services">Services professionnels</a></li><li data-entry-id="4XokTNlaMHo1rIdeOq96FM"><a href="/ca/fr/large-businesses">Grandes entreprises</a></li><li data-entry-id="gB7nAdZ7L4ju0j7JtCfdA"><a href="/ca/fr/franchises">Franchises</a></li></ul></div></div></div><div class="column" data-entry-id="lffBziZzKomegKOmwqk4y"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-lffBziZzKomegKOmwqk4y" href="#">Développeurs</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-lffBziZzKomegKOmwqk4y"><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="TRGFnxhnqKoc0QCa02oQk"><a href="https://developer.squareup.com/ca/fr">Plateforme des développeurs</a></li><li data-entry-id="68N6LxHPSosUoIkqQGoiCK"><a href="https://developer.squareup.com/ca/fr/in-app-payments">Trousse SDK pour les paiements à même l’application</a></li><li data-entry-id="ZUY6EzMKWcySSCOeIo28E"><a href="https://developer.squareup.com/docs/">Documentation</a></li><li data-entry-id="5CWOA79NRKKSwIKCu0Gg4E"><a href="https://developer.squareup.com/apps">Tableau de bord pour développeur</a></li></ul></div></div></div><div class="column" data-entry-id="2Rx3tmSQVO2QCKEAEKMuUK"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-2Rx3tmSQVO2QCKEAEKMuUK" href="#">Square</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-2Rx3tmSQVO2QCKEAEKMuUK"><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="6Oc83bGhBmkueWKWKIKQ2q"><a href="/ca/fr/about">À propos</a></li><li data-entry-id="32ClryBLVeC8KgM8giqM4A"><a href="/ca/fr/press">Presse et médias</a></li><li data-entry-id="7c1Li3poRyc20MiuYqi0yW"><a href="/ca/fr/partnerships">Faire équipe avec Square</a></li><li data-entry-id="1ce5h651rGwuQO4c2eU2q6"><a href="https://careers.squareup.com/ca/fr">Offres d’emploi</a></li><li data-entry-id="12C5Ytj6r59cm7hHSOYXLz"><a href="/ca/fr/affiliate">Filiales</a></li></ul></div></div></div><div class="column" data-entry-id="3GVXAW7Gwrgo8EicbpmT7P"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-3GVXAW7Gwrgo8EicbpmT7P" href="#">Contact</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-3GVXAW7Gwrgo8EicbpmT7P"><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="1cqeO5ZeNVbnBwMepN5Hkn"><a>Ventes: +1 833-620-3060</a></li><li data-entry-id="8sqO1kDXRxGW7Je0gEfIf"><a>Assistance: +1 855-809-9000</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">Canada (Français)</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/SquareCanada/" 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/squarecanada/" 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/squarecanada/" 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>L’équipe Square reconnaît que notre travail couvre de nombreux territoires autochtones et zones de traités. Nous sommes reconnaissants envers ceux dont le territoire est celui où nous résidons et travaillons ou que nous visitons.</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="#">Préférences en matière de témoins</a><a class="na-one-trust-link hidden" href="#">Ne pas partager mes informations personnelles</a></li><li><a href="https://squareup.com/ca/fr/legal/general/privacy">Avis de confidentialité</a></li><li><a href="https://squareup.com/ca/fr/legal/general/payments/secure">Sécurité</a></li><li><a href="https://squareup.com/ca/fr/legal/general/ua">Conditions d’utilisation</a></li><li><a href="https://squareup.com/ca/fr/legal/general/gov">Gouvernement</a></li><li><a href="https://squareup.com/ca/fr/legal/general/cookie">Cookie Policy</a></li><li><a href="https://squareup.com/ca/fr/legal/general/slavery">Modern Slavery Statement</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="Fermer"></a></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>Choisissez votre région et votre langue</h4><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/au/en/payments?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/payments?country_redirection=true">Canada (English)</a></li><li><a href="/ca/fr/payments?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/payments?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/payments?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/payments?country_redirection=true">日本 (日本語)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/es/es/payments?country_redirection=true">España (Español)</a></li><li><a href="/es/ca/payments?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/payments?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/payments?country_redirection=true">United States (English)</a></li><li><a href="/us/es/payments?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/payments?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/payments?country_redirection=true">Canada (English)</a></li><li><a href="/ca/fr/payments?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/payments?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/payments?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/payments?country_redirection=true">日本 (日本語)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/es/es/payments?country_redirection=true">España (Español)</a></li><li><a href="/es/ca/payments?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/payments?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/payments?country_redirection=true">United States (English)</a></li><li><a href="/us/es/payments?country_redirection=true">Estados Unidos (Español)</a></li></ul></div></div></div></div></div></body></html>