CINXE.COM

<!DOCTYPE html><html class="no-js country-CA lang-fr locale-fr-CA site-squareup type-display html-bg-white" data-entry-id="2EdAW6l6bnydbm1Jpz4m6s" 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":"us","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":"2EdAW6l6bnydbm1Jpz4m6s","content_type":"productPage","page_owner":"Seller Experience"},"one_trust_script_src":"https://cdn.cookielaw.org/scripttemplates/otSDKStub.js","enable_one_trust_blocking":true,"drift_id":"mshc9skt2uyu","optimizely":8447815042,"simulate_eu_one_trust_request":false,"one_trust_data_domain_script":"c4657020-c7d1-4a14-a091-267a7ee4863e","enable_onetrust_pageview_experiment":false,"enable_drift":true,"enable_usa_and_canada_one_trust":true,"pass_square_geo_to_one_trust":true,"show_one_trust_footer_link_for_usa_and_canada":true,"cdp_heartbeat_interval_seconds":5,"enable_cdp_heartbeat_url_regex":"https://","enable_new_cdp_exp":false,"cdp_batch_size":1,"enable_datadog_rum":true,"datadog_rum_application_id":"da021de4-34ec-4d5d-ac7f-adeb44b37761","datadog_rum_client_token":"pubd9af00759e65a48ba7ee3ff1dfa4260b"}" /> <meta name="sq:gtm" content="{"enabled":true,"domain":"tealium-f.squarecdn.com","delay":1000}" /> <meta name="sq:flags" content="{"use_app_subdomain":true,"enable_vidyard_player":true,"enable_page_speed_improvements":true,"enable_lazy_onload_execution":true,"enable_global_fallback_cta":false,"enable_pws_no_jquery":false,"optimizely_web_block_list":[],"enable_optimizely_fullstack":true,"enable_optimizely_contentful_tree_parser":true,"enable_optimizely_variations_remover":true,"enable_optimizely_fullstack_page_variations":true,"enable_optimizely_nav_experiments":true,"enable_optimizely_rendered_header_response":true,"personalization_segment_pages_list":["*"],"personalization_groups_pages_list":"[]","enable_shop_pricing_api":true,"datadog_rum_proxy_pages_list":["*"],"enable_pwt":true,"pwt_page_allow_list":["/us/en"],"use_pwt":false}" /> <title>Frais de traitement, formules d’abonnement et tarification des logiciels Square</title> <meta name="description" content="Square offre des taux concurrentiels avec des transferts effectués dès le jour ouvrable suivant." /> <link rel="canonical" href="https://squareup.com/ca/fr/pricing" /> <link rel="alternate" hreflang="ca-ES" href="https://squareup.com/es/ca/pricing" /> <link rel="alternate" hreflang="en-AU" href="https://squareup.com/au/en/pricing" /> <link rel="alternate" hreflang="en-CA" href="https://squareup.com/ca/en/pricing" /> <link rel="alternate" hreflang="en-GB" href="https://squareup.com/gb/en/pricing" /> <link rel="alternate" hreflang="en-IE" href="https://squareup.com/ie/en/pricing" /> <link rel="alternate" hreflang="en-US" href="https://squareup.com/us/en/pricing" /> <link rel="alternate" hreflang="es-ES" href="https://squareup.com/es/es/pricing" /> <link rel="alternate" hreflang="es-US" href="https://squareup.com/us/es/pricing" /> <link rel="alternate" hreflang="fr-CA" href="https://squareup.com/ca/fr/pricing" /> <link rel="alternate" hreflang="fr-FR" href="https://squareup.com/fr/fr/pricing" /> <link rel="alternate" hreflang="ja-JP" href="https://squareup.com/jp/ja/pricing" /> <meta property="og:title" content="Frais de traitement, formules d’abonnement et tarification des logiciels Square" /> <meta property="og:url" content="https://squareup.com/ca/fr/pricing" /> <meta property="og:image" content="https://xms-production-f.squarecdn.com/xms/assets/public-web-styles/social/default-56f973ec4d9cb2927e20a0cb97201783e27bf352585fa25cddbde11aa81635a7.jpg" /> <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="Square offre des taux concurrentiels avec des transferts effectués dès le jour ouvrable suivant." /> <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":"3cmVzLWT8vSIUtWb9k7CEU"}" name="sq:route" /><link type="application/opensearchdescription+xml" href="https://supportcenter-production-f.squarecdn.com/help/opensearch.xml" rel="search" title="Search Square Support" /><script>window.DDErrorQueue ||= []; window.onerror = function (msg, url, lineNo, columnNo, error) { if (!window.DD_RUM) window.DDErrorQueue.push(error); }; window.onunhandledrejection = function (event) { if (!window.DD_RUM) window.DDErrorQueue.push(event.reason); };</script><link rel="stylesheet" media="all" href="https://xms-production-f.squarecdn.com/xms/assets/application-0589b991540d0d2f4bd6c59ece74a159d002526c634ad894e3cdcefd1ac32acc.css" /><style nonce="dKBAvG373qzkFMD4q1HF6bCEH8iPY07FUlRB7Fm+XYE=">.sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-base); line-height: var(--line-height-hero-base); letter-spacing: var(--letter-spacing-hero-base); margin-top: 0; } .sq-custom-h1-to-hero-h1 .h1:not(:last-child) { margin-bottom: var(--line-height-base); } @media (min-width: 718px) { .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-medium); line-height: var(--line-height-hero-medium); letter-spacing: var(--letter-spacing-hero-medium); } } .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-base); line-height: var(--line-height-display-hero-base); letter-spacing: var(--letter-spacing-display-hero-base); } @media (min-width: 718px) { .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-medium); line-height: var(--line-height-display-hero-medium); letter-spacing: var(--letter-spacing-display-hero-medium); font-weight: var(--font-weight-display-hero-medium); } } .bg-invert a:not([class~="button"]) { color: var(--color-blue); } .sq-custom-bg-blue-light { --color-blue-light: #CEE7F3; background-color: var(--color-blue-light) !important; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]):not([data-dragging="true"]):not([data-animationg="true"]) .carousel-slide[data-clickable="true"]:not([data-active="true"]) * { pointer-events: all; } .sq-custom-grid-column-gray-rounded { background-color: white !important; } .sq-custom-grid-column-gray-rounded .multi-column-grid { align-items: stretch !important; align-content: stretch !important; } .sq-custom-grid-column-gray-rounded .multi-column-grid > .column > * { background-color: var(--color-gray-05); border-radius: 10px; border: none; } .sq-custom-grid-column-pad-small .multi-column-grid > .column > * { padding: var(--space-small); } .sq-custom-section-hardware-grid .multi-column-grid > .column > div { padding: 30px; position: relative; } .sq-custom-section-hardware-grid .multi-column-grid > .column > div > .grid { min-height: 100%; flex-direction: column-reverse; justify-content: space-between; } .sq-custom-section-hardware-grid .multi-column-grid > .column > div > .grid > .column:nth-child(2) a { position: static; } .sq-custom-section-hardware-grid .multi-column-grid > .column > div > .grid > .column:nth-child(2) a::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .sq-custom-section-hardware-grid .multi-column-grid picture { overflow: visible; } .sq-custom-section-hardware-grid .carousel:not([data-carousel-enabled="false"]) .carousel-slide img { width: auto; } .sq-custom-section-hardware-grid-price { position: absolute; bottom: 0; margin-bottom: 30px; } .sq-custom-section-hardware-grid-price--highlight { background-color: #EDFF80 !important; border-color: transparent !important; color: var(--color-text) !important; font-size: var(--font-size-tiny); line-height: 1; padding: 8px 13px; } .sq-custom-section-hardware-grid-reset-order .multi-column-grid > .column > div > .grid { flex-direction: column; } @media (min-width: 838px) { .sq-custom-section-rounded-corners { border-radius: var(--custom-section-border-radius, 10px); margin: 30px; margin-bottom: 0; overflow: hidden; } } .sq-custom-section-rounded-corners-content-width { margin: 0 auto !important; max-width: var(--container-width-extra-large); padding-left: var(--space-small); padding-right: var(--space-small); } @media (min-width: 838px) { .sq-custom-section-rounded-corners-content-width { border-radius: var(--custom-section-border-radius, 10px); margin: 30px; overflow: hidden; } } .sq-custom-section-rounded-corners-radius-small { --custom-section-border-radius: var(--space-small); } .sq-custom-img-border-radius { --border-radius: 10px; } .sq-custom-img-border-radius img { border-radius: var(--border-radius); } /* DRI: adoshi@ BUNDLE=pricing-2022 */ @media (min-width: 718px) { .type-display .sq-custom-section-flex-intro-space-between .intro, .sq-custom-section-flex-intro-space-between .intro { max-width: none; display: flex; justify-content: space-between; align-items: baseline; } .type-display .sq-custom-section-flex-intro-space-between .intro > *, .sq-custom-section-flex-intro-space-between .intro > * { flex: 0 1 auto; margin-left: 0; margin-right: 0; } } @charset "UTF-8"; /* do not edit; file hosted in public-web-customizations. Contains EDI custom grid variables DRI: adoshi@ BUNDLE=home-page-2021-q1 */ /* do not edit; file hosted in public-web-customizations. Contains EDI custom grid overrides DRI: adoshi@ BUNDLE=home-page-2021-q1 */ /* --- NOTES --- These overrides only support apropos fluid option --- END --- */ :root { --old-body-width-max: 1680px; --body-width-min: 320px; --body-width-max: 2560px; --content-width-max: 2000px; --breakpoint-width-extra-small: 375px; --breakpoint-width-small: 717px; --breakpoint-width-medium: 1023px; --breakpoint-width-large: 1240px; --breakpoint-width-extra-large: 1500px; --container-width-base: 295px; --container-width-extra-small: 344px; --container-width-small: 624px; --container-width-medium: 972px; --container-width-large: 1200px; --container-width-extra-large: 1416px; --container-border-radius-base: 16px; --container-border-radius-medium: 24px; --container-border-radius: var(--container-border-radius-base); } @media (min-width: 1023px) { :root { --container-border-radius: var(--container-border-radius-medium); } } @media (min-width: 0) { .hide-at-base, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 374px) { .hide-at-extra-small, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 480px) { .hide-at-small, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 718px) { .hide-at-medium, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 1024px) { .hide-at-large, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 1292px) { .hide-at-extra-large, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 718px) { .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-nav { position: revert; top: revert; left: revert; margin: revert; width: revert; max-width: revert; height: revert; transform: revert; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left { position: revert; left: revert; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left::before { border-color: revert; box-shadow: revert; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { position: revert; right: revert; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { border-color: revert; box-shadow: revert; } } @media (min-width: 718px) { .two-thirds-at-medium { width: unset !important; } } @media (min-width: 718px) { .align-left-at-medium { text-align: unset !important; } .align-center-at-medium { text-align: unset !important; } .align-right-at-medium { text-align: unset !important; } .align-justify-at-medium { text-align: unset !important; } } @media (min-width: 1024px) { .align-left-at-large { text-align: unset !important; } .align-center-at-large { text-align: unset !important; } .align-right-at-large { text-align: unset !important; } .align-justify-at-large { text-align: unset !important; } } [class^='grid'], [class*=' grid'] { display: flex; flex-wrap: wrap; margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); margin-bottom: calc(-1 * var(--space-line)) !important; } [class^='grid'] > *, [class*=' grid'] > * { flex: 0 1 auto; } [class^='grid'] > *, [class*=' grid'] > * { width: 100%; } [class^='grid'] > *, [class*=' grid'] > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } [class^='grid'] > *, [class*=' grid'] > * { margin-bottom: var(--space-line) !important; } .gap-base[class^='grid'], .gap-vert-base[class^='grid'], .gap-bottom-base[class^='grid'], .gap-base[class*=' grid'], .gap-vert-base[class*=' grid'], .gap-bottom-base[class*=' grid'] { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .gap-line[class^='grid'], .gap-vert-line[class^='grid'], .gap-bottom-line[class^='grid'], .gap-line[class*=' grid'], .gap-vert-line[class*=' grid'], .gap-bottom-line[class*=' grid'] { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .gap-small[class^='grid'], .gap-vert-small[class^='grid'], .gap-bottom-small[class^='grid'], .gap-small[class*=' grid'], .gap-vert-small[class*=' grid'], .gap-bottom-small[class*=' grid'] { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .gap-medium[class^='grid'], .gap-vert-medium[class^='grid'], .gap-bottom-medium[class^='grid'], .gap-medium[class*=' grid'], .gap-vert-medium[class*=' grid'], .gap-bottom-medium[class*=' grid'] { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .gap-large[class^='grid'], .gap-vert-large[class^='grid'], .gap-bottom-large[class^='grid'], .gap-large[class*=' grid'], .gap-vert-large[class*=' grid'], .gap-bottom-large[class*=' grid'] { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .gap-xl[class^='grid'], .gap-vert-xl[class^='grid'], .gap-bottom-xl[class^='grid'], .gap-xl[class*=' grid'], .gap-vert-xl[class*=' grid'], .gap-bottom-xl[class*=' grid'] { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .gap-xxl[class^='grid'], .gap-vert-xxl[class^='grid'], .gap-bottom-xxl[class^='grid'], .gap-xxl[class*=' grid'], .gap-vert-xxl[class*=' grid'], .gap-bottom-xxl[class*=' grid'] { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .gap-none[class^='grid'], .gap-vert-none[class^='grid'], .gap-bottom-none[class^='grid'], .gap-none[class*=' grid'], .gap-vert-none[class*=' grid'], .gap-bottom-none[class*=' grid'] { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-reverse { flex-direction: row-reverse; } .grid-row-equal-heights > * { display: flex; flex-wrap: wrap; } .grid-row-equal-heights > * > * { flex: 0 1 auto; } .grid-row-equal-heights > * > * { width: 100%; } .no-shrink { flex-shrink: 0 !important; } .grid-auto > *, .grid-flex > * { width: auto; } .grid-flex { display: flex; flex-wrap: nowrap; } .grid-flex > * { flex: 0 1 auto; } .grid-1 { flex-wrap: wrap; } .grid-1 > * { width: 100%; } .grid-2 { flex-wrap: wrap; } .grid-2 > * { width: 50%; } .grid-3 { flex-wrap: wrap; } .grid-3 > * { width: 33.3333333333%; } .grid-4 { flex-wrap: wrap; } .grid-4 > * { width: 25%; } .grid-5 { flex-wrap: wrap; } .grid-5 > * { width: 20%; } .grid-space-base, .grid-col-space-base { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base > *, .grid-col-space-base > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base, .grid-row-space-base { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base > *, .grid-row-space-base > * { margin-bottom: var(--space-base) !important; } .grid-space-base.gap-base, .grid-space-base.gap-vert-base, .grid-space-base.gap-bottom-base, .grid-row-space-base.gap-base, .grid-row-space-base.gap-vert-base, .grid-row-space-base.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base.gap-line, .grid-space-base.gap-vert-line, .grid-space-base.gap-bottom-line, .grid-row-space-base.gap-line, .grid-row-space-base.gap-vert-line, .grid-row-space-base.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base.gap-small, .grid-space-base.gap-vert-small, .grid-space-base.gap-bottom-small, .grid-row-space-base.gap-small, .grid-row-space-base.gap-vert-small, .grid-row-space-base.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base.gap-medium, .grid-space-base.gap-vert-medium, .grid-space-base.gap-bottom-medium, .grid-row-space-base.gap-medium, .grid-row-space-base.gap-vert-medium, .grid-row-space-base.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base.gap-large, .grid-space-base.gap-vert-large, .grid-space-base.gap-bottom-large, .grid-row-space-base.gap-large, .grid-row-space-base.gap-vert-large, .grid-row-space-base.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base.gap-xl, .grid-space-base.gap-vert-xl, .grid-space-base.gap-bottom-xl, .grid-row-space-base.gap-xl, .grid-row-space-base.gap-vert-xl, .grid-row-space-base.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base.gap-xxl, .grid-space-base.gap-vert-xxl, .grid-space-base.gap-bottom-xxl, .grid-row-space-base.gap-xxl, .grid-row-space-base.gap-vert-xxl, .grid-row-space-base.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base.gap-none, .grid-space-base.gap-vert-none, .grid-space-base.gap-bottom-none, .grid-row-space-base.gap-none, .grid-row-space-base.gap-vert-none, .grid-row-space-base.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line, .grid-col-space-line { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line > *, .grid-col-space-line > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line, .grid-row-space-line { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line > *, .grid-row-space-line > * { margin-bottom: var(--space-line) !important; } .grid-space-line.gap-base, .grid-space-line.gap-vert-base, .grid-space-line.gap-bottom-base, .grid-row-space-line.gap-base, .grid-row-space-line.gap-vert-base, .grid-row-space-line.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line.gap-line, .grid-space-line.gap-vert-line, .grid-space-line.gap-bottom-line, .grid-row-space-line.gap-line, .grid-row-space-line.gap-vert-line, .grid-row-space-line.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line.gap-small, .grid-space-line.gap-vert-small, .grid-space-line.gap-bottom-small, .grid-row-space-line.gap-small, .grid-row-space-line.gap-vert-small, .grid-row-space-line.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line.gap-medium, .grid-space-line.gap-vert-medium, .grid-space-line.gap-bottom-medium, .grid-row-space-line.gap-medium, .grid-row-space-line.gap-vert-medium, .grid-row-space-line.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line.gap-large, .grid-space-line.gap-vert-large, .grid-space-line.gap-bottom-large, .grid-row-space-line.gap-large, .grid-row-space-line.gap-vert-large, .grid-row-space-line.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line.gap-xl, .grid-space-line.gap-vert-xl, .grid-space-line.gap-bottom-xl, .grid-row-space-line.gap-xl, .grid-row-space-line.gap-vert-xl, .grid-row-space-line.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line.gap-xxl, .grid-space-line.gap-vert-xxl, .grid-space-line.gap-bottom-xxl, .grid-row-space-line.gap-xxl, .grid-row-space-line.gap-vert-xxl, .grid-row-space-line.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line.gap-none, .grid-space-line.gap-vert-none, .grid-space-line.gap-bottom-none, .grid-row-space-line.gap-none, .grid-row-space-line.gap-vert-none, .grid-row-space-line.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small, .grid-col-space-small { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small > *, .grid-col-space-small > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small, .grid-row-space-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small > *, .grid-row-space-small > * { margin-bottom: var(--space-small) !important; } .grid-space-small.gap-base, .grid-space-small.gap-vert-base, .grid-space-small.gap-bottom-base, .grid-row-space-small.gap-base, .grid-row-space-small.gap-vert-base, .grid-row-space-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small.gap-line, .grid-space-small.gap-vert-line, .grid-space-small.gap-bottom-line, .grid-row-space-small.gap-line, .grid-row-space-small.gap-vert-line, .grid-row-space-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small.gap-small, .grid-space-small.gap-vert-small, .grid-space-small.gap-bottom-small, .grid-row-space-small.gap-small, .grid-row-space-small.gap-vert-small, .grid-row-space-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small.gap-medium, .grid-space-small.gap-vert-medium, .grid-space-small.gap-bottom-medium, .grid-row-space-small.gap-medium, .grid-row-space-small.gap-vert-medium, .grid-row-space-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small.gap-large, .grid-space-small.gap-vert-large, .grid-space-small.gap-bottom-large, .grid-row-space-small.gap-large, .grid-row-space-small.gap-vert-large, .grid-row-space-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small.gap-xl, .grid-space-small.gap-vert-xl, .grid-space-small.gap-bottom-xl, .grid-row-space-small.gap-xl, .grid-row-space-small.gap-vert-xl, .grid-row-space-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small.gap-xxl, .grid-space-small.gap-vert-xxl, .grid-space-small.gap-bottom-xxl, .grid-row-space-small.gap-xxl, .grid-row-space-small.gap-vert-xxl, .grid-row-space-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small.gap-none, .grid-space-small.gap-vert-none, .grid-space-small.gap-bottom-none, .grid-row-space-small.gap-none, .grid-row-space-small.gap-vert-none, .grid-row-space-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium, .grid-col-space-medium { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium > *, .grid-col-space-medium > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium, .grid-row-space-medium { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium > *, .grid-row-space-medium > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium.gap-base, .grid-space-medium.gap-vert-base, .grid-space-medium.gap-bottom-base, .grid-row-space-medium.gap-base, .grid-row-space-medium.gap-vert-base, .grid-row-space-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium.gap-line, .grid-space-medium.gap-vert-line, .grid-space-medium.gap-bottom-line, .grid-row-space-medium.gap-line, .grid-row-space-medium.gap-vert-line, .grid-row-space-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium.gap-small, .grid-space-medium.gap-vert-small, .grid-space-medium.gap-bottom-small, .grid-row-space-medium.gap-small, .grid-row-space-medium.gap-vert-small, .grid-row-space-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium.gap-medium, .grid-space-medium.gap-vert-medium, .grid-space-medium.gap-bottom-medium, .grid-row-space-medium.gap-medium, .grid-row-space-medium.gap-vert-medium, .grid-row-space-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium.gap-large, .grid-space-medium.gap-vert-large, .grid-space-medium.gap-bottom-large, .grid-row-space-medium.gap-large, .grid-row-space-medium.gap-vert-large, .grid-row-space-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium.gap-xl, .grid-space-medium.gap-vert-xl, .grid-space-medium.gap-bottom-xl, .grid-row-space-medium.gap-xl, .grid-row-space-medium.gap-vert-xl, .grid-row-space-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium.gap-xxl, .grid-space-medium.gap-vert-xxl, .grid-space-medium.gap-bottom-xxl, .grid-row-space-medium.gap-xxl, .grid-row-space-medium.gap-vert-xxl, .grid-row-space-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium.gap-none, .grid-space-medium.gap-vert-none, .grid-space-medium.gap-bottom-none, .grid-row-space-medium.gap-none, .grid-row-space-medium.gap-vert-none, .grid-row-space-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large, .grid-col-space-large { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large > *, .grid-col-space-large > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large, .grid-row-space-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large > *, .grid-row-space-large > * { margin-bottom: var(--space-large) !important; } .grid-space-large.gap-base, .grid-space-large.gap-vert-base, .grid-space-large.gap-bottom-base, .grid-row-space-large.gap-base, .grid-row-space-large.gap-vert-base, .grid-row-space-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large.gap-line, .grid-space-large.gap-vert-line, .grid-space-large.gap-bottom-line, .grid-row-space-large.gap-line, .grid-row-space-large.gap-vert-line, .grid-row-space-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large.gap-small, .grid-space-large.gap-vert-small, .grid-space-large.gap-bottom-small, .grid-row-space-large.gap-small, .grid-row-space-large.gap-vert-small, .grid-row-space-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large.gap-medium, .grid-space-large.gap-vert-medium, .grid-space-large.gap-bottom-medium, .grid-row-space-large.gap-medium, .grid-row-space-large.gap-vert-medium, .grid-row-space-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large.gap-large, .grid-space-large.gap-vert-large, .grid-space-large.gap-bottom-large, .grid-row-space-large.gap-large, .grid-row-space-large.gap-vert-large, .grid-row-space-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large.gap-xl, .grid-space-large.gap-vert-xl, .grid-space-large.gap-bottom-xl, .grid-row-space-large.gap-xl, .grid-row-space-large.gap-vert-xl, .grid-row-space-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large.gap-xxl, .grid-space-large.gap-vert-xxl, .grid-space-large.gap-bottom-xxl, .grid-row-space-large.gap-xxl, .grid-row-space-large.gap-vert-xxl, .grid-row-space-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large.gap-none, .grid-space-large.gap-vert-none, .grid-space-large.gap-bottom-none, .grid-row-space-large.gap-none, .grid-row-space-large.gap-vert-none, .grid-row-space-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl, .grid-col-space-xl { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl > *, .grid-col-space-xl > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl, .grid-row-space-xl { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl > *, .grid-row-space-xl > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl.gap-base, .grid-space-xl.gap-vert-base, .grid-space-xl.gap-bottom-base, .grid-row-space-xl.gap-base, .grid-row-space-xl.gap-vert-base, .grid-row-space-xl.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl.gap-line, .grid-space-xl.gap-vert-line, .grid-space-xl.gap-bottom-line, .grid-row-space-xl.gap-line, .grid-row-space-xl.gap-vert-line, .grid-row-space-xl.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl.gap-small, .grid-space-xl.gap-vert-small, .grid-space-xl.gap-bottom-small, .grid-row-space-xl.gap-small, .grid-row-space-xl.gap-vert-small, .grid-row-space-xl.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl.gap-medium, .grid-space-xl.gap-vert-medium, .grid-space-xl.gap-bottom-medium, .grid-row-space-xl.gap-medium, .grid-row-space-xl.gap-vert-medium, .grid-row-space-xl.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl.gap-large, .grid-space-xl.gap-vert-large, .grid-space-xl.gap-bottom-large, .grid-row-space-xl.gap-large, .grid-row-space-xl.gap-vert-large, .grid-row-space-xl.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl.gap-xl, .grid-space-xl.gap-vert-xl, .grid-space-xl.gap-bottom-xl, .grid-row-space-xl.gap-xl, .grid-row-space-xl.gap-vert-xl, .grid-row-space-xl.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl.gap-xxl, .grid-space-xl.gap-vert-xxl, .grid-space-xl.gap-bottom-xxl, .grid-row-space-xl.gap-xxl, .grid-row-space-xl.gap-vert-xxl, .grid-row-space-xl.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl.gap-none, .grid-space-xl.gap-vert-none, .grid-space-xl.gap-bottom-none, .grid-row-space-xl.gap-none, .grid-row-space-xl.gap-vert-none, .grid-row-space-xl.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl, .grid-col-space-xxl { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl > *, .grid-col-space-xxl > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl, .grid-row-space-xxl { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl > *, .grid-row-space-xxl > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl.gap-base, .grid-space-xxl.gap-vert-base, .grid-space-xxl.gap-bottom-base, .grid-row-space-xxl.gap-base, .grid-row-space-xxl.gap-vert-base, .grid-row-space-xxl.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl.gap-line, .grid-space-xxl.gap-vert-line, .grid-space-xxl.gap-bottom-line, .grid-row-space-xxl.gap-line, .grid-row-space-xxl.gap-vert-line, .grid-row-space-xxl.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl.gap-small, .grid-space-xxl.gap-vert-small, .grid-space-xxl.gap-bottom-small, .grid-row-space-xxl.gap-small, .grid-row-space-xxl.gap-vert-small, .grid-row-space-xxl.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl.gap-medium, .grid-space-xxl.gap-vert-medium, .grid-space-xxl.gap-bottom-medium, .grid-row-space-xxl.gap-medium, .grid-row-space-xxl.gap-vert-medium, .grid-row-space-xxl.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl.gap-large, .grid-space-xxl.gap-vert-large, .grid-space-xxl.gap-bottom-large, .grid-row-space-xxl.gap-large, .grid-row-space-xxl.gap-vert-large, .grid-row-space-xxl.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl.gap-xl, .grid-space-xxl.gap-vert-xl, .grid-space-xxl.gap-bottom-xl, .grid-row-space-xxl.gap-xl, .grid-row-space-xxl.gap-vert-xl, .grid-row-space-xxl.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl.gap-xxl, .grid-space-xxl.gap-vert-xxl, .grid-space-xxl.gap-bottom-xxl, .grid-row-space-xxl.gap-xxl, .grid-row-space-xxl.gap-vert-xxl, .grid-row-space-xxl.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl.gap-none, .grid-space-xxl.gap-vert-none, .grid-space-xxl.gap-bottom-none, .grid-row-space-xxl.gap-none, .grid-row-space-xxl.gap-vert-none, .grid-row-space-xxl.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none, .grid-col-space-none { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none > *, .grid-col-space-none > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none, .grid-row-space-none { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none > *, .grid-row-space-none > * { margin-bottom: var(--space-none) !important; } .grid-space-none.gap-base, .grid-space-none.gap-vert-base, .grid-space-none.gap-bottom-base, .grid-row-space-none.gap-base, .grid-row-space-none.gap-vert-base, .grid-row-space-none.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none.gap-line, .grid-space-none.gap-vert-line, .grid-space-none.gap-bottom-line, .grid-row-space-none.gap-line, .grid-row-space-none.gap-vert-line, .grid-row-space-none.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none.gap-small, .grid-space-none.gap-vert-small, .grid-space-none.gap-bottom-small, .grid-row-space-none.gap-small, .grid-row-space-none.gap-vert-small, .grid-row-space-none.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none.gap-medium, .grid-space-none.gap-vert-medium, .grid-space-none.gap-bottom-medium, .grid-row-space-none.gap-medium, .grid-row-space-none.gap-vert-medium, .grid-row-space-none.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none.gap-large, .grid-space-none.gap-vert-large, .grid-space-none.gap-bottom-large, .grid-row-space-none.gap-large, .grid-row-space-none.gap-vert-large, .grid-row-space-none.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none.gap-xl, .grid-space-none.gap-vert-xl, .grid-space-none.gap-bottom-xl, .grid-row-space-none.gap-xl, .grid-row-space-none.gap-vert-xl, .grid-row-space-none.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none.gap-xxl, .grid-space-none.gap-vert-xxl, .grid-space-none.gap-bottom-xxl, .grid-row-space-none.gap-xxl, .grid-row-space-none.gap-vert-xxl, .grid-row-space-none.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none.gap-none, .grid-space-none.gap-vert-none, .grid-space-none.gap-bottom-none, .grid-row-space-none.gap-none, .grid-row-space-none.gap-vert-none, .grid-row-space-none.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left, .flex-align-left { display: flex !important; justify-content: flex-start !important; } .grid-align-center, .flex-align-center { display: flex !important; justify-content: center !important; } .grid-align-right, .flex-align-right { display: flex !important; justify-content: flex-end !important; } .grid-align-justify, .flex-align-justify { display: flex !important; justify-content: space-between !important; } .grid-valign-top, .flex-valign-top { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle, .flex-valign-middle { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom, .flex-valign-bottom { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify, .flex-valign-justify { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } @media (min-width: 375px) { .grid-auto-at-extra-small > *, .grid-flex-at-extra-small > * { width: auto; } .grid-flex-at-extra-small { display: flex; flex-wrap: nowrap; } .grid-flex-at-extra-small > * { flex: 0 1 auto; } .grid-1-at-extra-small { flex-wrap: wrap; } .grid-1-at-extra-small > * { width: 100%; } .grid-2-at-extra-small { flex-wrap: wrap; } .grid-2-at-extra-small > * { width: 50%; } .grid-3-at-extra-small { flex-wrap: wrap; } .grid-3-at-extra-small > * { width: 33.3333333333%; } .grid-4-at-extra-small { flex-wrap: wrap; } .grid-4-at-extra-small > * { width: 25%; } .grid-5-at-extra-small { flex-wrap: wrap; } .grid-5-at-extra-small > * { width: 20%; } .grid-space-base-at-extra-small, .grid-col-space-base-at-extra-small { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-extra-small > *, .grid-col-space-base-at-extra-small > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-extra-small, .grid-row-space-base-at-extra-small { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-extra-small > *, .grid-row-space-base-at-extra-small > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-extra-small.gap-base, .grid-space-base-at-extra-small.gap-vert-base, .grid-space-base-at-extra-small.gap-bottom-base, .grid-row-space-base-at-extra-small.gap-base, .grid-row-space-base-at-extra-small.gap-vert-base, .grid-row-space-base-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-line, .grid-space-base-at-extra-small.gap-vert-line, .grid-space-base-at-extra-small.gap-bottom-line, .grid-row-space-base-at-extra-small.gap-line, .grid-row-space-base-at-extra-small.gap-vert-line, .grid-row-space-base-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-small, .grid-space-base-at-extra-small.gap-vert-small, .grid-space-base-at-extra-small.gap-bottom-small, .grid-row-space-base-at-extra-small.gap-small, .grid-row-space-base-at-extra-small.gap-vert-small, .grid-row-space-base-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-medium, .grid-space-base-at-extra-small.gap-vert-medium, .grid-space-base-at-extra-small.gap-bottom-medium, .grid-row-space-base-at-extra-small.gap-medium, .grid-row-space-base-at-extra-small.gap-vert-medium, .grid-row-space-base-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-large, .grid-space-base-at-extra-small.gap-vert-large, .grid-space-base-at-extra-small.gap-bottom-large, .grid-row-space-base-at-extra-small.gap-large, .grid-row-space-base-at-extra-small.gap-vert-large, .grid-row-space-base-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-xl, .grid-space-base-at-extra-small.gap-vert-xl, .grid-space-base-at-extra-small.gap-bottom-xl, .grid-row-space-base-at-extra-small.gap-xl, .grid-row-space-base-at-extra-small.gap-vert-xl, .grid-row-space-base-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-xxl, .grid-space-base-at-extra-small.gap-vert-xxl, .grid-space-base-at-extra-small.gap-bottom-xxl, .grid-row-space-base-at-extra-small.gap-xxl, .grid-row-space-base-at-extra-small.gap-vert-xxl, .grid-row-space-base-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-none, .grid-space-base-at-extra-small.gap-vert-none, .grid-space-base-at-extra-small.gap-bottom-none, .grid-row-space-base-at-extra-small.gap-none, .grid-row-space-base-at-extra-small.gap-vert-none, .grid-row-space-base-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-extra-small, .grid-col-space-line-at-extra-small { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-extra-small > *, .grid-col-space-line-at-extra-small > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-extra-small, .grid-row-space-line-at-extra-small { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-extra-small > *, .grid-row-space-line-at-extra-small > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-extra-small.gap-base, .grid-space-line-at-extra-small.gap-vert-base, .grid-space-line-at-extra-small.gap-bottom-base, .grid-row-space-line-at-extra-small.gap-base, .grid-row-space-line-at-extra-small.gap-vert-base, .grid-row-space-line-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-line, .grid-space-line-at-extra-small.gap-vert-line, .grid-space-line-at-extra-small.gap-bottom-line, .grid-row-space-line-at-extra-small.gap-line, .grid-row-space-line-at-extra-small.gap-vert-line, .grid-row-space-line-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-small, .grid-space-line-at-extra-small.gap-vert-small, .grid-space-line-at-extra-small.gap-bottom-small, .grid-row-space-line-at-extra-small.gap-small, .grid-row-space-line-at-extra-small.gap-vert-small, .grid-row-space-line-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-medium, .grid-space-line-at-extra-small.gap-vert-medium, .grid-space-line-at-extra-small.gap-bottom-medium, .grid-row-space-line-at-extra-small.gap-medium, .grid-row-space-line-at-extra-small.gap-vert-medium, .grid-row-space-line-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-large, .grid-space-line-at-extra-small.gap-vert-large, .grid-space-line-at-extra-small.gap-bottom-large, .grid-row-space-line-at-extra-small.gap-large, .grid-row-space-line-at-extra-small.gap-vert-large, .grid-row-space-line-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-xl, .grid-space-line-at-extra-small.gap-vert-xl, .grid-space-line-at-extra-small.gap-bottom-xl, .grid-row-space-line-at-extra-small.gap-xl, .grid-row-space-line-at-extra-small.gap-vert-xl, .grid-row-space-line-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-xxl, .grid-space-line-at-extra-small.gap-vert-xxl, .grid-space-line-at-extra-small.gap-bottom-xxl, .grid-row-space-line-at-extra-small.gap-xxl, .grid-row-space-line-at-extra-small.gap-vert-xxl, .grid-row-space-line-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-none, .grid-space-line-at-extra-small.gap-vert-none, .grid-space-line-at-extra-small.gap-bottom-none, .grid-row-space-line-at-extra-small.gap-none, .grid-row-space-line-at-extra-small.gap-vert-none, .grid-row-space-line-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-extra-small, .grid-col-space-small-at-extra-small { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-extra-small > *, .grid-col-space-small-at-extra-small > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-extra-small, .grid-row-space-small-at-extra-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-extra-small > *, .grid-row-space-small-at-extra-small > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-extra-small.gap-base, .grid-space-small-at-extra-small.gap-vert-base, .grid-space-small-at-extra-small.gap-bottom-base, .grid-row-space-small-at-extra-small.gap-base, .grid-row-space-small-at-extra-small.gap-vert-base, .grid-row-space-small-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-line, .grid-space-small-at-extra-small.gap-vert-line, .grid-space-small-at-extra-small.gap-bottom-line, .grid-row-space-small-at-extra-small.gap-line, .grid-row-space-small-at-extra-small.gap-vert-line, .grid-row-space-small-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-small, .grid-space-small-at-extra-small.gap-vert-small, .grid-space-small-at-extra-small.gap-bottom-small, .grid-row-space-small-at-extra-small.gap-small, .grid-row-space-small-at-extra-small.gap-vert-small, .grid-row-space-small-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-medium, .grid-space-small-at-extra-small.gap-vert-medium, .grid-space-small-at-extra-small.gap-bottom-medium, .grid-row-space-small-at-extra-small.gap-medium, .grid-row-space-small-at-extra-small.gap-vert-medium, .grid-row-space-small-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-large, .grid-space-small-at-extra-small.gap-vert-large, .grid-space-small-at-extra-small.gap-bottom-large, .grid-row-space-small-at-extra-small.gap-large, .grid-row-space-small-at-extra-small.gap-vert-large, .grid-row-space-small-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-xl, .grid-space-small-at-extra-small.gap-vert-xl, .grid-space-small-at-extra-small.gap-bottom-xl, .grid-row-space-small-at-extra-small.gap-xl, .grid-row-space-small-at-extra-small.gap-vert-xl, .grid-row-space-small-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-xxl, .grid-space-small-at-extra-small.gap-vert-xxl, .grid-space-small-at-extra-small.gap-bottom-xxl, .grid-row-space-small-at-extra-small.gap-xxl, .grid-row-space-small-at-extra-small.gap-vert-xxl, .grid-row-space-small-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-none, .grid-space-small-at-extra-small.gap-vert-none, .grid-space-small-at-extra-small.gap-bottom-none, .grid-row-space-small-at-extra-small.gap-none, .grid-row-space-small-at-extra-small.gap-vert-none, .grid-row-space-small-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-extra-small, .grid-col-space-medium-at-extra-small { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-extra-small > *, .grid-col-space-medium-at-extra-small > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-extra-small, .grid-row-space-medium-at-extra-small { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-extra-small > *, .grid-row-space-medium-at-extra-small > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-extra-small.gap-base, .grid-space-medium-at-extra-small.gap-vert-base, .grid-space-medium-at-extra-small.gap-bottom-base, .grid-row-space-medium-at-extra-small.gap-base, .grid-row-space-medium-at-extra-small.gap-vert-base, .grid-row-space-medium-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-line, .grid-space-medium-at-extra-small.gap-vert-line, .grid-space-medium-at-extra-small.gap-bottom-line, .grid-row-space-medium-at-extra-small.gap-line, .grid-row-space-medium-at-extra-small.gap-vert-line, .grid-row-space-medium-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-small, .grid-space-medium-at-extra-small.gap-vert-small, .grid-space-medium-at-extra-small.gap-bottom-small, .grid-row-space-medium-at-extra-small.gap-small, .grid-row-space-medium-at-extra-small.gap-vert-small, .grid-row-space-medium-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-medium, .grid-space-medium-at-extra-small.gap-vert-medium, .grid-space-medium-at-extra-small.gap-bottom-medium, .grid-row-space-medium-at-extra-small.gap-medium, .grid-row-space-medium-at-extra-small.gap-vert-medium, .grid-row-space-medium-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-large, .grid-space-medium-at-extra-small.gap-vert-large, .grid-space-medium-at-extra-small.gap-bottom-large, .grid-row-space-medium-at-extra-small.gap-large, .grid-row-space-medium-at-extra-small.gap-vert-large, .grid-row-space-medium-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-xl, .grid-space-medium-at-extra-small.gap-vert-xl, .grid-space-medium-at-extra-small.gap-bottom-xl, .grid-row-space-medium-at-extra-small.gap-xl, .grid-row-space-medium-at-extra-small.gap-vert-xl, .grid-row-space-medium-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-xxl, .grid-space-medium-at-extra-small.gap-vert-xxl, .grid-space-medium-at-extra-small.gap-bottom-xxl, .grid-row-space-medium-at-extra-small.gap-xxl, .grid-row-space-medium-at-extra-small.gap-vert-xxl, .grid-row-space-medium-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-none, .grid-space-medium-at-extra-small.gap-vert-none, .grid-space-medium-at-extra-small.gap-bottom-none, .grid-row-space-medium-at-extra-small.gap-none, .grid-row-space-medium-at-extra-small.gap-vert-none, .grid-row-space-medium-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-extra-small, .grid-col-space-large-at-extra-small { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-extra-small > *, .grid-col-space-large-at-extra-small > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-extra-small, .grid-row-space-large-at-extra-small { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-extra-small > *, .grid-row-space-large-at-extra-small > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-extra-small.gap-base, .grid-space-large-at-extra-small.gap-vert-base, .grid-space-large-at-extra-small.gap-bottom-base, .grid-row-space-large-at-extra-small.gap-base, .grid-row-space-large-at-extra-small.gap-vert-base, .grid-row-space-large-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-line, .grid-space-large-at-extra-small.gap-vert-line, .grid-space-large-at-extra-small.gap-bottom-line, .grid-row-space-large-at-extra-small.gap-line, .grid-row-space-large-at-extra-small.gap-vert-line, .grid-row-space-large-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-small, .grid-space-large-at-extra-small.gap-vert-small, .grid-space-large-at-extra-small.gap-bottom-small, .grid-row-space-large-at-extra-small.gap-small, .grid-row-space-large-at-extra-small.gap-vert-small, .grid-row-space-large-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-medium, .grid-space-large-at-extra-small.gap-vert-medium, .grid-space-large-at-extra-small.gap-bottom-medium, .grid-row-space-large-at-extra-small.gap-medium, .grid-row-space-large-at-extra-small.gap-vert-medium, .grid-row-space-large-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-large, .grid-space-large-at-extra-small.gap-vert-large, .grid-space-large-at-extra-small.gap-bottom-large, .grid-row-space-large-at-extra-small.gap-large, .grid-row-space-large-at-extra-small.gap-vert-large, .grid-row-space-large-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-xl, .grid-space-large-at-extra-small.gap-vert-xl, .grid-space-large-at-extra-small.gap-bottom-xl, .grid-row-space-large-at-extra-small.gap-xl, .grid-row-space-large-at-extra-small.gap-vert-xl, .grid-row-space-large-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-xxl, .grid-space-large-at-extra-small.gap-vert-xxl, .grid-space-large-at-extra-small.gap-bottom-xxl, .grid-row-space-large-at-extra-small.gap-xxl, .grid-row-space-large-at-extra-small.gap-vert-xxl, .grid-row-space-large-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-none, .grid-space-large-at-extra-small.gap-vert-none, .grid-space-large-at-extra-small.gap-bottom-none, .grid-row-space-large-at-extra-small.gap-none, .grid-row-space-large-at-extra-small.gap-vert-none, .grid-row-space-large-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-extra-small, .grid-col-space-xl-at-extra-small { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-extra-small > *, .grid-col-space-xl-at-extra-small > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-extra-small, .grid-row-space-xl-at-extra-small { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-extra-small > *, .grid-row-space-xl-at-extra-small > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-extra-small.gap-base, .grid-space-xl-at-extra-small.gap-vert-base, .grid-space-xl-at-extra-small.gap-bottom-base, .grid-row-space-xl-at-extra-small.gap-base, .grid-row-space-xl-at-extra-small.gap-vert-base, .grid-row-space-xl-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-line, .grid-space-xl-at-extra-small.gap-vert-line, .grid-space-xl-at-extra-small.gap-bottom-line, .grid-row-space-xl-at-extra-small.gap-line, .grid-row-space-xl-at-extra-small.gap-vert-line, .grid-row-space-xl-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-small, .grid-space-xl-at-extra-small.gap-vert-small, .grid-space-xl-at-extra-small.gap-bottom-small, .grid-row-space-xl-at-extra-small.gap-small, .grid-row-space-xl-at-extra-small.gap-vert-small, .grid-row-space-xl-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-medium, .grid-space-xl-at-extra-small.gap-vert-medium, .grid-space-xl-at-extra-small.gap-bottom-medium, .grid-row-space-xl-at-extra-small.gap-medium, .grid-row-space-xl-at-extra-small.gap-vert-medium, .grid-row-space-xl-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-large, .grid-space-xl-at-extra-small.gap-vert-large, .grid-space-xl-at-extra-small.gap-bottom-large, .grid-row-space-xl-at-extra-small.gap-large, .grid-row-space-xl-at-extra-small.gap-vert-large, .grid-row-space-xl-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-xl, .grid-space-xl-at-extra-small.gap-vert-xl, .grid-space-xl-at-extra-small.gap-bottom-xl, .grid-row-space-xl-at-extra-small.gap-xl, .grid-row-space-xl-at-extra-small.gap-vert-xl, .grid-row-space-xl-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-xxl, .grid-space-xl-at-extra-small.gap-vert-xxl, .grid-space-xl-at-extra-small.gap-bottom-xxl, .grid-row-space-xl-at-extra-small.gap-xxl, .grid-row-space-xl-at-extra-small.gap-vert-xxl, .grid-row-space-xl-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-none, .grid-space-xl-at-extra-small.gap-vert-none, .grid-space-xl-at-extra-small.gap-bottom-none, .grid-row-space-xl-at-extra-small.gap-none, .grid-row-space-xl-at-extra-small.gap-vert-none, .grid-row-space-xl-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-extra-small, .grid-col-space-xxl-at-extra-small { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-extra-small > *, .grid-col-space-xxl-at-extra-small > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-extra-small, .grid-row-space-xxl-at-extra-small { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small > *, .grid-row-space-xxl-at-extra-small > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-extra-small.gap-base, .grid-space-xxl-at-extra-small.gap-vert-base, .grid-space-xxl-at-extra-small.gap-bottom-base, .grid-row-space-xxl-at-extra-small.gap-base, .grid-row-space-xxl-at-extra-small.gap-vert-base, .grid-row-space-xxl-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-line, .grid-space-xxl-at-extra-small.gap-vert-line, .grid-space-xxl-at-extra-small.gap-bottom-line, .grid-row-space-xxl-at-extra-small.gap-line, .grid-row-space-xxl-at-extra-small.gap-vert-line, .grid-row-space-xxl-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-small, .grid-space-xxl-at-extra-small.gap-vert-small, .grid-space-xxl-at-extra-small.gap-bottom-small, .grid-row-space-xxl-at-extra-small.gap-small, .grid-row-space-xxl-at-extra-small.gap-vert-small, .grid-row-space-xxl-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-medium, .grid-space-xxl-at-extra-small.gap-vert-medium, .grid-space-xxl-at-extra-small.gap-bottom-medium, .grid-row-space-xxl-at-extra-small.gap-medium, .grid-row-space-xxl-at-extra-small.gap-vert-medium, .grid-row-space-xxl-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-large, .grid-space-xxl-at-extra-small.gap-vert-large, .grid-space-xxl-at-extra-small.gap-bottom-large, .grid-row-space-xxl-at-extra-small.gap-large, .grid-row-space-xxl-at-extra-small.gap-vert-large, .grid-row-space-xxl-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-xl, .grid-space-xxl-at-extra-small.gap-vert-xl, .grid-space-xxl-at-extra-small.gap-bottom-xl, .grid-row-space-xxl-at-extra-small.gap-xl, .grid-row-space-xxl-at-extra-small.gap-vert-xl, .grid-row-space-xxl-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-xxl, .grid-space-xxl-at-extra-small.gap-vert-xxl, .grid-space-xxl-at-extra-small.gap-bottom-xxl, .grid-row-space-xxl-at-extra-small.gap-xxl, .grid-row-space-xxl-at-extra-small.gap-vert-xxl, .grid-row-space-xxl-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-none, .grid-space-xxl-at-extra-small.gap-vert-none, .grid-space-xxl-at-extra-small.gap-bottom-none, .grid-row-space-xxl-at-extra-small.gap-none, .grid-row-space-xxl-at-extra-small.gap-vert-none, .grid-row-space-xxl-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-extra-small, .grid-col-space-none-at-extra-small { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-extra-small > *, .grid-col-space-none-at-extra-small > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-extra-small, .grid-row-space-none-at-extra-small { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-extra-small > *, .grid-row-space-none-at-extra-small > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-extra-small.gap-base, .grid-space-none-at-extra-small.gap-vert-base, .grid-space-none-at-extra-small.gap-bottom-base, .grid-row-space-none-at-extra-small.gap-base, .grid-row-space-none-at-extra-small.gap-vert-base, .grid-row-space-none-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-line, .grid-space-none-at-extra-small.gap-vert-line, .grid-space-none-at-extra-small.gap-bottom-line, .grid-row-space-none-at-extra-small.gap-line, .grid-row-space-none-at-extra-small.gap-vert-line, .grid-row-space-none-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-small, .grid-space-none-at-extra-small.gap-vert-small, .grid-space-none-at-extra-small.gap-bottom-small, .grid-row-space-none-at-extra-small.gap-small, .grid-row-space-none-at-extra-small.gap-vert-small, .grid-row-space-none-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-medium, .grid-space-none-at-extra-small.gap-vert-medium, .grid-space-none-at-extra-small.gap-bottom-medium, .grid-row-space-none-at-extra-small.gap-medium, .grid-row-space-none-at-extra-small.gap-vert-medium, .grid-row-space-none-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-large, .grid-space-none-at-extra-small.gap-vert-large, .grid-space-none-at-extra-small.gap-bottom-large, .grid-row-space-none-at-extra-small.gap-large, .grid-row-space-none-at-extra-small.gap-vert-large, .grid-row-space-none-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-xl, .grid-space-none-at-extra-small.gap-vert-xl, .grid-space-none-at-extra-small.gap-bottom-xl, .grid-row-space-none-at-extra-small.gap-xl, .grid-row-space-none-at-extra-small.gap-vert-xl, .grid-row-space-none-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-xxl, .grid-space-none-at-extra-small.gap-vert-xxl, .grid-space-none-at-extra-small.gap-bottom-xxl, .grid-row-space-none-at-extra-small.gap-xxl, .grid-row-space-none-at-extra-small.gap-vert-xxl, .grid-row-space-none-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-none, .grid-space-none-at-extra-small.gap-vert-none, .grid-space-none-at-extra-small.gap-bottom-none, .grid-row-space-none-at-extra-small.gap-none, .grid-row-space-none-at-extra-small.gap-vert-none, .grid-row-space-none-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-extra-small, .flex-align-left-at-extra-small { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-extra-small, .flex-align-center-at-extra-small { display: flex !important; justify-content: center !important; } .grid-align-right-at-extra-small, .flex-align-right-at-extra-small { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-extra-small, .flex-align-justify-at-extra-small { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-extra-small, .flex-valign-top-at-extra-small { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-extra-small, .flex-valign-middle-at-extra-small { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-extra-small, .flex-valign-bottom-at-extra-small { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-extra-small, .flex-valign-justify-at-extra-small { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } @media (min-width: 717px) { .grid-auto-at-small > *, .grid-flex-at-small > * { width: auto; } .grid-flex-at-small { display: flex; flex-wrap: nowrap; } .grid-flex-at-small > * { flex: 0 1 auto; } .grid-1-at-small { flex-wrap: wrap; } .grid-1-at-small > * { width: 100%; } .grid-2-at-small { flex-wrap: wrap; } .grid-2-at-small > * { width: 50%; } .grid-3-at-small { flex-wrap: wrap; } .grid-3-at-small > * { width: 33.3333333333%; } .grid-4-at-small { flex-wrap: wrap; } .grid-4-at-small > * { width: 25%; } .grid-5-at-small { flex-wrap: wrap; } .grid-5-at-small > * { width: 20%; } .grid-space-base-at-small, .grid-col-space-base-at-small { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-small > *, .grid-col-space-base-at-small > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-small, .grid-row-space-base-at-small { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-small > *, .grid-row-space-base-at-small > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-small.gap-base, .grid-space-base-at-small.gap-vert-base, .grid-space-base-at-small.gap-bottom-base, .grid-row-space-base-at-small.gap-base, .grid-row-space-base-at-small.gap-vert-base, .grid-row-space-base-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-small.gap-line, .grid-space-base-at-small.gap-vert-line, .grid-space-base-at-small.gap-bottom-line, .grid-row-space-base-at-small.gap-line, .grid-row-space-base-at-small.gap-vert-line, .grid-row-space-base-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-small.gap-small, .grid-space-base-at-small.gap-vert-small, .grid-space-base-at-small.gap-bottom-small, .grid-row-space-base-at-small.gap-small, .grid-row-space-base-at-small.gap-vert-small, .grid-row-space-base-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-small.gap-medium, .grid-space-base-at-small.gap-vert-medium, .grid-space-base-at-small.gap-bottom-medium, .grid-row-space-base-at-small.gap-medium, .grid-row-space-base-at-small.gap-vert-medium, .grid-row-space-base-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-small.gap-large, .grid-space-base-at-small.gap-vert-large, .grid-space-base-at-small.gap-bottom-large, .grid-row-space-base-at-small.gap-large, .grid-row-space-base-at-small.gap-vert-large, .grid-row-space-base-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-small.gap-xl, .grid-space-base-at-small.gap-vert-xl, .grid-space-base-at-small.gap-bottom-xl, .grid-row-space-base-at-small.gap-xl, .grid-row-space-base-at-small.gap-vert-xl, .grid-row-space-base-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-small.gap-xxl, .grid-space-base-at-small.gap-vert-xxl, .grid-space-base-at-small.gap-bottom-xxl, .grid-row-space-base-at-small.gap-xxl, .grid-row-space-base-at-small.gap-vert-xxl, .grid-row-space-base-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-small.gap-none, .grid-space-base-at-small.gap-vert-none, .grid-space-base-at-small.gap-bottom-none, .grid-row-space-base-at-small.gap-none, .grid-row-space-base-at-small.gap-vert-none, .grid-row-space-base-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-small, .grid-col-space-line-at-small { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-small > *, .grid-col-space-line-at-small > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-small, .grid-row-space-line-at-small { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-small > *, .grid-row-space-line-at-small > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-small.gap-base, .grid-space-line-at-small.gap-vert-base, .grid-space-line-at-small.gap-bottom-base, .grid-row-space-line-at-small.gap-base, .grid-row-space-line-at-small.gap-vert-base, .grid-row-space-line-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-small.gap-line, .grid-space-line-at-small.gap-vert-line, .grid-space-line-at-small.gap-bottom-line, .grid-row-space-line-at-small.gap-line, .grid-row-space-line-at-small.gap-vert-line, .grid-row-space-line-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-small.gap-small, .grid-space-line-at-small.gap-vert-small, .grid-space-line-at-small.gap-bottom-small, .grid-row-space-line-at-small.gap-small, .grid-row-space-line-at-small.gap-vert-small, .grid-row-space-line-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-small.gap-medium, .grid-space-line-at-small.gap-vert-medium, .grid-space-line-at-small.gap-bottom-medium, .grid-row-space-line-at-small.gap-medium, .grid-row-space-line-at-small.gap-vert-medium, .grid-row-space-line-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-small.gap-large, .grid-space-line-at-small.gap-vert-large, .grid-space-line-at-small.gap-bottom-large, .grid-row-space-line-at-small.gap-large, .grid-row-space-line-at-small.gap-vert-large, .grid-row-space-line-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-small.gap-xl, .grid-space-line-at-small.gap-vert-xl, .grid-space-line-at-small.gap-bottom-xl, .grid-row-space-line-at-small.gap-xl, .grid-row-space-line-at-small.gap-vert-xl, .grid-row-space-line-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-small.gap-xxl, .grid-space-line-at-small.gap-vert-xxl, .grid-space-line-at-small.gap-bottom-xxl, .grid-row-space-line-at-small.gap-xxl, .grid-row-space-line-at-small.gap-vert-xxl, .grid-row-space-line-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-small.gap-none, .grid-space-line-at-small.gap-vert-none, .grid-space-line-at-small.gap-bottom-none, .grid-row-space-line-at-small.gap-none, .grid-row-space-line-at-small.gap-vert-none, .grid-row-space-line-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-small, .grid-col-space-small-at-small { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-small > *, .grid-col-space-small-at-small > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-small, .grid-row-space-small-at-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-small > *, .grid-row-space-small-at-small > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-small.gap-base, .grid-space-small-at-small.gap-vert-base, .grid-space-small-at-small.gap-bottom-base, .grid-row-space-small-at-small.gap-base, .grid-row-space-small-at-small.gap-vert-base, .grid-row-space-small-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-small.gap-line, .grid-space-small-at-small.gap-vert-line, .grid-space-small-at-small.gap-bottom-line, .grid-row-space-small-at-small.gap-line, .grid-row-space-small-at-small.gap-vert-line, .grid-row-space-small-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-small.gap-small, .grid-space-small-at-small.gap-vert-small, .grid-space-small-at-small.gap-bottom-small, .grid-row-space-small-at-small.gap-small, .grid-row-space-small-at-small.gap-vert-small, .grid-row-space-small-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-small.gap-medium, .grid-space-small-at-small.gap-vert-medium, .grid-space-small-at-small.gap-bottom-medium, .grid-row-space-small-at-small.gap-medium, .grid-row-space-small-at-small.gap-vert-medium, .grid-row-space-small-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-small.gap-large, .grid-space-small-at-small.gap-vert-large, .grid-space-small-at-small.gap-bottom-large, .grid-row-space-small-at-small.gap-large, .grid-row-space-small-at-small.gap-vert-large, .grid-row-space-small-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-small.gap-xl, .grid-space-small-at-small.gap-vert-xl, .grid-space-small-at-small.gap-bottom-xl, .grid-row-space-small-at-small.gap-xl, .grid-row-space-small-at-small.gap-vert-xl, .grid-row-space-small-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-small.gap-xxl, .grid-space-small-at-small.gap-vert-xxl, .grid-space-small-at-small.gap-bottom-xxl, .grid-row-space-small-at-small.gap-xxl, .grid-row-space-small-at-small.gap-vert-xxl, .grid-row-space-small-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-small.gap-none, .grid-space-small-at-small.gap-vert-none, .grid-space-small-at-small.gap-bottom-none, .grid-row-space-small-at-small.gap-none, .grid-row-space-small-at-small.gap-vert-none, .grid-row-space-small-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-small, .grid-col-space-medium-at-small { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-small > *, .grid-col-space-medium-at-small > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-small, .grid-row-space-medium-at-small { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-small > *, .grid-row-space-medium-at-small > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-small.gap-base, .grid-space-medium-at-small.gap-vert-base, .grid-space-medium-at-small.gap-bottom-base, .grid-row-space-medium-at-small.gap-base, .grid-row-space-medium-at-small.gap-vert-base, .grid-row-space-medium-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-line, .grid-space-medium-at-small.gap-vert-line, .grid-space-medium-at-small.gap-bottom-line, .grid-row-space-medium-at-small.gap-line, .grid-row-space-medium-at-small.gap-vert-line, .grid-row-space-medium-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-small, .grid-space-medium-at-small.gap-vert-small, .grid-space-medium-at-small.gap-bottom-small, .grid-row-space-medium-at-small.gap-small, .grid-row-space-medium-at-small.gap-vert-small, .grid-row-space-medium-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-medium, .grid-space-medium-at-small.gap-vert-medium, .grid-space-medium-at-small.gap-bottom-medium, .grid-row-space-medium-at-small.gap-medium, .grid-row-space-medium-at-small.gap-vert-medium, .grid-row-space-medium-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-large, .grid-space-medium-at-small.gap-vert-large, .grid-space-medium-at-small.gap-bottom-large, .grid-row-space-medium-at-small.gap-large, .grid-row-space-medium-at-small.gap-vert-large, .grid-row-space-medium-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-xl, .grid-space-medium-at-small.gap-vert-xl, .grid-space-medium-at-small.gap-bottom-xl, .grid-row-space-medium-at-small.gap-xl, .grid-row-space-medium-at-small.gap-vert-xl, .grid-row-space-medium-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-xxl, .grid-space-medium-at-small.gap-vert-xxl, .grid-space-medium-at-small.gap-bottom-xxl, .grid-row-space-medium-at-small.gap-xxl, .grid-row-space-medium-at-small.gap-vert-xxl, .grid-row-space-medium-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-none, .grid-space-medium-at-small.gap-vert-none, .grid-space-medium-at-small.gap-bottom-none, .grid-row-space-medium-at-small.gap-none, .grid-row-space-medium-at-small.gap-vert-none, .grid-row-space-medium-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-small, .grid-col-space-large-at-small { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-small > *, .grid-col-space-large-at-small > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-small, .grid-row-space-large-at-small { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-small > *, .grid-row-space-large-at-small > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-small.gap-base, .grid-space-large-at-small.gap-vert-base, .grid-space-large-at-small.gap-bottom-base, .grid-row-space-large-at-small.gap-base, .grid-row-space-large-at-small.gap-vert-base, .grid-row-space-large-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-small.gap-line, .grid-space-large-at-small.gap-vert-line, .grid-space-large-at-small.gap-bottom-line, .grid-row-space-large-at-small.gap-line, .grid-row-space-large-at-small.gap-vert-line, .grid-row-space-large-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-small.gap-small, .grid-space-large-at-small.gap-vert-small, .grid-space-large-at-small.gap-bottom-small, .grid-row-space-large-at-small.gap-small, .grid-row-space-large-at-small.gap-vert-small, .grid-row-space-large-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-small.gap-medium, .grid-space-large-at-small.gap-vert-medium, .grid-space-large-at-small.gap-bottom-medium, .grid-row-space-large-at-small.gap-medium, .grid-row-space-large-at-small.gap-vert-medium, .grid-row-space-large-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-small.gap-large, .grid-space-large-at-small.gap-vert-large, .grid-space-large-at-small.gap-bottom-large, .grid-row-space-large-at-small.gap-large, .grid-row-space-large-at-small.gap-vert-large, .grid-row-space-large-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-small.gap-xl, .grid-space-large-at-small.gap-vert-xl, .grid-space-large-at-small.gap-bottom-xl, .grid-row-space-large-at-small.gap-xl, .grid-row-space-large-at-small.gap-vert-xl, .grid-row-space-large-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-small.gap-xxl, .grid-space-large-at-small.gap-vert-xxl, .grid-space-large-at-small.gap-bottom-xxl, .grid-row-space-large-at-small.gap-xxl, .grid-row-space-large-at-small.gap-vert-xxl, .grid-row-space-large-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-small.gap-none, .grid-space-large-at-small.gap-vert-none, .grid-space-large-at-small.gap-bottom-none, .grid-row-space-large-at-small.gap-none, .grid-row-space-large-at-small.gap-vert-none, .grid-row-space-large-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-small, .grid-col-space-xl-at-small { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-small > *, .grid-col-space-xl-at-small > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-small, .grid-row-space-xl-at-small { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-small > *, .grid-row-space-xl-at-small > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-small.gap-base, .grid-space-xl-at-small.gap-vert-base, .grid-space-xl-at-small.gap-bottom-base, .grid-row-space-xl-at-small.gap-base, .grid-row-space-xl-at-small.gap-vert-base, .grid-row-space-xl-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-line, .grid-space-xl-at-small.gap-vert-line, .grid-space-xl-at-small.gap-bottom-line, .grid-row-space-xl-at-small.gap-line, .grid-row-space-xl-at-small.gap-vert-line, .grid-row-space-xl-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-small, .grid-space-xl-at-small.gap-vert-small, .grid-space-xl-at-small.gap-bottom-small, .grid-row-space-xl-at-small.gap-small, .grid-row-space-xl-at-small.gap-vert-small, .grid-row-space-xl-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-medium, .grid-space-xl-at-small.gap-vert-medium, .grid-space-xl-at-small.gap-bottom-medium, .grid-row-space-xl-at-small.gap-medium, .grid-row-space-xl-at-small.gap-vert-medium, .grid-row-space-xl-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-large, .grid-space-xl-at-small.gap-vert-large, .grid-space-xl-at-small.gap-bottom-large, .grid-row-space-xl-at-small.gap-large, .grid-row-space-xl-at-small.gap-vert-large, .grid-row-space-xl-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-xl, .grid-space-xl-at-small.gap-vert-xl, .grid-space-xl-at-small.gap-bottom-xl, .grid-row-space-xl-at-small.gap-xl, .grid-row-space-xl-at-small.gap-vert-xl, .grid-row-space-xl-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-xxl, .grid-space-xl-at-small.gap-vert-xxl, .grid-space-xl-at-small.gap-bottom-xxl, .grid-row-space-xl-at-small.gap-xxl, .grid-row-space-xl-at-small.gap-vert-xxl, .grid-row-space-xl-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-none, .grid-space-xl-at-small.gap-vert-none, .grid-space-xl-at-small.gap-bottom-none, .grid-row-space-xl-at-small.gap-none, .grid-row-space-xl-at-small.gap-vert-none, .grid-row-space-xl-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-small, .grid-col-space-xxl-at-small { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-small > *, .grid-col-space-xxl-at-small > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-small, .grid-row-space-xxl-at-small { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-small > *, .grid-row-space-xxl-at-small > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-small.gap-base, .grid-space-xxl-at-small.gap-vert-base, .grid-space-xxl-at-small.gap-bottom-base, .grid-row-space-xxl-at-small.gap-base, .grid-row-space-xxl-at-small.gap-vert-base, .grid-row-space-xxl-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-line, .grid-space-xxl-at-small.gap-vert-line, .grid-space-xxl-at-small.gap-bottom-line, .grid-row-space-xxl-at-small.gap-line, .grid-row-space-xxl-at-small.gap-vert-line, .grid-row-space-xxl-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-small, .grid-space-xxl-at-small.gap-vert-small, .grid-space-xxl-at-small.gap-bottom-small, .grid-row-space-xxl-at-small.gap-small, .grid-row-space-xxl-at-small.gap-vert-small, .grid-row-space-xxl-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-medium, .grid-space-xxl-at-small.gap-vert-medium, .grid-space-xxl-at-small.gap-bottom-medium, .grid-row-space-xxl-at-small.gap-medium, .grid-row-space-xxl-at-small.gap-vert-medium, .grid-row-space-xxl-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-large, .grid-space-xxl-at-small.gap-vert-large, .grid-space-xxl-at-small.gap-bottom-large, .grid-row-space-xxl-at-small.gap-large, .grid-row-space-xxl-at-small.gap-vert-large, .grid-row-space-xxl-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-xl, .grid-space-xxl-at-small.gap-vert-xl, .grid-space-xxl-at-small.gap-bottom-xl, .grid-row-space-xxl-at-small.gap-xl, .grid-row-space-xxl-at-small.gap-vert-xl, .grid-row-space-xxl-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-xxl, .grid-space-xxl-at-small.gap-vert-xxl, .grid-space-xxl-at-small.gap-bottom-xxl, .grid-row-space-xxl-at-small.gap-xxl, .grid-row-space-xxl-at-small.gap-vert-xxl, .grid-row-space-xxl-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-none, .grid-space-xxl-at-small.gap-vert-none, .grid-space-xxl-at-small.gap-bottom-none, .grid-row-space-xxl-at-small.gap-none, .grid-row-space-xxl-at-small.gap-vert-none, .grid-row-space-xxl-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-small, .grid-col-space-none-at-small { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-small > *, .grid-col-space-none-at-small > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-small, .grid-row-space-none-at-small { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-small > *, .grid-row-space-none-at-small > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-small.gap-base, .grid-space-none-at-small.gap-vert-base, .grid-space-none-at-small.gap-bottom-base, .grid-row-space-none-at-small.gap-base, .grid-row-space-none-at-small.gap-vert-base, .grid-row-space-none-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-small.gap-line, .grid-space-none-at-small.gap-vert-line, .grid-space-none-at-small.gap-bottom-line, .grid-row-space-none-at-small.gap-line, .grid-row-space-none-at-small.gap-vert-line, .grid-row-space-none-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-small.gap-small, .grid-space-none-at-small.gap-vert-small, .grid-space-none-at-small.gap-bottom-small, .grid-row-space-none-at-small.gap-small, .grid-row-space-none-at-small.gap-vert-small, .grid-row-space-none-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-small.gap-medium, .grid-space-none-at-small.gap-vert-medium, .grid-space-none-at-small.gap-bottom-medium, .grid-row-space-none-at-small.gap-medium, .grid-row-space-none-at-small.gap-vert-medium, .grid-row-space-none-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-small.gap-large, .grid-space-none-at-small.gap-vert-large, .grid-space-none-at-small.gap-bottom-large, .grid-row-space-none-at-small.gap-large, .grid-row-space-none-at-small.gap-vert-large, .grid-row-space-none-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-small.gap-xl, .grid-space-none-at-small.gap-vert-xl, .grid-space-none-at-small.gap-bottom-xl, .grid-row-space-none-at-small.gap-xl, .grid-row-space-none-at-small.gap-vert-xl, .grid-row-space-none-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-small.gap-xxl, .grid-space-none-at-small.gap-vert-xxl, .grid-space-none-at-small.gap-bottom-xxl, .grid-row-space-none-at-small.gap-xxl, .grid-row-space-none-at-small.gap-vert-xxl, .grid-row-space-none-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-small.gap-none, .grid-space-none-at-small.gap-vert-none, .grid-space-none-at-small.gap-bottom-none, .grid-row-space-none-at-small.gap-none, .grid-row-space-none-at-small.gap-vert-none, .grid-row-space-none-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-small, .flex-align-left-at-small { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-small, .flex-align-center-at-small { display: flex !important; justify-content: center !important; } .grid-align-right-at-small, .flex-align-right-at-small { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-small, .flex-align-justify-at-small { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-small, .flex-valign-top-at-small { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-small, .flex-valign-middle-at-small { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-small, .flex-valign-bottom-at-small { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-small, .flex-valign-justify-at-small { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } @media (min-width: 1023px) { .grid-auto-at-medium > *, .grid-flex-at-medium > * { width: auto; } .grid-flex-at-medium { display: flex; flex-wrap: nowrap; } .grid-flex-at-medium > * { flex: 0 1 auto; } .grid-1-at-medium { flex-wrap: wrap; } .grid-1-at-medium > * { width: 100%; } .grid-2-at-medium { flex-wrap: wrap; } .grid-2-at-medium > * { width: 50%; } .grid-3-at-medium { flex-wrap: wrap; } .grid-3-at-medium > * { width: 33.3333333333%; } .grid-4-at-medium { flex-wrap: wrap; } .grid-4-at-medium > * { width: 25%; } .grid-5-at-medium { flex-wrap: wrap; } .grid-5-at-medium > * { width: 20%; } .grid-space-base-at-medium, .grid-col-space-base-at-medium { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-medium > *, .grid-col-space-base-at-medium > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-medium, .grid-row-space-base-at-medium { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-medium > *, .grid-row-space-base-at-medium > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-medium.gap-base, .grid-space-base-at-medium.gap-vert-base, .grid-space-base-at-medium.gap-bottom-base, .grid-row-space-base-at-medium.gap-base, .grid-row-space-base-at-medium.gap-vert-base, .grid-row-space-base-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-line, .grid-space-base-at-medium.gap-vert-line, .grid-space-base-at-medium.gap-bottom-line, .grid-row-space-base-at-medium.gap-line, .grid-row-space-base-at-medium.gap-vert-line, .grid-row-space-base-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-small, .grid-space-base-at-medium.gap-vert-small, .grid-space-base-at-medium.gap-bottom-small, .grid-row-space-base-at-medium.gap-small, .grid-row-space-base-at-medium.gap-vert-small, .grid-row-space-base-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-medium, .grid-space-base-at-medium.gap-vert-medium, .grid-space-base-at-medium.gap-bottom-medium, .grid-row-space-base-at-medium.gap-medium, .grid-row-space-base-at-medium.gap-vert-medium, .grid-row-space-base-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-large, .grid-space-base-at-medium.gap-vert-large, .grid-space-base-at-medium.gap-bottom-large, .grid-row-space-base-at-medium.gap-large, .grid-row-space-base-at-medium.gap-vert-large, .grid-row-space-base-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-xl, .grid-space-base-at-medium.gap-vert-xl, .grid-space-base-at-medium.gap-bottom-xl, .grid-row-space-base-at-medium.gap-xl, .grid-row-space-base-at-medium.gap-vert-xl, .grid-row-space-base-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-xxl, .grid-space-base-at-medium.gap-vert-xxl, .grid-space-base-at-medium.gap-bottom-xxl, .grid-row-space-base-at-medium.gap-xxl, .grid-row-space-base-at-medium.gap-vert-xxl, .grid-row-space-base-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-none, .grid-space-base-at-medium.gap-vert-none, .grid-space-base-at-medium.gap-bottom-none, .grid-row-space-base-at-medium.gap-none, .grid-row-space-base-at-medium.gap-vert-none, .grid-row-space-base-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-medium, .grid-col-space-line-at-medium { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-medium > *, .grid-col-space-line-at-medium > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-medium, .grid-row-space-line-at-medium { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-medium > *, .grid-row-space-line-at-medium > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-medium.gap-base, .grid-space-line-at-medium.gap-vert-base, .grid-space-line-at-medium.gap-bottom-base, .grid-row-space-line-at-medium.gap-base, .grid-row-space-line-at-medium.gap-vert-base, .grid-row-space-line-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-line, .grid-space-line-at-medium.gap-vert-line, .grid-space-line-at-medium.gap-bottom-line, .grid-row-space-line-at-medium.gap-line, .grid-row-space-line-at-medium.gap-vert-line, .grid-row-space-line-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-small, .grid-space-line-at-medium.gap-vert-small, .grid-space-line-at-medium.gap-bottom-small, .grid-row-space-line-at-medium.gap-small, .grid-row-space-line-at-medium.gap-vert-small, .grid-row-space-line-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-medium, .grid-space-line-at-medium.gap-vert-medium, .grid-space-line-at-medium.gap-bottom-medium, .grid-row-space-line-at-medium.gap-medium, .grid-row-space-line-at-medium.gap-vert-medium, .grid-row-space-line-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-large, .grid-space-line-at-medium.gap-vert-large, .grid-space-line-at-medium.gap-bottom-large, .grid-row-space-line-at-medium.gap-large, .grid-row-space-line-at-medium.gap-vert-large, .grid-row-space-line-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-xl, .grid-space-line-at-medium.gap-vert-xl, .grid-space-line-at-medium.gap-bottom-xl, .grid-row-space-line-at-medium.gap-xl, .grid-row-space-line-at-medium.gap-vert-xl, .grid-row-space-line-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-xxl, .grid-space-line-at-medium.gap-vert-xxl, .grid-space-line-at-medium.gap-bottom-xxl, .grid-row-space-line-at-medium.gap-xxl, .grid-row-space-line-at-medium.gap-vert-xxl, .grid-row-space-line-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-none, .grid-space-line-at-medium.gap-vert-none, .grid-space-line-at-medium.gap-bottom-none, .grid-row-space-line-at-medium.gap-none, .grid-row-space-line-at-medium.gap-vert-none, .grid-row-space-line-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-medium, .grid-col-space-small-at-medium { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-medium > *, .grid-col-space-small-at-medium > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-medium, .grid-row-space-small-at-medium { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-medium > *, .grid-row-space-small-at-medium > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-medium.gap-base, .grid-space-small-at-medium.gap-vert-base, .grid-space-small-at-medium.gap-bottom-base, .grid-row-space-small-at-medium.gap-base, .grid-row-space-small-at-medium.gap-vert-base, .grid-row-space-small-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-line, .grid-space-small-at-medium.gap-vert-line, .grid-space-small-at-medium.gap-bottom-line, .grid-row-space-small-at-medium.gap-line, .grid-row-space-small-at-medium.gap-vert-line, .grid-row-space-small-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-small, .grid-space-small-at-medium.gap-vert-small, .grid-space-small-at-medium.gap-bottom-small, .grid-row-space-small-at-medium.gap-small, .grid-row-space-small-at-medium.gap-vert-small, .grid-row-space-small-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-medium, .grid-space-small-at-medium.gap-vert-medium, .grid-space-small-at-medium.gap-bottom-medium, .grid-row-space-small-at-medium.gap-medium, .grid-row-space-small-at-medium.gap-vert-medium, .grid-row-space-small-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-large, .grid-space-small-at-medium.gap-vert-large, .grid-space-small-at-medium.gap-bottom-large, .grid-row-space-small-at-medium.gap-large, .grid-row-space-small-at-medium.gap-vert-large, .grid-row-space-small-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-xl, .grid-space-small-at-medium.gap-vert-xl, .grid-space-small-at-medium.gap-bottom-xl, .grid-row-space-small-at-medium.gap-xl, .grid-row-space-small-at-medium.gap-vert-xl, .grid-row-space-small-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-xxl, .grid-space-small-at-medium.gap-vert-xxl, .grid-space-small-at-medium.gap-bottom-xxl, .grid-row-space-small-at-medium.gap-xxl, .grid-row-space-small-at-medium.gap-vert-xxl, .grid-row-space-small-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-none, .grid-space-small-at-medium.gap-vert-none, .grid-space-small-at-medium.gap-bottom-none, .grid-row-space-small-at-medium.gap-none, .grid-row-space-small-at-medium.gap-vert-none, .grid-row-space-small-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-medium, .grid-col-space-medium-at-medium { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-medium > *, .grid-col-space-medium-at-medium > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-medium, .grid-row-space-medium-at-medium { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-medium > *, .grid-row-space-medium-at-medium > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-medium.gap-base, .grid-space-medium-at-medium.gap-vert-base, .grid-space-medium-at-medium.gap-bottom-base, .grid-row-space-medium-at-medium.gap-base, .grid-row-space-medium-at-medium.gap-vert-base, .grid-row-space-medium-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-line, .grid-space-medium-at-medium.gap-vert-line, .grid-space-medium-at-medium.gap-bottom-line, .grid-row-space-medium-at-medium.gap-line, .grid-row-space-medium-at-medium.gap-vert-line, .grid-row-space-medium-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-small, .grid-space-medium-at-medium.gap-vert-small, .grid-space-medium-at-medium.gap-bottom-small, .grid-row-space-medium-at-medium.gap-small, .grid-row-space-medium-at-medium.gap-vert-small, .grid-row-space-medium-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-medium, .grid-space-medium-at-medium.gap-vert-medium, .grid-space-medium-at-medium.gap-bottom-medium, .grid-row-space-medium-at-medium.gap-medium, .grid-row-space-medium-at-medium.gap-vert-medium, .grid-row-space-medium-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-large, .grid-space-medium-at-medium.gap-vert-large, .grid-space-medium-at-medium.gap-bottom-large, .grid-row-space-medium-at-medium.gap-large, .grid-row-space-medium-at-medium.gap-vert-large, .grid-row-space-medium-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-xl, .grid-space-medium-at-medium.gap-vert-xl, .grid-space-medium-at-medium.gap-bottom-xl, .grid-row-space-medium-at-medium.gap-xl, .grid-row-space-medium-at-medium.gap-vert-xl, .grid-row-space-medium-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-xxl, .grid-space-medium-at-medium.gap-vert-xxl, .grid-space-medium-at-medium.gap-bottom-xxl, .grid-row-space-medium-at-medium.gap-xxl, .grid-row-space-medium-at-medium.gap-vert-xxl, .grid-row-space-medium-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-none, .grid-space-medium-at-medium.gap-vert-none, .grid-space-medium-at-medium.gap-bottom-none, .grid-row-space-medium-at-medium.gap-none, .grid-row-space-medium-at-medium.gap-vert-none, .grid-row-space-medium-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-medium, .grid-col-space-large-at-medium { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-medium > *, .grid-col-space-large-at-medium > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-medium, .grid-row-space-large-at-medium { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-medium > *, .grid-row-space-large-at-medium > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-medium.gap-base, .grid-space-large-at-medium.gap-vert-base, .grid-space-large-at-medium.gap-bottom-base, .grid-row-space-large-at-medium.gap-base, .grid-row-space-large-at-medium.gap-vert-base, .grid-row-space-large-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-line, .grid-space-large-at-medium.gap-vert-line, .grid-space-large-at-medium.gap-bottom-line, .grid-row-space-large-at-medium.gap-line, .grid-row-space-large-at-medium.gap-vert-line, .grid-row-space-large-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-small, .grid-space-large-at-medium.gap-vert-small, .grid-space-large-at-medium.gap-bottom-small, .grid-row-space-large-at-medium.gap-small, .grid-row-space-large-at-medium.gap-vert-small, .grid-row-space-large-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-medium, .grid-space-large-at-medium.gap-vert-medium, .grid-space-large-at-medium.gap-bottom-medium, .grid-row-space-large-at-medium.gap-medium, .grid-row-space-large-at-medium.gap-vert-medium, .grid-row-space-large-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-large, .grid-space-large-at-medium.gap-vert-large, .grid-space-large-at-medium.gap-bottom-large, .grid-row-space-large-at-medium.gap-large, .grid-row-space-large-at-medium.gap-vert-large, .grid-row-space-large-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-xl, .grid-space-large-at-medium.gap-vert-xl, .grid-space-large-at-medium.gap-bottom-xl, .grid-row-space-large-at-medium.gap-xl, .grid-row-space-large-at-medium.gap-vert-xl, .grid-row-space-large-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-xxl, .grid-space-large-at-medium.gap-vert-xxl, .grid-space-large-at-medium.gap-bottom-xxl, .grid-row-space-large-at-medium.gap-xxl, .grid-row-space-large-at-medium.gap-vert-xxl, .grid-row-space-large-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-none, .grid-space-large-at-medium.gap-vert-none, .grid-space-large-at-medium.gap-bottom-none, .grid-row-space-large-at-medium.gap-none, .grid-row-space-large-at-medium.gap-vert-none, .grid-row-space-large-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-medium, .grid-col-space-xl-at-medium { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-medium > *, .grid-col-space-xl-at-medium > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-medium, .grid-row-space-xl-at-medium { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-medium > *, .grid-row-space-xl-at-medium > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-medium.gap-base, .grid-space-xl-at-medium.gap-vert-base, .grid-space-xl-at-medium.gap-bottom-base, .grid-row-space-xl-at-medium.gap-base, .grid-row-space-xl-at-medium.gap-vert-base, .grid-row-space-xl-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-line, .grid-space-xl-at-medium.gap-vert-line, .grid-space-xl-at-medium.gap-bottom-line, .grid-row-space-xl-at-medium.gap-line, .grid-row-space-xl-at-medium.gap-vert-line, .grid-row-space-xl-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-small, .grid-space-xl-at-medium.gap-vert-small, .grid-space-xl-at-medium.gap-bottom-small, .grid-row-space-xl-at-medium.gap-small, .grid-row-space-xl-at-medium.gap-vert-small, .grid-row-space-xl-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-medium, .grid-space-xl-at-medium.gap-vert-medium, .grid-space-xl-at-medium.gap-bottom-medium, .grid-row-space-xl-at-medium.gap-medium, .grid-row-space-xl-at-medium.gap-vert-medium, .grid-row-space-xl-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-large, .grid-space-xl-at-medium.gap-vert-large, .grid-space-xl-at-medium.gap-bottom-large, .grid-row-space-xl-at-medium.gap-large, .grid-row-space-xl-at-medium.gap-vert-large, .grid-row-space-xl-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-xl, .grid-space-xl-at-medium.gap-vert-xl, .grid-space-xl-at-medium.gap-bottom-xl, .grid-row-space-xl-at-medium.gap-xl, .grid-row-space-xl-at-medium.gap-vert-xl, .grid-row-space-xl-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-xxl, .grid-space-xl-at-medium.gap-vert-xxl, .grid-space-xl-at-medium.gap-bottom-xxl, .grid-row-space-xl-at-medium.gap-xxl, .grid-row-space-xl-at-medium.gap-vert-xxl, .grid-row-space-xl-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-none, .grid-space-xl-at-medium.gap-vert-none, .grid-space-xl-at-medium.gap-bottom-none, .grid-row-space-xl-at-medium.gap-none, .grid-row-space-xl-at-medium.gap-vert-none, .grid-row-space-xl-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-medium, .grid-col-space-xxl-at-medium { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-medium > *, .grid-col-space-xxl-at-medium > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-medium, .grid-row-space-xxl-at-medium { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-medium > *, .grid-row-space-xxl-at-medium > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-medium.gap-base, .grid-space-xxl-at-medium.gap-vert-base, .grid-space-xxl-at-medium.gap-bottom-base, .grid-row-space-xxl-at-medium.gap-base, .grid-row-space-xxl-at-medium.gap-vert-base, .grid-row-space-xxl-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-line, .grid-space-xxl-at-medium.gap-vert-line, .grid-space-xxl-at-medium.gap-bottom-line, .grid-row-space-xxl-at-medium.gap-line, .grid-row-space-xxl-at-medium.gap-vert-line, .grid-row-space-xxl-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-small, .grid-space-xxl-at-medium.gap-vert-small, .grid-space-xxl-at-medium.gap-bottom-small, .grid-row-space-xxl-at-medium.gap-small, .grid-row-space-xxl-at-medium.gap-vert-small, .grid-row-space-xxl-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-medium, .grid-space-xxl-at-medium.gap-vert-medium, .grid-space-xxl-at-medium.gap-bottom-medium, .grid-row-space-xxl-at-medium.gap-medium, .grid-row-space-xxl-at-medium.gap-vert-medium, .grid-row-space-xxl-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-large, .grid-space-xxl-at-medium.gap-vert-large, .grid-space-xxl-at-medium.gap-bottom-large, .grid-row-space-xxl-at-medium.gap-large, .grid-row-space-xxl-at-medium.gap-vert-large, .grid-row-space-xxl-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-xl, .grid-space-xxl-at-medium.gap-vert-xl, .grid-space-xxl-at-medium.gap-bottom-xl, .grid-row-space-xxl-at-medium.gap-xl, .grid-row-space-xxl-at-medium.gap-vert-xl, .grid-row-space-xxl-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-xxl, .grid-space-xxl-at-medium.gap-vert-xxl, .grid-space-xxl-at-medium.gap-bottom-xxl, .grid-row-space-xxl-at-medium.gap-xxl, .grid-row-space-xxl-at-medium.gap-vert-xxl, .grid-row-space-xxl-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-none, .grid-space-xxl-at-medium.gap-vert-none, .grid-space-xxl-at-medium.gap-bottom-none, .grid-row-space-xxl-at-medium.gap-none, .grid-row-space-xxl-at-medium.gap-vert-none, .grid-row-space-xxl-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-medium, .grid-col-space-none-at-medium { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-medium > *, .grid-col-space-none-at-medium > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-medium, .grid-row-space-none-at-medium { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-medium > *, .grid-row-space-none-at-medium > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-medium.gap-base, .grid-space-none-at-medium.gap-vert-base, .grid-space-none-at-medium.gap-bottom-base, .grid-row-space-none-at-medium.gap-base, .grid-row-space-none-at-medium.gap-vert-base, .grid-row-space-none-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-line, .grid-space-none-at-medium.gap-vert-line, .grid-space-none-at-medium.gap-bottom-line, .grid-row-space-none-at-medium.gap-line, .grid-row-space-none-at-medium.gap-vert-line, .grid-row-space-none-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-small, .grid-space-none-at-medium.gap-vert-small, .grid-space-none-at-medium.gap-bottom-small, .grid-row-space-none-at-medium.gap-small, .grid-row-space-none-at-medium.gap-vert-small, .grid-row-space-none-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-medium, .grid-space-none-at-medium.gap-vert-medium, .grid-space-none-at-medium.gap-bottom-medium, .grid-row-space-none-at-medium.gap-medium, .grid-row-space-none-at-medium.gap-vert-medium, .grid-row-space-none-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-large, .grid-space-none-at-medium.gap-vert-large, .grid-space-none-at-medium.gap-bottom-large, .grid-row-space-none-at-medium.gap-large, .grid-row-space-none-at-medium.gap-vert-large, .grid-row-space-none-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-xl, .grid-space-none-at-medium.gap-vert-xl, .grid-space-none-at-medium.gap-bottom-xl, .grid-row-space-none-at-medium.gap-xl, .grid-row-space-none-at-medium.gap-vert-xl, .grid-row-space-none-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-xxl, .grid-space-none-at-medium.gap-vert-xxl, .grid-space-none-at-medium.gap-bottom-xxl, .grid-row-space-none-at-medium.gap-xxl, .grid-row-space-none-at-medium.gap-vert-xxl, .grid-row-space-none-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-none, .grid-space-none-at-medium.gap-vert-none, .grid-space-none-at-medium.gap-bottom-none, .grid-row-space-none-at-medium.gap-none, .grid-row-space-none-at-medium.gap-vert-none, .grid-row-space-none-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-medium, .flex-align-left-at-medium { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-medium, .flex-align-center-at-medium { display: flex !important; justify-content: center !important; } .grid-align-right-at-medium, .flex-align-right-at-medium { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-medium, .flex-align-justify-at-medium { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-medium, .flex-valign-top-at-medium { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-medium, .flex-valign-middle-at-medium { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-medium, .flex-valign-bottom-at-medium { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-medium, .flex-valign-justify-at-medium { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } @media (min-width: 1240px) { .grid-auto-at-large > *, .grid-flex-at-large > * { width: auto; } .grid-flex-at-large { display: flex; flex-wrap: nowrap; } .grid-flex-at-large > * { flex: 0 1 auto; } .grid-1-at-large { flex-wrap: wrap; } .grid-1-at-large > * { width: 100%; } .grid-2-at-large { flex-wrap: wrap; } .grid-2-at-large > * { width: 50%; } .grid-3-at-large { flex-wrap: wrap; } .grid-3-at-large > * { width: 33.3333333333%; } .grid-4-at-large { flex-wrap: wrap; } .grid-4-at-large > * { width: 25%; } .grid-5-at-large { flex-wrap: wrap; } .grid-5-at-large > * { width: 20%; } .grid-space-base-at-large, .grid-col-space-base-at-large { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-large > *, .grid-col-space-base-at-large > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-large, .grid-row-space-base-at-large { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-large > *, .grid-row-space-base-at-large > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-large.gap-base, .grid-space-base-at-large.gap-vert-base, .grid-space-base-at-large.gap-bottom-base, .grid-row-space-base-at-large.gap-base, .grid-row-space-base-at-large.gap-vert-base, .grid-row-space-base-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-large.gap-line, .grid-space-base-at-large.gap-vert-line, .grid-space-base-at-large.gap-bottom-line, .grid-row-space-base-at-large.gap-line, .grid-row-space-base-at-large.gap-vert-line, .grid-row-space-base-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-large.gap-small, .grid-space-base-at-large.gap-vert-small, .grid-space-base-at-large.gap-bottom-small, .grid-row-space-base-at-large.gap-small, .grid-row-space-base-at-large.gap-vert-small, .grid-row-space-base-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-large.gap-medium, .grid-space-base-at-large.gap-vert-medium, .grid-space-base-at-large.gap-bottom-medium, .grid-row-space-base-at-large.gap-medium, .grid-row-space-base-at-large.gap-vert-medium, .grid-row-space-base-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-large.gap-large, .grid-space-base-at-large.gap-vert-large, .grid-space-base-at-large.gap-bottom-large, .grid-row-space-base-at-large.gap-large, .grid-row-space-base-at-large.gap-vert-large, .grid-row-space-base-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-large.gap-xl, .grid-space-base-at-large.gap-vert-xl, .grid-space-base-at-large.gap-bottom-xl, .grid-row-space-base-at-large.gap-xl, .grid-row-space-base-at-large.gap-vert-xl, .grid-row-space-base-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-large.gap-xxl, .grid-space-base-at-large.gap-vert-xxl, .grid-space-base-at-large.gap-bottom-xxl, .grid-row-space-base-at-large.gap-xxl, .grid-row-space-base-at-large.gap-vert-xxl, .grid-row-space-base-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-large.gap-none, .grid-space-base-at-large.gap-vert-none, .grid-space-base-at-large.gap-bottom-none, .grid-row-space-base-at-large.gap-none, .grid-row-space-base-at-large.gap-vert-none, .grid-row-space-base-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-large, .grid-col-space-line-at-large { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-large > *, .grid-col-space-line-at-large > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-large, .grid-row-space-line-at-large { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-large > *, .grid-row-space-line-at-large > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-large.gap-base, .grid-space-line-at-large.gap-vert-base, .grid-space-line-at-large.gap-bottom-base, .grid-row-space-line-at-large.gap-base, .grid-row-space-line-at-large.gap-vert-base, .grid-row-space-line-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-large.gap-line, .grid-space-line-at-large.gap-vert-line, .grid-space-line-at-large.gap-bottom-line, .grid-row-space-line-at-large.gap-line, .grid-row-space-line-at-large.gap-vert-line, .grid-row-space-line-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-large.gap-small, .grid-space-line-at-large.gap-vert-small, .grid-space-line-at-large.gap-bottom-small, .grid-row-space-line-at-large.gap-small, .grid-row-space-line-at-large.gap-vert-small, .grid-row-space-line-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-large.gap-medium, .grid-space-line-at-large.gap-vert-medium, .grid-space-line-at-large.gap-bottom-medium, .grid-row-space-line-at-large.gap-medium, .grid-row-space-line-at-large.gap-vert-medium, .grid-row-space-line-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-large.gap-large, .grid-space-line-at-large.gap-vert-large, .grid-space-line-at-large.gap-bottom-large, .grid-row-space-line-at-large.gap-large, .grid-row-space-line-at-large.gap-vert-large, .grid-row-space-line-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-large.gap-xl, .grid-space-line-at-large.gap-vert-xl, .grid-space-line-at-large.gap-bottom-xl, .grid-row-space-line-at-large.gap-xl, .grid-row-space-line-at-large.gap-vert-xl, .grid-row-space-line-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-large.gap-xxl, .grid-space-line-at-large.gap-vert-xxl, .grid-space-line-at-large.gap-bottom-xxl, .grid-row-space-line-at-large.gap-xxl, .grid-row-space-line-at-large.gap-vert-xxl, .grid-row-space-line-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-large.gap-none, .grid-space-line-at-large.gap-vert-none, .grid-space-line-at-large.gap-bottom-none, .grid-row-space-line-at-large.gap-none, .grid-row-space-line-at-large.gap-vert-none, .grid-row-space-line-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-large, .grid-col-space-small-at-large { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-large > *, .grid-col-space-small-at-large > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-large, .grid-row-space-small-at-large { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-large > *, .grid-row-space-small-at-large > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-large.gap-base, .grid-space-small-at-large.gap-vert-base, .grid-space-small-at-large.gap-bottom-base, .grid-row-space-small-at-large.gap-base, .grid-row-space-small-at-large.gap-vert-base, .grid-row-space-small-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-large.gap-line, .grid-space-small-at-large.gap-vert-line, .grid-space-small-at-large.gap-bottom-line, .grid-row-space-small-at-large.gap-line, .grid-row-space-small-at-large.gap-vert-line, .grid-row-space-small-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-large.gap-small, .grid-space-small-at-large.gap-vert-small, .grid-space-small-at-large.gap-bottom-small, .grid-row-space-small-at-large.gap-small, .grid-row-space-small-at-large.gap-vert-small, .grid-row-space-small-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-large.gap-medium, .grid-space-small-at-large.gap-vert-medium, .grid-space-small-at-large.gap-bottom-medium, .grid-row-space-small-at-large.gap-medium, .grid-row-space-small-at-large.gap-vert-medium, .grid-row-space-small-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-large.gap-large, .grid-space-small-at-large.gap-vert-large, .grid-space-small-at-large.gap-bottom-large, .grid-row-space-small-at-large.gap-large, .grid-row-space-small-at-large.gap-vert-large, .grid-row-space-small-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-large.gap-xl, .grid-space-small-at-large.gap-vert-xl, .grid-space-small-at-large.gap-bottom-xl, .grid-row-space-small-at-large.gap-xl, .grid-row-space-small-at-large.gap-vert-xl, .grid-row-space-small-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-large.gap-xxl, .grid-space-small-at-large.gap-vert-xxl, .grid-space-small-at-large.gap-bottom-xxl, .grid-row-space-small-at-large.gap-xxl, .grid-row-space-small-at-large.gap-vert-xxl, .grid-row-space-small-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-large.gap-none, .grid-space-small-at-large.gap-vert-none, .grid-space-small-at-large.gap-bottom-none, .grid-row-space-small-at-large.gap-none, .grid-row-space-small-at-large.gap-vert-none, .grid-row-space-small-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-large, .grid-col-space-medium-at-large { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-large > *, .grid-col-space-medium-at-large > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-large, .grid-row-space-medium-at-large { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-large > *, .grid-row-space-medium-at-large > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-large.gap-base, .grid-space-medium-at-large.gap-vert-base, .grid-space-medium-at-large.gap-bottom-base, .grid-row-space-medium-at-large.gap-base, .grid-row-space-medium-at-large.gap-vert-base, .grid-row-space-medium-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-line, .grid-space-medium-at-large.gap-vert-line, .grid-space-medium-at-large.gap-bottom-line, .grid-row-space-medium-at-large.gap-line, .grid-row-space-medium-at-large.gap-vert-line, .grid-row-space-medium-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-small, .grid-space-medium-at-large.gap-vert-small, .grid-space-medium-at-large.gap-bottom-small, .grid-row-space-medium-at-large.gap-small, .grid-row-space-medium-at-large.gap-vert-small, .grid-row-space-medium-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-medium, .grid-space-medium-at-large.gap-vert-medium, .grid-space-medium-at-large.gap-bottom-medium, .grid-row-space-medium-at-large.gap-medium, .grid-row-space-medium-at-large.gap-vert-medium, .grid-row-space-medium-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-large, .grid-space-medium-at-large.gap-vert-large, .grid-space-medium-at-large.gap-bottom-large, .grid-row-space-medium-at-large.gap-large, .grid-row-space-medium-at-large.gap-vert-large, .grid-row-space-medium-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-xl, .grid-space-medium-at-large.gap-vert-xl, .grid-space-medium-at-large.gap-bottom-xl, .grid-row-space-medium-at-large.gap-xl, .grid-row-space-medium-at-large.gap-vert-xl, .grid-row-space-medium-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-xxl, .grid-space-medium-at-large.gap-vert-xxl, .grid-space-medium-at-large.gap-bottom-xxl, .grid-row-space-medium-at-large.gap-xxl, .grid-row-space-medium-at-large.gap-vert-xxl, .grid-row-space-medium-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-none, .grid-space-medium-at-large.gap-vert-none, .grid-space-medium-at-large.gap-bottom-none, .grid-row-space-medium-at-large.gap-none, .grid-row-space-medium-at-large.gap-vert-none, .grid-row-space-medium-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-large, .grid-col-space-large-at-large { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-large > *, .grid-col-space-large-at-large > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-large, .grid-row-space-large-at-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-large > *, .grid-row-space-large-at-large > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-large.gap-base, .grid-space-large-at-large.gap-vert-base, .grid-space-large-at-large.gap-bottom-base, .grid-row-space-large-at-large.gap-base, .grid-row-space-large-at-large.gap-vert-base, .grid-row-space-large-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-large.gap-line, .grid-space-large-at-large.gap-vert-line, .grid-space-large-at-large.gap-bottom-line, .grid-row-space-large-at-large.gap-line, .grid-row-space-large-at-large.gap-vert-line, .grid-row-space-large-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-large.gap-small, .grid-space-large-at-large.gap-vert-small, .grid-space-large-at-large.gap-bottom-small, .grid-row-space-large-at-large.gap-small, .grid-row-space-large-at-large.gap-vert-small, .grid-row-space-large-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-large.gap-medium, .grid-space-large-at-large.gap-vert-medium, .grid-space-large-at-large.gap-bottom-medium, .grid-row-space-large-at-large.gap-medium, .grid-row-space-large-at-large.gap-vert-medium, .grid-row-space-large-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-large.gap-large, .grid-space-large-at-large.gap-vert-large, .grid-space-large-at-large.gap-bottom-large, .grid-row-space-large-at-large.gap-large, .grid-row-space-large-at-large.gap-vert-large, .grid-row-space-large-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-large.gap-xl, .grid-space-large-at-large.gap-vert-xl, .grid-space-large-at-large.gap-bottom-xl, .grid-row-space-large-at-large.gap-xl, .grid-row-space-large-at-large.gap-vert-xl, .grid-row-space-large-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-large.gap-xxl, .grid-space-large-at-large.gap-vert-xxl, .grid-space-large-at-large.gap-bottom-xxl, .grid-row-space-large-at-large.gap-xxl, .grid-row-space-large-at-large.gap-vert-xxl, .grid-row-space-large-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-large.gap-none, .grid-space-large-at-large.gap-vert-none, .grid-space-large-at-large.gap-bottom-none, .grid-row-space-large-at-large.gap-none, .grid-row-space-large-at-large.gap-vert-none, .grid-row-space-large-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-large, .grid-col-space-xl-at-large { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-large > *, .grid-col-space-xl-at-large > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-large, .grid-row-space-xl-at-large { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-large > *, .grid-row-space-xl-at-large > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-large.gap-base, .grid-space-xl-at-large.gap-vert-base, .grid-space-xl-at-large.gap-bottom-base, .grid-row-space-xl-at-large.gap-base, .grid-row-space-xl-at-large.gap-vert-base, .grid-row-space-xl-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-line, .grid-space-xl-at-large.gap-vert-line, .grid-space-xl-at-large.gap-bottom-line, .grid-row-space-xl-at-large.gap-line, .grid-row-space-xl-at-large.gap-vert-line, .grid-row-space-xl-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-small, .grid-space-xl-at-large.gap-vert-small, .grid-space-xl-at-large.gap-bottom-small, .grid-row-space-xl-at-large.gap-small, .grid-row-space-xl-at-large.gap-vert-small, .grid-row-space-xl-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-medium, .grid-space-xl-at-large.gap-vert-medium, .grid-space-xl-at-large.gap-bottom-medium, .grid-row-space-xl-at-large.gap-medium, .grid-row-space-xl-at-large.gap-vert-medium, .grid-row-space-xl-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-large, .grid-space-xl-at-large.gap-vert-large, .grid-space-xl-at-large.gap-bottom-large, .grid-row-space-xl-at-large.gap-large, .grid-row-space-xl-at-large.gap-vert-large, .grid-row-space-xl-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-xl, .grid-space-xl-at-large.gap-vert-xl, .grid-space-xl-at-large.gap-bottom-xl, .grid-row-space-xl-at-large.gap-xl, .grid-row-space-xl-at-large.gap-vert-xl, .grid-row-space-xl-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-xxl, .grid-space-xl-at-large.gap-vert-xxl, .grid-space-xl-at-large.gap-bottom-xxl, .grid-row-space-xl-at-large.gap-xxl, .grid-row-space-xl-at-large.gap-vert-xxl, .grid-row-space-xl-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-none, .grid-space-xl-at-large.gap-vert-none, .grid-space-xl-at-large.gap-bottom-none, .grid-row-space-xl-at-large.gap-none, .grid-row-space-xl-at-large.gap-vert-none, .grid-row-space-xl-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-large, .grid-col-space-xxl-at-large { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-large > *, .grid-col-space-xxl-at-large > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-large, .grid-row-space-xxl-at-large { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-large > *, .grid-row-space-xxl-at-large > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-large.gap-base, .grid-space-xxl-at-large.gap-vert-base, .grid-space-xxl-at-large.gap-bottom-base, .grid-row-space-xxl-at-large.gap-base, .grid-row-space-xxl-at-large.gap-vert-base, .grid-row-space-xxl-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-line, .grid-space-xxl-at-large.gap-vert-line, .grid-space-xxl-at-large.gap-bottom-line, .grid-row-space-xxl-at-large.gap-line, .grid-row-space-xxl-at-large.gap-vert-line, .grid-row-space-xxl-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-small, .grid-space-xxl-at-large.gap-vert-small, .grid-space-xxl-at-large.gap-bottom-small, .grid-row-space-xxl-at-large.gap-small, .grid-row-space-xxl-at-large.gap-vert-small, .grid-row-space-xxl-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-medium, .grid-space-xxl-at-large.gap-vert-medium, .grid-space-xxl-at-large.gap-bottom-medium, .grid-row-space-xxl-at-large.gap-medium, .grid-row-space-xxl-at-large.gap-vert-medium, .grid-row-space-xxl-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-large, .grid-space-xxl-at-large.gap-vert-large, .grid-space-xxl-at-large.gap-bottom-large, .grid-row-space-xxl-at-large.gap-large, .grid-row-space-xxl-at-large.gap-vert-large, .grid-row-space-xxl-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-xl, .grid-space-xxl-at-large.gap-vert-xl, .grid-space-xxl-at-large.gap-bottom-xl, .grid-row-space-xxl-at-large.gap-xl, .grid-row-space-xxl-at-large.gap-vert-xl, .grid-row-space-xxl-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-xxl, .grid-space-xxl-at-large.gap-vert-xxl, .grid-space-xxl-at-large.gap-bottom-xxl, .grid-row-space-xxl-at-large.gap-xxl, .grid-row-space-xxl-at-large.gap-vert-xxl, .grid-row-space-xxl-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-none, .grid-space-xxl-at-large.gap-vert-none, .grid-space-xxl-at-large.gap-bottom-none, .grid-row-space-xxl-at-large.gap-none, .grid-row-space-xxl-at-large.gap-vert-none, .grid-row-space-xxl-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-large, .grid-col-space-none-at-large { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-large > *, .grid-col-space-none-at-large > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-large, .grid-row-space-none-at-large { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-large > *, .grid-row-space-none-at-large > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-large.gap-base, .grid-space-none-at-large.gap-vert-base, .grid-space-none-at-large.gap-bottom-base, .grid-row-space-none-at-large.gap-base, .grid-row-space-none-at-large.gap-vert-base, .grid-row-space-none-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-large.gap-line, .grid-space-none-at-large.gap-vert-line, .grid-space-none-at-large.gap-bottom-line, .grid-row-space-none-at-large.gap-line, .grid-row-space-none-at-large.gap-vert-line, .grid-row-space-none-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-large.gap-small, .grid-space-none-at-large.gap-vert-small, .grid-space-none-at-large.gap-bottom-small, .grid-row-space-none-at-large.gap-small, .grid-row-space-none-at-large.gap-vert-small, .grid-row-space-none-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-large.gap-medium, .grid-space-none-at-large.gap-vert-medium, .grid-space-none-at-large.gap-bottom-medium, .grid-row-space-none-at-large.gap-medium, .grid-row-space-none-at-large.gap-vert-medium, .grid-row-space-none-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-large.gap-large, .grid-space-none-at-large.gap-vert-large, .grid-space-none-at-large.gap-bottom-large, .grid-row-space-none-at-large.gap-large, .grid-row-space-none-at-large.gap-vert-large, .grid-row-space-none-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-large.gap-xl, .grid-space-none-at-large.gap-vert-xl, .grid-space-none-at-large.gap-bottom-xl, .grid-row-space-none-at-large.gap-xl, .grid-row-space-none-at-large.gap-vert-xl, .grid-row-space-none-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-large.gap-xxl, .grid-space-none-at-large.gap-vert-xxl, .grid-space-none-at-large.gap-bottom-xxl, .grid-row-space-none-at-large.gap-xxl, .grid-row-space-none-at-large.gap-vert-xxl, .grid-row-space-none-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-large.gap-none, .grid-space-none-at-large.gap-vert-none, .grid-space-none-at-large.gap-bottom-none, .grid-row-space-none-at-large.gap-none, .grid-row-space-none-at-large.gap-vert-none, .grid-row-space-none-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-large, .flex-align-left-at-large { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-large, .flex-align-center-at-large { display: flex !important; justify-content: center !important; } .grid-align-right-at-large, .flex-align-right-at-large { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-large, .flex-align-justify-at-large { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-large, .flex-valign-top-at-large { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-large, .flex-valign-middle-at-large { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-large, .flex-valign-bottom-at-large { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-large, .flex-valign-justify-at-large { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } @media (min-width: 1500px) { .grid-auto-at-extra-large > *, .grid-flex-at-extra-large > * { width: auto; } .grid-flex-at-extra-large { display: flex; flex-wrap: nowrap; } .grid-flex-at-extra-large > * { flex: 0 1 auto; } .grid-1-at-extra-large { flex-wrap: wrap; } .grid-1-at-extra-large > * { width: 100%; } .grid-2-at-extra-large { flex-wrap: wrap; } .grid-2-at-extra-large > * { width: 50%; } .grid-3-at-extra-large { flex-wrap: wrap; } .grid-3-at-extra-large > * { width: 33.3333333333%; } .grid-4-at-extra-large { flex-wrap: wrap; } .grid-4-at-extra-large > * { width: 25%; } .grid-5-at-extra-large { flex-wrap: wrap; } .grid-5-at-extra-large > * { width: 20%; } .grid-space-base-at-extra-large, .grid-col-space-base-at-extra-large { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-extra-large > *, .grid-col-space-base-at-extra-large > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-extra-large, .grid-row-space-base-at-extra-large { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-extra-large > *, .grid-row-space-base-at-extra-large > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-extra-large.gap-base, .grid-space-base-at-extra-large.gap-vert-base, .grid-space-base-at-extra-large.gap-bottom-base, .grid-row-space-base-at-extra-large.gap-base, .grid-row-space-base-at-extra-large.gap-vert-base, .grid-row-space-base-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-line, .grid-space-base-at-extra-large.gap-vert-line, .grid-space-base-at-extra-large.gap-bottom-line, .grid-row-space-base-at-extra-large.gap-line, .grid-row-space-base-at-extra-large.gap-vert-line, .grid-row-space-base-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-small, .grid-space-base-at-extra-large.gap-vert-small, .grid-space-base-at-extra-large.gap-bottom-small, .grid-row-space-base-at-extra-large.gap-small, .grid-row-space-base-at-extra-large.gap-vert-small, .grid-row-space-base-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-medium, .grid-space-base-at-extra-large.gap-vert-medium, .grid-space-base-at-extra-large.gap-bottom-medium, .grid-row-space-base-at-extra-large.gap-medium, .grid-row-space-base-at-extra-large.gap-vert-medium, .grid-row-space-base-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-large, .grid-space-base-at-extra-large.gap-vert-large, .grid-space-base-at-extra-large.gap-bottom-large, .grid-row-space-base-at-extra-large.gap-large, .grid-row-space-base-at-extra-large.gap-vert-large, .grid-row-space-base-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-xl, .grid-space-base-at-extra-large.gap-vert-xl, .grid-space-base-at-extra-large.gap-bottom-xl, .grid-row-space-base-at-extra-large.gap-xl, .grid-row-space-base-at-extra-large.gap-vert-xl, .grid-row-space-base-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-xxl, .grid-space-base-at-extra-large.gap-vert-xxl, .grid-space-base-at-extra-large.gap-bottom-xxl, .grid-row-space-base-at-extra-large.gap-xxl, .grid-row-space-base-at-extra-large.gap-vert-xxl, .grid-row-space-base-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-none, .grid-space-base-at-extra-large.gap-vert-none, .grid-space-base-at-extra-large.gap-bottom-none, .grid-row-space-base-at-extra-large.gap-none, .grid-row-space-base-at-extra-large.gap-vert-none, .grid-row-space-base-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-extra-large, .grid-col-space-line-at-extra-large { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-extra-large > *, .grid-col-space-line-at-extra-large > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-extra-large, .grid-row-space-line-at-extra-large { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-extra-large > *, .grid-row-space-line-at-extra-large > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-extra-large.gap-base, .grid-space-line-at-extra-large.gap-vert-base, .grid-space-line-at-extra-large.gap-bottom-base, .grid-row-space-line-at-extra-large.gap-base, .grid-row-space-line-at-extra-large.gap-vert-base, .grid-row-space-line-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-line, .grid-space-line-at-extra-large.gap-vert-line, .grid-space-line-at-extra-large.gap-bottom-line, .grid-row-space-line-at-extra-large.gap-line, .grid-row-space-line-at-extra-large.gap-vert-line, .grid-row-space-line-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-small, .grid-space-line-at-extra-large.gap-vert-small, .grid-space-line-at-extra-large.gap-bottom-small, .grid-row-space-line-at-extra-large.gap-small, .grid-row-space-line-at-extra-large.gap-vert-small, .grid-row-space-line-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-medium, .grid-space-line-at-extra-large.gap-vert-medium, .grid-space-line-at-extra-large.gap-bottom-medium, .grid-row-space-line-at-extra-large.gap-medium, .grid-row-space-line-at-extra-large.gap-vert-medium, .grid-row-space-line-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-large, .grid-space-line-at-extra-large.gap-vert-large, .grid-space-line-at-extra-large.gap-bottom-large, .grid-row-space-line-at-extra-large.gap-large, .grid-row-space-line-at-extra-large.gap-vert-large, .grid-row-space-line-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-xl, .grid-space-line-at-extra-large.gap-vert-xl, .grid-space-line-at-extra-large.gap-bottom-xl, .grid-row-space-line-at-extra-large.gap-xl, .grid-row-space-line-at-extra-large.gap-vert-xl, .grid-row-space-line-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-xxl, .grid-space-line-at-extra-large.gap-vert-xxl, .grid-space-line-at-extra-large.gap-bottom-xxl, .grid-row-space-line-at-extra-large.gap-xxl, .grid-row-space-line-at-extra-large.gap-vert-xxl, .grid-row-space-line-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-none, .grid-space-line-at-extra-large.gap-vert-none, .grid-space-line-at-extra-large.gap-bottom-none, .grid-row-space-line-at-extra-large.gap-none, .grid-row-space-line-at-extra-large.gap-vert-none, .grid-row-space-line-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-extra-large, .grid-col-space-small-at-extra-large { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-extra-large > *, .grid-col-space-small-at-extra-large > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-extra-large, .grid-row-space-small-at-extra-large { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-extra-large > *, .grid-row-space-small-at-extra-large > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-extra-large.gap-base, .grid-space-small-at-extra-large.gap-vert-base, .grid-space-small-at-extra-large.gap-bottom-base, .grid-row-space-small-at-extra-large.gap-base, .grid-row-space-small-at-extra-large.gap-vert-base, .grid-row-space-small-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-line, .grid-space-small-at-extra-large.gap-vert-line, .grid-space-small-at-extra-large.gap-bottom-line, .grid-row-space-small-at-extra-large.gap-line, .grid-row-space-small-at-extra-large.gap-vert-line, .grid-row-space-small-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-small, .grid-space-small-at-extra-large.gap-vert-small, .grid-space-small-at-extra-large.gap-bottom-small, .grid-row-space-small-at-extra-large.gap-small, .grid-row-space-small-at-extra-large.gap-vert-small, .grid-row-space-small-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-medium, .grid-space-small-at-extra-large.gap-vert-medium, .grid-space-small-at-extra-large.gap-bottom-medium, .grid-row-space-small-at-extra-large.gap-medium, .grid-row-space-small-at-extra-large.gap-vert-medium, .grid-row-space-small-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-large, .grid-space-small-at-extra-large.gap-vert-large, .grid-space-small-at-extra-large.gap-bottom-large, .grid-row-space-small-at-extra-large.gap-large, .grid-row-space-small-at-extra-large.gap-vert-large, .grid-row-space-small-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-xl, .grid-space-small-at-extra-large.gap-vert-xl, .grid-space-small-at-extra-large.gap-bottom-xl, .grid-row-space-small-at-extra-large.gap-xl, .grid-row-space-small-at-extra-large.gap-vert-xl, .grid-row-space-small-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-xxl, .grid-space-small-at-extra-large.gap-vert-xxl, .grid-space-small-at-extra-large.gap-bottom-xxl, .grid-row-space-small-at-extra-large.gap-xxl, .grid-row-space-small-at-extra-large.gap-vert-xxl, .grid-row-space-small-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-none, .grid-space-small-at-extra-large.gap-vert-none, .grid-space-small-at-extra-large.gap-bottom-none, .grid-row-space-small-at-extra-large.gap-none, .grid-row-space-small-at-extra-large.gap-vert-none, .grid-row-space-small-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-extra-large, .grid-col-space-medium-at-extra-large { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-extra-large > *, .grid-col-space-medium-at-extra-large > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-extra-large, .grid-row-space-medium-at-extra-large { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-extra-large > *, .grid-row-space-medium-at-extra-large > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-extra-large.gap-base, .grid-space-medium-at-extra-large.gap-vert-base, .grid-space-medium-at-extra-large.gap-bottom-base, .grid-row-space-medium-at-extra-large.gap-base, .grid-row-space-medium-at-extra-large.gap-vert-base, .grid-row-space-medium-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-line, .grid-space-medium-at-extra-large.gap-vert-line, .grid-space-medium-at-extra-large.gap-bottom-line, .grid-row-space-medium-at-extra-large.gap-line, .grid-row-space-medium-at-extra-large.gap-vert-line, .grid-row-space-medium-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-small, .grid-space-medium-at-extra-large.gap-vert-small, .grid-space-medium-at-extra-large.gap-bottom-small, .grid-row-space-medium-at-extra-large.gap-small, .grid-row-space-medium-at-extra-large.gap-vert-small, .grid-row-space-medium-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-medium, .grid-space-medium-at-extra-large.gap-vert-medium, .grid-space-medium-at-extra-large.gap-bottom-medium, .grid-row-space-medium-at-extra-large.gap-medium, .grid-row-space-medium-at-extra-large.gap-vert-medium, .grid-row-space-medium-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-large, .grid-space-medium-at-extra-large.gap-vert-large, .grid-space-medium-at-extra-large.gap-bottom-large, .grid-row-space-medium-at-extra-large.gap-large, .grid-row-space-medium-at-extra-large.gap-vert-large, .grid-row-space-medium-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-xl, .grid-space-medium-at-extra-large.gap-vert-xl, .grid-space-medium-at-extra-large.gap-bottom-xl, .grid-row-space-medium-at-extra-large.gap-xl, .grid-row-space-medium-at-extra-large.gap-vert-xl, .grid-row-space-medium-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-xxl, .grid-space-medium-at-extra-large.gap-vert-xxl, .grid-space-medium-at-extra-large.gap-bottom-xxl, .grid-row-space-medium-at-extra-large.gap-xxl, .grid-row-space-medium-at-extra-large.gap-vert-xxl, .grid-row-space-medium-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-none, .grid-space-medium-at-extra-large.gap-vert-none, .grid-space-medium-at-extra-large.gap-bottom-none, .grid-row-space-medium-at-extra-large.gap-none, .grid-row-space-medium-at-extra-large.gap-vert-none, .grid-row-space-medium-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-extra-large, .grid-col-space-large-at-extra-large { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-extra-large > *, .grid-col-space-large-at-extra-large > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-extra-large, .grid-row-space-large-at-extra-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-extra-large > *, .grid-row-space-large-at-extra-large > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-extra-large.gap-base, .grid-space-large-at-extra-large.gap-vert-base, .grid-space-large-at-extra-large.gap-bottom-base, .grid-row-space-large-at-extra-large.gap-base, .grid-row-space-large-at-extra-large.gap-vert-base, .grid-row-space-large-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-line, .grid-space-large-at-extra-large.gap-vert-line, .grid-space-large-at-extra-large.gap-bottom-line, .grid-row-space-large-at-extra-large.gap-line, .grid-row-space-large-at-extra-large.gap-vert-line, .grid-row-space-large-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-small, .grid-space-large-at-extra-large.gap-vert-small, .grid-space-large-at-extra-large.gap-bottom-small, .grid-row-space-large-at-extra-large.gap-small, .grid-row-space-large-at-extra-large.gap-vert-small, .grid-row-space-large-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-medium, .grid-space-large-at-extra-large.gap-vert-medium, .grid-space-large-at-extra-large.gap-bottom-medium, .grid-row-space-large-at-extra-large.gap-medium, .grid-row-space-large-at-extra-large.gap-vert-medium, .grid-row-space-large-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-large, .grid-space-large-at-extra-large.gap-vert-large, .grid-space-large-at-extra-large.gap-bottom-large, .grid-row-space-large-at-extra-large.gap-large, .grid-row-space-large-at-extra-large.gap-vert-large, .grid-row-space-large-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-xl, .grid-space-large-at-extra-large.gap-vert-xl, .grid-space-large-at-extra-large.gap-bottom-xl, .grid-row-space-large-at-extra-large.gap-xl, .grid-row-space-large-at-extra-large.gap-vert-xl, .grid-row-space-large-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-xxl, .grid-space-large-at-extra-large.gap-vert-xxl, .grid-space-large-at-extra-large.gap-bottom-xxl, .grid-row-space-large-at-extra-large.gap-xxl, .grid-row-space-large-at-extra-large.gap-vert-xxl, .grid-row-space-large-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-none, .grid-space-large-at-extra-large.gap-vert-none, .grid-space-large-at-extra-large.gap-bottom-none, .grid-row-space-large-at-extra-large.gap-none, .grid-row-space-large-at-extra-large.gap-vert-none, .grid-row-space-large-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-extra-large, .grid-col-space-xl-at-extra-large { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-extra-large > *, .grid-col-space-xl-at-extra-large > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-extra-large, .grid-row-space-xl-at-extra-large { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-extra-large > *, .grid-row-space-xl-at-extra-large > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-extra-large.gap-base, .grid-space-xl-at-extra-large.gap-vert-base, .grid-space-xl-at-extra-large.gap-bottom-base, .grid-row-space-xl-at-extra-large.gap-base, .grid-row-space-xl-at-extra-large.gap-vert-base, .grid-row-space-xl-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-line, .grid-space-xl-at-extra-large.gap-vert-line, .grid-space-xl-at-extra-large.gap-bottom-line, .grid-row-space-xl-at-extra-large.gap-line, .grid-row-space-xl-at-extra-large.gap-vert-line, .grid-row-space-xl-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-small, .grid-space-xl-at-extra-large.gap-vert-small, .grid-space-xl-at-extra-large.gap-bottom-small, .grid-row-space-xl-at-extra-large.gap-small, .grid-row-space-xl-at-extra-large.gap-vert-small, .grid-row-space-xl-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-medium, .grid-space-xl-at-extra-large.gap-vert-medium, .grid-space-xl-at-extra-large.gap-bottom-medium, .grid-row-space-xl-at-extra-large.gap-medium, .grid-row-space-xl-at-extra-large.gap-vert-medium, .grid-row-space-xl-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-large, .grid-space-xl-at-extra-large.gap-vert-large, .grid-space-xl-at-extra-large.gap-bottom-large, .grid-row-space-xl-at-extra-large.gap-large, .grid-row-space-xl-at-extra-large.gap-vert-large, .grid-row-space-xl-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-xl, .grid-space-xl-at-extra-large.gap-vert-xl, .grid-space-xl-at-extra-large.gap-bottom-xl, .grid-row-space-xl-at-extra-large.gap-xl, .grid-row-space-xl-at-extra-large.gap-vert-xl, .grid-row-space-xl-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-xxl, .grid-space-xl-at-extra-large.gap-vert-xxl, .grid-space-xl-at-extra-large.gap-bottom-xxl, .grid-row-space-xl-at-extra-large.gap-xxl, .grid-row-space-xl-at-extra-large.gap-vert-xxl, .grid-row-space-xl-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-none, .grid-space-xl-at-extra-large.gap-vert-none, .grid-space-xl-at-extra-large.gap-bottom-none, .grid-row-space-xl-at-extra-large.gap-none, .grid-row-space-xl-at-extra-large.gap-vert-none, .grid-row-space-xl-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-extra-large, .grid-col-space-xxl-at-extra-large { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-extra-large > *, .grid-col-space-xxl-at-extra-large > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-extra-large, .grid-row-space-xxl-at-extra-large { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large > *, .grid-row-space-xxl-at-extra-large > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-extra-large.gap-base, .grid-space-xxl-at-extra-large.gap-vert-base, .grid-space-xxl-at-extra-large.gap-bottom-base, .grid-row-space-xxl-at-extra-large.gap-base, .grid-row-space-xxl-at-extra-large.gap-vert-base, .grid-row-space-xxl-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-line, .grid-space-xxl-at-extra-large.gap-vert-line, .grid-space-xxl-at-extra-large.gap-bottom-line, .grid-row-space-xxl-at-extra-large.gap-line, .grid-row-space-xxl-at-extra-large.gap-vert-line, .grid-row-space-xxl-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-small, .grid-space-xxl-at-extra-large.gap-vert-small, .grid-space-xxl-at-extra-large.gap-bottom-small, .grid-row-space-xxl-at-extra-large.gap-small, .grid-row-space-xxl-at-extra-large.gap-vert-small, .grid-row-space-xxl-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-medium, .grid-space-xxl-at-extra-large.gap-vert-medium, .grid-space-xxl-at-extra-large.gap-bottom-medium, .grid-row-space-xxl-at-extra-large.gap-medium, .grid-row-space-xxl-at-extra-large.gap-vert-medium, .grid-row-space-xxl-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-large, .grid-space-xxl-at-extra-large.gap-vert-large, .grid-space-xxl-at-extra-large.gap-bottom-large, .grid-row-space-xxl-at-extra-large.gap-large, .grid-row-space-xxl-at-extra-large.gap-vert-large, .grid-row-space-xxl-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-xl, .grid-space-xxl-at-extra-large.gap-vert-xl, .grid-space-xxl-at-extra-large.gap-bottom-xl, .grid-row-space-xxl-at-extra-large.gap-xl, .grid-row-space-xxl-at-extra-large.gap-vert-xl, .grid-row-space-xxl-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-xxl, .grid-space-xxl-at-extra-large.gap-vert-xxl, .grid-space-xxl-at-extra-large.gap-bottom-xxl, .grid-row-space-xxl-at-extra-large.gap-xxl, .grid-row-space-xxl-at-extra-large.gap-vert-xxl, .grid-row-space-xxl-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-none, .grid-space-xxl-at-extra-large.gap-vert-none, .grid-space-xxl-at-extra-large.gap-bottom-none, .grid-row-space-xxl-at-extra-large.gap-none, .grid-row-space-xxl-at-extra-large.gap-vert-none, .grid-row-space-xxl-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-extra-large, .grid-col-space-none-at-extra-large { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-extra-large > *, .grid-col-space-none-at-extra-large > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-extra-large, .grid-row-space-none-at-extra-large { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-extra-large > *, .grid-row-space-none-at-extra-large > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-extra-large.gap-base, .grid-space-none-at-extra-large.gap-vert-base, .grid-space-none-at-extra-large.gap-bottom-base, .grid-row-space-none-at-extra-large.gap-base, .grid-row-space-none-at-extra-large.gap-vert-base, .grid-row-space-none-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-line, .grid-space-none-at-extra-large.gap-vert-line, .grid-space-none-at-extra-large.gap-bottom-line, .grid-row-space-none-at-extra-large.gap-line, .grid-row-space-none-at-extra-large.gap-vert-line, .grid-row-space-none-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-small, .grid-space-none-at-extra-large.gap-vert-small, .grid-space-none-at-extra-large.gap-bottom-small, .grid-row-space-none-at-extra-large.gap-small, .grid-row-space-none-at-extra-large.gap-vert-small, .grid-row-space-none-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-medium, .grid-space-none-at-extra-large.gap-vert-medium, .grid-space-none-at-extra-large.gap-bottom-medium, .grid-row-space-none-at-extra-large.gap-medium, .grid-row-space-none-at-extra-large.gap-vert-medium, .grid-row-space-none-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-large, .grid-space-none-at-extra-large.gap-vert-large, .grid-space-none-at-extra-large.gap-bottom-large, .grid-row-space-none-at-extra-large.gap-large, .grid-row-space-none-at-extra-large.gap-vert-large, .grid-row-space-none-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-xl, .grid-space-none-at-extra-large.gap-vert-xl, .grid-space-none-at-extra-large.gap-bottom-xl, .grid-row-space-none-at-extra-large.gap-xl, .grid-row-space-none-at-extra-large.gap-vert-xl, .grid-row-space-none-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-xxl, .grid-space-none-at-extra-large.gap-vert-xxl, .grid-space-none-at-extra-large.gap-bottom-xxl, .grid-row-space-none-at-extra-large.gap-xxl, .grid-row-space-none-at-extra-large.gap-vert-xxl, .grid-row-space-none-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-none, .grid-space-none-at-extra-large.gap-vert-none, .grid-space-none-at-extra-large.gap-bottom-none, .grid-row-space-none-at-extra-large.gap-none, .grid-row-space-none-at-extra-large.gap-vert-none, .grid-row-space-none-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-extra-large, .flex-align-left-at-extra-large { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-extra-large, .flex-align-center-at-extra-large { display: flex !important; justify-content: center !important; } .grid-align-right-at-extra-large, .flex-align-right-at-extra-large { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-extra-large, .flex-align-justify-at-extra-large { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-extra-large, .flex-valign-top-at-extra-large { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-extra-large, .flex-valign-middle-at-extra-large { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-extra-large, .flex-valign-bottom-at-extra-large { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-extra-large, .flex-valign-justify-at-extra-large { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } h1:not(:first-child), .h1:not(:first-child), h2:not(:first-child), .h2:not(:first-child), h3:not(:first-child), .h3:not(:first-child), h4:not(:first-child), .h4:not(:first-child), h5:not(:first-child), .h5:not(:first-child), h6:not(:first-child), .h6:not(:first-child) { margin-top: 2.5em; } h1:not(:last-child), .h1:not(:last-child), h2:not(:last-child), .h2:not(:last-child), h3:not(:last-child), .h3:not(:last-child), h4:not(:last-child), .h4:not(:last-child), h5:not(:last-child), .h5:not(:last-child), h6:not(:last-child), .h6:not(:last-child) { margin-bottom: 1em; } h1, .h1 { font-family: var(--font-family-h1); font-size: var(--font-size-h1-base); line-height: var(--line-height-h1-base); letter-spacing: var(--letter-spacing-h1-medium); font-weight: var(--font-weight-h1); } @media (min-width: 1023px) { h1, .h1 { font-size: var(--font-size-h1-medium); line-height: var(--line-height-h1-medium); letter-spacing: var(--letter-spacing-h1-medium); } } .type-display h1, .type-display .h1 { font-size: var(--font-size-display-h1-base); line-height: var(--line-height-display-h1-base); letter-spacing: var(--letter-spacing-display-h1-base); font-weight: var(--font-weight-display-h1); } @media (min-width: 1023px) { .type-display h1, .type-display .h1 { font-size: var(--font-size-display-h1-medium); line-height: var(--line-height-display-h1-medium); letter-spacing: var(--letter-spacing-display-h1-medium); } } h2, .h2 { font-family: var(--font-family-h2); font-size: var(--font-size-h2-base); line-height: var(--line-height-h2-base); letter-spacing: var(--letter-spacing-h2-base); font-weight: var(--font-weight-h2); } @media (min-width: 1023px) { h2, .h2 { font-size: var(--font-size-h2-medium); line-height: var(--line-height-h2-medium); letter-spacing: var(--letter-spacing-h2-medium); } } .type-display h2, .type-display .h2 { font-size: var(--font-size-display-h2-base); line-height: var(--line-height-display-h2-base); letter-spacing: var(--letter-spacing-display-h2-base); } @media (min-width: 1023px) { .type-display h2, .type-display .h2 { font-size: var(--font-size-display-h2-medium); line-height: var(--line-height-display-h2-medium); letter-spacing: var(--letter-spacing-display-h2-medium); } } h3, .h3 { font-family: var(--font-family-h3); font-size: var(--font-size-h3-base); line-height: var(--line-height-h3-base); letter-spacing: var(--letter-spacing-h3-base); font-weight: var(--font-weight-h3); } @media (min-width: 1023px) { h3, .h3 { font-size: var(--font-size-h3-medium); line-height: var(--line-height-h3-medium); letter-spacing: var(--letter-spacing-h3-medium); } } .type-display h3, .type-display .h3 { font-size: var(--font-size-display-h3-base); line-height: var(--line-height-display-h3-base); letter-spacing: var(--letter-spacing-display-h3-base); } @media (min-width: 1023px) { .type-display h3, .type-display .h3 { font-size: var(--font-size-display-h3-medium); line-height: var(--line-height-display-h3-medium); letter-spacing: var(--letter-spacing-display-h3-medium); } } h4, .h4 { font-family: var(--font-family-h4); font-size: var(--font-size-h4-base); line-height: var(--line-height-h4-base); letter-spacing: var(--letter-spacing-h4-base); font-weight: var(--font-weight-h4); } @media (min-width: 1023px) { h4, .h4 { font-size: var(--font-size-h4-medium); line-height: var(--line-height-h4-medium); letter-spacing: var(--letter-spacing-h4-medium); } } .type-display h4, .type-display .h4 { font-size: var(--font-size-display-h4-base); line-height: var(--line-height-display-h4-base); letter-spacing: var(--letter-spacing-display-h4-base); } @media (min-width: 1023px) { .type-display h4, .type-display .h4 { font-size: var(--font-size-display-h4-medium); line-height: var(--line-height-display-h4-medium); letter-spacing: var(--letter-spacing-display-h4-medium); } } h5, .h5 { font-family: var(--font-family-h5); font-size: var(--font-size-h5-base); line-height: var(--line-height-h5-base); font-weight: var(--font-weight-h5); } @media (min-width: 1023px) { h5, .h5 { font-size: var(--font-size-h5-medium); line-height: var(--line-height-h5-medium); letter-spacing: var(--letter-spacing-h5-medium); } } .type-display h5, .type-display .h5 { font-size: var(--font-size-display-h5-base); line-height: var(--line-height-display-h5-base); letter-spacing: var(--letter-spacing-display-normal); } @media (min-width: 1023px) { .type-display h5, .type-display .h5 { font-size: var(--font-size-display-h5-medium); line-height: var(--line-height-display-h5-medium); letter-spacing: var(--letter-spacing-display-h5-medium); } } h6, .h6 { font-family: var(--font-family-h6); font-size: var(--font-size-h6-base); line-height: var(--line-height-h6-base); font-weight: var(--font-weight-h6); } @media (min-width: 1023px) { h6, .h6 { font-size: var(--font-size-h6-medium); line-height: var(--line-height-h6-medium); } } .type-display h6, .type-display .h6 { font-size: var(--font-size-display-h6-base); line-height: var(--line-height-display-h6-base); letter-spacing: var(--letter-spacing-display-normal); } @media (min-width: 1023px) { .type-display h6, .type-display .h6 { font-size: var(--font-size-display-h6-medium); line-height: var(--line-height-display-h6-medium); } } .center-horizontally { margin-left: auto; margin-right: auto; } .align-left { text-align: left !important; } .align-center { text-align: center !important; } .align-right { text-align: right !important; } .align-justify { text-align: justify !important; } .valign-baseline { vertical-align: baseline !important; } .valign-baseline * { vertical-align: inherit; } .valign-top { vertical-align: top !important; } .valign-top * { vertical-align: inherit; } .valign-middle { vertical-align: middle !important; } .valign-middle * { vertical-align: inherit; } .valign-bottom { vertical-align: bottom !important; } .valign-bottom * { vertical-align: inherit; } @media (min-width: 375px) { .align-left-at-extra-small { text-align: left !important; } .align-center-at-extra-small { text-align: center !important; } .align-right-at-extra-small { text-align: right !important; } .align-justify-at-extra-small { text-align: justify !important; } .valign-baseline-at-extra-small { vertical-align: baseline !important; } .valign-baseline-at-extra-small * { vertical-align: inherit; } .valign-top-at-extra-small { vertical-align: top !important; } .valign-top-at-extra-small * { vertical-align: inherit; } .valign-middle-at-extra-small { vertical-align: middle !important; } .valign-middle-at-extra-small * { vertical-align: inherit; } .valign-bottom-at-extra-small { vertical-align: bottom !important; } .valign-bottom-at-extra-small * { vertical-align: inherit; } } @media (min-width: 717px) { .align-left-at-small { text-align: left !important; } .align-center-at-small { text-align: center !important; } .align-right-at-small { text-align: right !important; } .align-justify-at-small { text-align: justify !important; } .valign-baseline-at-small { vertical-align: baseline !important; } .valign-baseline-at-small * { vertical-align: inherit; } .valign-top-at-small { vertical-align: top !important; } .valign-top-at-small * { vertical-align: inherit; } .valign-middle-at-small { vertical-align: middle !important; } .valign-middle-at-small * { vertical-align: inherit; } .valign-bottom-at-small { vertical-align: bottom !important; } .valign-bottom-at-small * { vertical-align: inherit; } } @media (min-width: 1023px) { .align-left-at-medium { text-align: left !important; } .align-center-at-medium { text-align: center !important; } .align-right-at-medium { text-align: right !important; } .align-justify-at-medium { text-align: justify !important; } .valign-baseline-at-medium { vertical-align: baseline !important; } .valign-baseline-at-medium * { vertical-align: inherit; } .valign-top-at-medium { vertical-align: top !important; } .valign-top-at-medium * { vertical-align: inherit; } .valign-middle-at-medium { vertical-align: middle !important; } .valign-middle-at-medium * { vertical-align: inherit; } .valign-bottom-at-medium { vertical-align: bottom !important; } .valign-bottom-at-medium * { vertical-align: inherit; } } @media (min-width: 1240px) { .align-left-at-large { text-align: left !important; } .align-center-at-large { text-align: center !important; } .align-right-at-large { text-align: right !important; } .align-justify-at-large { text-align: justify !important; } .valign-baseline-at-large { vertical-align: baseline !important; } .valign-baseline-at-large * { vertical-align: inherit; } .valign-top-at-large { vertical-align: top !important; } .valign-top-at-large * { vertical-align: inherit; } .valign-middle-at-large { vertical-align: middle !important; } .valign-middle-at-large * { vertical-align: inherit; } .valign-bottom-at-large { vertical-align: bottom !important; } .valign-bottom-at-large * { vertical-align: inherit; } } @media (min-width: 1500px) { .align-left-at-extra-large { text-align: left !important; } .align-center-at-extra-large { text-align: center !important; } .align-right-at-extra-large { text-align: right !important; } .align-justify-at-extra-large { text-align: justify !important; } .valign-baseline-at-extra-large { vertical-align: baseline !important; } .valign-baseline-at-extra-large * { vertical-align: inherit; } .valign-top-at-extra-large { vertical-align: top !important; } .valign-top-at-extra-large * { vertical-align: inherit; } .valign-middle-at-extra-large { vertical-align: middle !important; } .valign-middle-at-extra-large * { vertical-align: inherit; } .valign-bottom-at-extra-large { vertical-align: bottom !important; } .valign-bottom-at-extra-large * { vertical-align: inherit; } } .aspect-ratio-square { padding-top: 100%; } .aspect-ratio-rect { padding-top: calc(50% - 10px); } .aspect-ratio-square, .aspect-ratio-rect { position: relative; height: 0; } .aspect-ratio-square > *, .aspect-ratio-rect > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } @media (min-width: 375px) { .aspect-ratio-square-at-extra-small { padding-top: 100%; } .aspect-ratio-rect-at-extra-small { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-extra-small, .aspect-ratio-rect-at-extra-small { position: relative; height: 0; } .aspect-ratio-square-at-extra-small > *, .aspect-ratio-rect-at-extra-small > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } @media (min-width: 717px) { .aspect-ratio-square-at-small { padding-top: 100%; } .aspect-ratio-rect-at-small { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-small, .aspect-ratio-rect-at-small { position: relative; height: 0; } .aspect-ratio-square-at-small > *, .aspect-ratio-rect-at-small > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } @media (min-width: 1023px) { .aspect-ratio-square-at-medium { padding-top: 100%; } .aspect-ratio-rect-at-medium { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-medium, .aspect-ratio-rect-at-medium { position: relative; height: 0; } .aspect-ratio-square-at-medium > *, .aspect-ratio-rect-at-medium > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } @media (min-width: 1240px) { .aspect-ratio-square-at-large { padding-top: 100%; } .aspect-ratio-rect-at-large { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-large, .aspect-ratio-rect-at-large { position: relative; height: 0; } .aspect-ratio-square-at-large > *, .aspect-ratio-rect-at-large > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } @media (min-width: 1500px) { .aspect-ratio-square-at-extra-large { padding-top: 100%; } .aspect-ratio-rect-at-extra-large { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-extra-large, .aspect-ratio-rect-at-extra-large { position: relative; height: 0; } .aspect-ratio-square-at-extra-large > *, .aspect-ratio-rect-at-extra-large > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } .border-rounded { border-radius: var(--border-radius) !important; } .border-rounded-large { border-radius: var(--border-radius-large) !important; } .border-all { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none { border-top: none !important; border-bottom: none !important; } .border-horz { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none { border-right: none !important; border-left: none !important; } .border-top { border-top: 1px solid var(--color-border) !important; } .border-top-none { border-top: none !important; } .border-bottom { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none { border-bottom: none !important; } .border-left { border-left: 1px solid var(--color-border) !important; } .border-left-none { border-left: none !important; } .border-right { border-right: 1px solid var(--color-border) !important; } .border-right-none { border-right: none !important; } @media (min-width: 375px) { .border-rounded-at-extra-small { border-radius: var(--border-radius) !important; } .border-rounded-large-at-extra-small { border-radius: var(--border-radius-large) !important; } .border-all-at-extra-small { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-extra-small { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-extra-small { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-extra-small { border-top: none !important; border-bottom: none !important; } .border-horz-at-extra-small { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-extra-small { border-right: none !important; border-left: none !important; } .border-top-at-extra-small { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-extra-small { border-top: none !important; } .border-bottom-at-extra-small { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-extra-small { border-bottom: none !important; } .border-left-at-extra-small { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-extra-small { border-left: none !important; } .border-right-at-extra-small { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-extra-small { border-right: none !important; } } @media (min-width: 717px) { .border-rounded-at-small { border-radius: var(--border-radius) !important; } .border-rounded-large-at-small { border-radius: var(--border-radius-large) !important; } .border-all-at-small { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-small { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-small { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-small { border-top: none !important; border-bottom: none !important; } .border-horz-at-small { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-small { border-right: none !important; border-left: none !important; } .border-top-at-small { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-small { border-top: none !important; } .border-bottom-at-small { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-small { border-bottom: none !important; } .border-left-at-small { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-small { border-left: none !important; } .border-right-at-small { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-small { border-right: none !important; } } @media (min-width: 1023px) { .border-rounded-at-medium { border-radius: var(--border-radius) !important; } .border-rounded-large-at-medium { border-radius: var(--border-radius-large) !important; } .border-all-at-medium { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-medium { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-medium { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-medium { border-top: none !important; border-bottom: none !important; } .border-horz-at-medium { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-medium { border-right: none !important; border-left: none !important; } .border-top-at-medium { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-medium { border-top: none !important; } .border-bottom-at-medium { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-medium { border-bottom: none !important; } .border-left-at-medium { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-medium { border-left: none !important; } .border-right-at-medium { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-medium { border-right: none !important; } } @media (min-width: 1240px) { .border-rounded-at-large { border-radius: var(--border-radius) !important; } .border-rounded-large-at-large { border-radius: var(--border-radius-large) !important; } .border-all-at-large { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-large { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-large { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-large { border-top: none !important; border-bottom: none !important; } .border-horz-at-large { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-large { border-right: none !important; border-left: none !important; } .border-top-at-large { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-large { border-top: none !important; } .border-bottom-at-large { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-large { border-bottom: none !important; } .border-left-at-large { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-large { border-left: none !important; } .border-right-at-large { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-large { border-right: none !important; } } @media (min-width: 1500px) { .border-rounded-at-extra-large { border-radius: var(--border-radius) !important; } .border-rounded-large-at-extra-large { border-radius: var(--border-radius-large) !important; } .border-all-at-extra-large { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-extra-large { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-extra-large { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-extra-large { border-top: none !important; border-bottom: none !important; } .border-horz-at-extra-large { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-extra-large { border-right: none !important; border-left: none !important; } .border-top-at-extra-large { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-extra-large { border-top: none !important; } .border-bottom-at-extra-large { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-extra-large { border-bottom: none !important; } .border-left-at-extra-large { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-extra-large { border-left: none !important; } .border-right-at-extra-large { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-extra-large { border-right: none !important; } } .content { margin-left: auto; margin-right: auto; width: var(--container-width-base); } @media (min-width: 375px) { .content { width: var(--container-width-extra-small); } } @media (min-width: 717px) { .content { width: var(--container-width-small); } } @media (min-width: 1023px) { .content { width: var(--container-width-medium); } } @media (min-width: 1240px) { .content { width: var(--container-width-large); } } @media (min-width: 1500px) { .content { width: var(--container-width-extra-large); } } .content-width-base { margin-left: auto; margin-right: auto; max-width: var(--container-width-base) !important; } .content-width-extra-small { margin-left: auto; margin-right: auto; max-width: var(--container-width-extra-small) !important; } .content-width-small { margin-left: auto; margin-right: auto; max-width: var(--container-width-small) !important; } .content-width-medium { margin-left: auto; margin-right: auto; max-width: var(--container-width-medium) !important; } .content-width-large { margin-left: auto; margin-right: auto; max-width: var(--container-width-large) !important; } .content-width-extra-large { margin-left: auto; margin-right: auto; max-width: var(--container-width-extra-large) !important; } .display-block { display: block !important; } .display-flex { display: flex !important; } .display-inline { display: inline !important; } .display-inline-block { display: inline-block !important; vertical-align: middle; } .display-inline-flex { display: inline-flex !important; } .display-none, .hide { display: none !important; } @media (min-width: 375px) { .display-block-at-extra-small { display: block !important; } .display-flex-at-extra-small { display: flex !important; } .display-inline-at-extra-small { display: inline !important; } .display-inline-block-at-extra-small { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-extra-small { display: inline-flex !important; } .display-none-at-extra-small, .hide-at-extra-small { display: none !important; } } @media (max-width: 374px) { .hide-until-extra-small { display: none !important; } } @media (min-width: 717px) { .display-block-at-small { display: block !important; } .display-flex-at-small { display: flex !important; } .display-inline-at-small { display: inline !important; } .display-inline-block-at-small { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-small { display: inline-flex !important; } .display-none-at-small, .hide-at-small { display: none !important; } } @media (max-width: 716px) { .hide-until-small { display: none !important; } } @media (min-width: 1023px) { .display-block-at-medium { display: block !important; } .display-flex-at-medium { display: flex !important; } .display-inline-at-medium { display: inline !important; } .display-inline-block-at-medium { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-medium { display: inline-flex !important; } .display-none-at-medium, .hide-at-medium { display: none !important; } } @media (max-width: 1022px) { .hide-until-medium { display: none !important; } } @media (min-width: 1240px) { .display-block-at-large { display: block !important; } .display-flex-at-large { display: flex !important; } .display-inline-at-large { display: inline !important; } .display-inline-block-at-large { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-large { display: inline-flex !important; } .display-none-at-large, .hide-at-large { display: none !important; } } @media (max-width: 1239px) { .hide-until-large { display: none !important; } } @media (min-width: 1500px) { .display-block-at-extra-large { display: block !important; } .display-flex-at-extra-large { display: flex !important; } .display-inline-at-extra-large { display: inline !important; } .display-inline-block-at-extra-large { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-extra-large { display: inline-flex !important; } .display-none-at-extra-large, .hide-at-extra-large { display: none !important; } } @media (max-width: 1499px) { .hide-until-extra-large { display: none !important; } } .js .hide-if-js { display: none !important; } .no-js .hide-unless-js { display: none !important; } .hidden { display: none !important; } .hidden-visually { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; white-space: nowrap; clip: rect(0 0 0 0); } .one-whole, .five-fifths, .four-fourths, .three-thirds, .two-halves { width: 100% !important; } .one-half, .two-fourths { width: 50% !important; } .one-third { width: 33.3333333333% !important; } .two-thirds { width: 66.6666666667% !important; } .one-fourth { width: 25% !important; } .three-fourths { width: 75% !important; } .one-fifth { width: 20% !important; } .two-fifths { width: 40% !important; } .three-fifths { width: 60% !important; } .four-fifths { width: 80% !important; } @media (min-width: 375px) { .one-whole-at-extra-small, .five-fifths-at-extra-small, .four-fourths-at-extra-small, .three-thirds-at-extra-small, .two-halves-at-extra-small { width: 100% !important; } .one-half-at-extra-small, .two-fourths-at-extra-small { width: 50% !important; } .one-third-at-extra-small { width: 33.3333333333% !important; } .two-thirds-at-extra-small { width: 66.6666666667% !important; } .one-fourth-at-extra-small { width: 25% !important; } .three-fourths-at-extra-small { width: 75% !important; } .one-fifth-at-extra-small { width: 20% !important; } .two-fifths-at-extra-small { width: 40% !important; } .three-fifths-at-extra-small { width: 60% !important; } .four-fifths-at-extra-small { width: 80% !important; } } @media (min-width: 717px) { .one-whole-at-small, .five-fifths-at-small, .four-fourths-at-small, .three-thirds-at-small, .two-halves-at-small { width: 100% !important; } .one-half-at-small, .two-fourths-at-small { width: 50% !important; } .one-third-at-small { width: 33.3333333333% !important; } .two-thirds-at-small { width: 66.6666666667% !important; } .one-fourth-at-small { width: 25% !important; } .three-fourths-at-small { width: 75% !important; } .one-fifth-at-small { width: 20% !important; } .two-fifths-at-small { width: 40% !important; } .three-fifths-at-small { width: 60% !important; } .four-fifths-at-small { width: 80% !important; } } @media (min-width: 1023px) { .one-whole-at-medium, .five-fifths-at-medium, .four-fourths-at-medium, .three-thirds-at-medium, .two-halves-at-medium { width: 100% !important; } .one-half-at-medium, .two-fourths-at-medium { width: 50% !important; } .one-third-at-medium { width: 33.3333333333% !important; } .two-thirds-at-medium { width: 66.6666666667% !important; } .one-fourth-at-medium { width: 25% !important; } .three-fourths-at-medium { width: 75% !important; } .one-fifth-at-medium { width: 20% !important; } .two-fifths-at-medium { width: 40% !important; } .three-fifths-at-medium { width: 60% !important; } .four-fifths-at-medium { width: 80% !important; } } @media (min-width: 1240px) { .one-whole-at-large, .five-fifths-at-large, .four-fourths-at-large, .three-thirds-at-large, .two-halves-at-large { width: 100% !important; } .one-half-at-large, .two-fourths-at-large { width: 50% !important; } .one-third-at-large { width: 33.3333333333% !important; } .two-thirds-at-large { width: 66.6666666667% !important; } .one-fourth-at-large { width: 25% !important; } .three-fourths-at-large { width: 75% !important; } .one-fifth-at-large { width: 20% !important; } .two-fifths-at-large { width: 40% !important; } .three-fifths-at-large { width: 60% !important; } .four-fifths-at-large { width: 80% !important; } } @media (min-width: 1500px) { .one-whole-at-extra-large, .five-fifths-at-extra-large, .four-fourths-at-extra-large, .three-thirds-at-extra-large, .two-halves-at-extra-large { width: 100% !important; } .one-half-at-extra-large, .two-fourths-at-extra-large { width: 50% !important; } .one-third-at-extra-large { width: 33.3333333333% !important; } .two-thirds-at-extra-large { width: 66.6666666667% !important; } .one-fourth-at-extra-large { width: 25% !important; } .three-fourths-at-extra-large { width: 75% !important; } .one-fifth-at-extra-large { width: 20% !important; } .two-fifths-at-extra-large { width: 40% !important; } .three-fifths-at-extra-large { width: 60% !important; } .four-fifths-at-extra-large { width: 80% !important; } } .layer-1 { z-index: 1; } .layer-2 { z-index: 2; } .layer-3 { z-index: 3; } .layer-4 { z-index: 4; } .layer-5 { z-index: 5; } @media (min-width: 375px) { .layer-1-at-extra-small { z-index: 1; } .layer-2-at-extra-small { z-index: 2; } .layer-3-at-extra-small { z-index: 3; } .layer-4-at-extra-small { z-index: 4; } .layer-5-at-extra-small { z-index: 5; } } @media (min-width: 717px) { .layer-1-at-small { z-index: 1; } .layer-2-at-small { z-index: 2; } .layer-3-at-small { z-index: 3; } .layer-4-at-small { z-index: 4; } .layer-5-at-small { z-index: 5; } } @media (min-width: 1023px) { .layer-1-at-medium { z-index: 1; } .layer-2-at-medium { z-index: 2; } .layer-3-at-medium { z-index: 3; } .layer-4-at-medium { z-index: 4; } .layer-5-at-medium { z-index: 5; } } @media (min-width: 1240px) { .layer-1-at-large { z-index: 1; } .layer-2-at-large { z-index: 2; } .layer-3-at-large { z-index: 3; } .layer-4-at-large { z-index: 4; } .layer-5-at-large { z-index: 5; } } @media (min-width: 1500px) { .layer-1-at-extra-large { z-index: 1; } .layer-2-at-extra-large { z-index: 2; } .layer-3-at-extra-large { z-index: 3; } .layer-4-at-extra-large { z-index: 4; } .layer-5-at-extra-large { z-index: 5; } } .overflow-hidden { overflow: hidden !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-scroll { overflow-y: scroll !important; } .overflow-auto { overflow: auto !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-y-auto { overflow-y: auto !important; } @media (min-width: 375px) { .overflow-hidden-at-extra-small { overflow: hidden !important; } .overflow-x-hidden-at-extra-small { overflow-x: hidden !important; } .overflow-y-hidden-at-extra-small { overflow-y: hidden !important; } .overflow-visible-at-extra-small { overflow: visible !important; } .overflow-x-visible-at-extra-small { overflow-x: visible !important; } .overflow-y-visible-at-extra-small { overflow-y: visible !important; } .overflow-scroll-at-extra-small { overflow: scroll !important; } .overflow-x-scroll-at-extra-small { overflow-x: scroll !important; } .overflow-y-scroll-at-extra-small { overflow-y: scroll !important; } .overflow-auto-at-extra-small { overflow: auto !important; } .overflow-x-auto-at-extra-small { overflow-x: auto !important; } .overflow-y-auto-at-extra-small { overflow-y: auto !important; } } @media (min-width: 717px) { .overflow-hidden-at-small { overflow: hidden !important; } .overflow-x-hidden-at-small { overflow-x: hidden !important; } .overflow-y-hidden-at-small { overflow-y: hidden !important; } .overflow-visible-at-small { overflow: visible !important; } .overflow-x-visible-at-small { overflow-x: visible !important; } .overflow-y-visible-at-small { overflow-y: visible !important; } .overflow-scroll-at-small { overflow: scroll !important; } .overflow-x-scroll-at-small { overflow-x: scroll !important; } .overflow-y-scroll-at-small { overflow-y: scroll !important; } .overflow-auto-at-small { overflow: auto !important; } .overflow-x-auto-at-small { overflow-x: auto !important; } .overflow-y-auto-at-small { overflow-y: auto !important; } } @media (min-width: 1023px) { .overflow-hidden-at-medium { overflow: hidden !important; } .overflow-x-hidden-at-medium { overflow-x: hidden !important; } .overflow-y-hidden-at-medium { overflow-y: hidden !important; } .overflow-visible-at-medium { overflow: visible !important; } .overflow-x-visible-at-medium { overflow-x: visible !important; } .overflow-y-visible-at-medium { overflow-y: visible !important; } .overflow-scroll-at-medium { overflow: scroll !important; } .overflow-x-scroll-at-medium { overflow-x: scroll !important; } .overflow-y-scroll-at-medium { overflow-y: scroll !important; } .overflow-auto-at-medium { overflow: auto !important; } .overflow-x-auto-at-medium { overflow-x: auto !important; } .overflow-y-auto-at-medium { overflow-y: auto !important; } } @media (min-width: 1240px) { .overflow-hidden-at-large { overflow: hidden !important; } .overflow-x-hidden-at-large { overflow-x: hidden !important; } .overflow-y-hidden-at-large { overflow-y: hidden !important; } .overflow-visible-at-large { overflow: visible !important; } .overflow-x-visible-at-large { overflow-x: visible !important; } .overflow-y-visible-at-large { overflow-y: visible !important; } .overflow-scroll-at-large { overflow: scroll !important; } .overflow-x-scroll-at-large { overflow-x: scroll !important; } .overflow-y-scroll-at-large { overflow-y: scroll !important; } .overflow-auto-at-large { overflow: auto !important; } .overflow-x-auto-at-large { overflow-x: auto !important; } .overflow-y-auto-at-large { overflow-y: auto !important; } } @media (min-width: 1500px) { .overflow-hidden-at-extra-large { overflow: hidden !important; } .overflow-x-hidden-at-extra-large { overflow-x: hidden !important; } .overflow-y-hidden-at-extra-large { overflow-y: hidden !important; } .overflow-visible-at-extra-large { overflow: visible !important; } .overflow-x-visible-at-extra-large { overflow-x: visible !important; } .overflow-y-visible-at-extra-large { overflow-y: visible !important; } .overflow-scroll-at-extra-large { overflow: scroll !important; } .overflow-x-scroll-at-extra-large { overflow-x: scroll !important; } .overflow-y-scroll-at-extra-large { overflow-y: scroll !important; } .overflow-auto-at-extra-large { overflow: auto !important; } .overflow-x-auto-at-extra-large { overflow-x: auto !important; } .overflow-y-auto-at-extra-large { overflow-y: auto !important; } } .position-fixed { position: fixed !important; } .position-absolute { position: absolute !important; } .position-relative { position: relative !important; } .position-static { position: static !important; } .position-sticky { position: sticky !important; top: 0; } .pin-top-left { position: absolute; left: 0; top: 0; } .pin-top-center { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right { position: absolute; right: 0; top: 0; } .pin-middle-left { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left { position: absolute; left: 0; bottom: 0; } .pin-bottom-center { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right { position: absolute; right: 0; bottom: 0; } @media (min-width: 375px) { .position-fixed-at-extra-small { position: fixed !important; } .position-absolute-at-extra-small { position: absolute !important; } .position-relative-at-extra-small { position: relative !important; } .position-static-at-extra-small { position: static !important; } .position-sticky-at-extra-small { position: sticky !important; top: 0; } .pin-top-left-at-extra-small { position: absolute; left: 0; top: 0; } .pin-top-center-at-extra-small { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-extra-small { position: absolute; right: 0; top: 0; } .pin-middle-left-at-extra-small { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-extra-small { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-extra-small { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-extra-small { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-extra-small { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-extra-small { position: absolute; right: 0; bottom: 0; } } @media (min-width: 717px) { .position-fixed-at-small { position: fixed !important; } .position-absolute-at-small { position: absolute !important; } .position-relative-at-small { position: relative !important; } .position-static-at-small { position: static !important; } .position-sticky-at-small { position: sticky !important; top: 0; } .pin-top-left-at-small { position: absolute; left: 0; top: 0; } .pin-top-center-at-small { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-small { position: absolute; right: 0; top: 0; } .pin-middle-left-at-small { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-small { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-small { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-small { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-small { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-small { position: absolute; right: 0; bottom: 0; } } @media (min-width: 1023px) { .position-fixed-at-medium { position: fixed !important; } .position-absolute-at-medium { position: absolute !important; } .position-relative-at-medium { position: relative !important; } .position-static-at-medium { position: static !important; } .position-sticky-at-medium { position: sticky !important; top: 0; } .pin-top-left-at-medium { position: absolute; left: 0; top: 0; } .pin-top-center-at-medium { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-medium { position: absolute; right: 0; top: 0; } .pin-middle-left-at-medium { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-medium { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-medium { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-medium { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-medium { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-medium { position: absolute; right: 0; bottom: 0; } } @media (min-width: 1240px) { .position-fixed-at-large { position: fixed !important; } .position-absolute-at-large { position: absolute !important; } .position-relative-at-large { position: relative !important; } .position-static-at-large { position: static !important; } .position-sticky-at-large { position: sticky !important; top: 0; } .pin-top-left-at-large { position: absolute; left: 0; top: 0; } .pin-top-center-at-large { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-large { position: absolute; right: 0; top: 0; } .pin-middle-left-at-large { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-large { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-large { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-large { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-large { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-large { position: absolute; right: 0; bottom: 0; } } @media (min-width: 1500px) { .position-fixed-at-extra-large { position: fixed !important; } .position-absolute-at-extra-large { position: absolute !important; } .position-relative-at-extra-large { position: relative !important; } .position-static-at-extra-large { position: static !important; } .position-sticky-at-extra-large { position: sticky !important; top: 0; } .pin-top-left-at-extra-large { position: absolute; left: 0; top: 0; } .pin-top-center-at-extra-large { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-extra-large { position: absolute; right: 0; top: 0; } .pin-middle-left-at-extra-large { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-extra-large { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-extra-large { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-extra-large { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-extra-large { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-extra-large { position: absolute; right: 0; bottom: 0; } } .pad-base { padding: var(--space-base) !important; } .pad-line { padding: var(--space-line) !important; } .pad-small { padding: var(--space-small) !important; } .pad-medium { padding: var(--space-medium) !important; } .pad-large { padding: var(--space-large) !important; } .pad-xl { padding: var(--space-xl) !important; } .pad-xxl { padding: var(--space-xxl) !important; } .pad-none { padding: var(--space-none) !important; } .pad-vert-base { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base { padding-top: var(--space-base) !important; } .pad-top-line { padding-top: var(--space-line) !important; } .pad-top-small { padding-top: var(--space-small) !important; } .pad-top-medium { padding-top: var(--space-medium) !important; } .pad-top-large { padding-top: var(--space-large) !important; } .pad-top-xl { padding-top: var(--space-xl) !important; } .pad-top-xxl { padding-top: var(--space-xxl) !important; } .pad-top-none { padding-top: var(--space-none) !important; } .pad-bottom-base { padding-bottom: var(--space-base) !important; } .pad-bottom-line { padding-bottom: var(--space-line) !important; } .pad-bottom-small { padding-bottom: var(--space-small) !important; } .pad-bottom-medium { padding-bottom: var(--space-medium) !important; } .pad-bottom-large { padding-bottom: var(--space-large) !important; } .pad-bottom-xl { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none { padding-bottom: var(--space-none) !important; } .pad-left-base { padding-left: var(--space-base) !important; } .pad-left-line { padding-left: var(--space-line) !important; } .pad-left-small { padding-left: var(--space-small) !important; } .pad-left-medium { padding-left: var(--space-medium) !important; } .pad-left-large { padding-left: var(--space-large) !important; } .pad-left-xl { padding-left: var(--space-xl) !important; } .pad-left-xxl { padding-left: var(--space-xxl) !important; } .pad-left-none { padding-left: var(--space-none) !important; } .pad-right-base { padding-right: var(--space-base) !important; } .pad-right-line { padding-right: var(--space-line) !important; } .pad-right-small { padding-right: var(--space-small) !important; } .pad-right-medium { padding-right: var(--space-medium) !important; } .pad-right-large { padding-right: var(--space-large) !important; } .pad-right-xl { padding-right: var(--space-xl) !important; } .pad-right-xxl { padding-right: var(--space-xxl) !important; } .pad-right-none { padding-right: var(--space-none) !important; } .gap-base { margin: var(--space-base) !important; } .gap-line { margin: var(--space-line) !important; } .gap-small { margin: var(--space-small) !important; } .gap-medium { margin: var(--space-medium) !important; } .gap-large { margin: var(--space-large) !important; } .gap-xl { margin: var(--space-xl) !important; } .gap-xxl { margin: var(--space-xxl) !important; } .gap-none { margin: var(--space-none) !important; } .gap-vert-base { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base { margin-top: var(--space-base) !important; } .gap-top-line { margin-top: var(--space-line) !important; } .gap-top-small { margin-top: var(--space-small) !important; } .gap-top-medium { margin-top: var(--space-medium) !important; } .gap-top-large { margin-top: var(--space-large) !important; } .gap-top-xl { margin-top: var(--space-xl) !important; } .gap-top-xxl { margin-top: var(--space-xxl) !important; } .gap-top-none { margin-top: var(--space-none) !important; } .gap-bottom-base { margin-bottom: var(--space-base) !important; } .gap-bottom-line { margin-bottom: var(--space-line) !important; } .gap-bottom-small { margin-bottom: var(--space-small) !important; } .gap-bottom-medium { margin-bottom: var(--space-medium) !important; } .gap-bottom-large { margin-bottom: var(--space-large) !important; } .gap-bottom-xl { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none { margin-bottom: var(--space-none) !important; } .gap-left-base { margin-left: var(--space-base) !important; } .gap-left-line { margin-left: var(--space-line) !important; } .gap-left-small { margin-left: var(--space-small) !important; } .gap-left-medium { margin-left: var(--space-medium) !important; } .gap-left-large { margin-left: var(--space-large) !important; } .gap-left-xl { margin-left: var(--space-xl) !important; } .gap-left-xxl { margin-left: var(--space-xxl) !important; } .gap-left-none { margin-left: var(--space-none) !important; } .gap-right-base { margin-right: var(--space-base) !important; } .gap-right-line { margin-right: var(--space-line) !important; } .gap-right-small { margin-right: var(--space-small) !important; } .gap-right-medium { margin-right: var(--space-medium) !important; } .gap-right-large { margin-right: var(--space-large) !important; } .gap-right-xl { margin-right: var(--space-xl) !important; } .gap-right-xxl { margin-right: var(--space-xxl) !important; } .gap-right-none { margin-right: var(--space-none) !important; } .offset-base { margin: calc(-1 * var(--space-base)) !important; } .offset-line { margin: calc(-1 * var(--space-line)) !important; } .offset-small { margin: calc(-1 * var(--space-small)) !important; } .offset-medium { margin: calc(-1 * var(--space-medium)) !important; } .offset-large { margin: calc(-1 * var(--space-large)) !important; } .offset-xl { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none { margin-right: calc(-1 * var(--space-none)) !important; } @media (min-width: 375px) { .pad-base-at-extra-small { padding: var(--space-base) !important; } .pad-line-at-extra-small { padding: var(--space-line) !important; } .pad-small-at-extra-small { padding: var(--space-small) !important; } .pad-medium-at-extra-small { padding: var(--space-medium) !important; } .pad-large-at-extra-small { padding: var(--space-large) !important; } .pad-xl-at-extra-small { padding: var(--space-xl) !important; } .pad-xxl-at-extra-small { padding: var(--space-xxl) !important; } .pad-none-at-extra-small { padding: var(--space-none) !important; } .pad-vert-base-at-extra-small { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-extra-small { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-extra-small { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-extra-small { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-extra-small { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-extra-small { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-extra-small { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-extra-small { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-extra-small { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-extra-small { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-extra-small { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-extra-small { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-extra-small { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-extra-small { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-extra-small { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-extra-small { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-extra-small { padding-top: var(--space-base) !important; } .pad-top-line-at-extra-small { padding-top: var(--space-line) !important; } .pad-top-small-at-extra-small { padding-top: var(--space-small) !important; } .pad-top-medium-at-extra-small { padding-top: var(--space-medium) !important; } .pad-top-large-at-extra-small { padding-top: var(--space-large) !important; } .pad-top-xl-at-extra-small { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-extra-small { padding-top: var(--space-xxl) !important; } .pad-top-none-at-extra-small { padding-top: var(--space-none) !important; } .pad-bottom-base-at-extra-small { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-extra-small { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-extra-small { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-extra-small { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-extra-small { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-extra-small { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-extra-small { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-extra-small { padding-bottom: var(--space-none) !important; } .pad-left-base-at-extra-small { padding-left: var(--space-base) !important; } .pad-left-line-at-extra-small { padding-left: var(--space-line) !important; } .pad-left-small-at-extra-small { padding-left: var(--space-small) !important; } .pad-left-medium-at-extra-small { padding-left: var(--space-medium) !important; } .pad-left-large-at-extra-small { padding-left: var(--space-large) !important; } .pad-left-xl-at-extra-small { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-extra-small { padding-left: var(--space-xxl) !important; } .pad-left-none-at-extra-small { padding-left: var(--space-none) !important; } .pad-right-base-at-extra-small { padding-right: var(--space-base) !important; } .pad-right-line-at-extra-small { padding-right: var(--space-line) !important; } .pad-right-small-at-extra-small { padding-right: var(--space-small) !important; } .pad-right-medium-at-extra-small { padding-right: var(--space-medium) !important; } .pad-right-large-at-extra-small { padding-right: var(--space-large) !important; } .pad-right-xl-at-extra-small { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-extra-small { padding-right: var(--space-xxl) !important; } .pad-right-none-at-extra-small { padding-right: var(--space-none) !important; } .gap-base-at-extra-small { margin: var(--space-base) !important; } .gap-line-at-extra-small { margin: var(--space-line) !important; } .gap-small-at-extra-small { margin: var(--space-small) !important; } .gap-medium-at-extra-small { margin: var(--space-medium) !important; } .gap-large-at-extra-small { margin: var(--space-large) !important; } .gap-xl-at-extra-small { margin: var(--space-xl) !important; } .gap-xxl-at-extra-small { margin: var(--space-xxl) !important; } .gap-none-at-extra-small { margin: var(--space-none) !important; } .gap-vert-base-at-extra-small { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-extra-small { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-extra-small { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-extra-small { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-extra-small { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-extra-small { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-extra-small { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-extra-small { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-extra-small { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-extra-small { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-extra-small { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-extra-small { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-extra-small { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-extra-small { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-extra-small { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-extra-small { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-extra-small { margin-top: var(--space-base) !important; } .gap-top-line-at-extra-small { margin-top: var(--space-line) !important; } .gap-top-small-at-extra-small { margin-top: var(--space-small) !important; } .gap-top-medium-at-extra-small { margin-top: var(--space-medium) !important; } .gap-top-large-at-extra-small { margin-top: var(--space-large) !important; } .gap-top-xl-at-extra-small { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-extra-small { margin-top: var(--space-xxl) !important; } .gap-top-none-at-extra-small { margin-top: var(--space-none) !important; } .gap-bottom-base-at-extra-small { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-extra-small { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-extra-small { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-extra-small { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-extra-small { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-extra-small { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-extra-small { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-extra-small { margin-bottom: var(--space-none) !important; } .gap-left-base-at-extra-small { margin-left: var(--space-base) !important; } .gap-left-line-at-extra-small { margin-left: var(--space-line) !important; } .gap-left-small-at-extra-small { margin-left: var(--space-small) !important; } .gap-left-medium-at-extra-small { margin-left: var(--space-medium) !important; } .gap-left-large-at-extra-small { margin-left: var(--space-large) !important; } .gap-left-xl-at-extra-small { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-extra-small { margin-left: var(--space-xxl) !important; } .gap-left-none-at-extra-small { margin-left: var(--space-none) !important; } .gap-right-base-at-extra-small { margin-right: var(--space-base) !important; } .gap-right-line-at-extra-small { margin-right: var(--space-line) !important; } .gap-right-small-at-extra-small { margin-right: var(--space-small) !important; } .gap-right-medium-at-extra-small { margin-right: var(--space-medium) !important; } .gap-right-large-at-extra-small { margin-right: var(--space-large) !important; } .gap-right-xl-at-extra-small { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-extra-small { margin-right: var(--space-xxl) !important; } .gap-right-none-at-extra-small { margin-right: var(--space-none) !important; } .offset-base-at-extra-small { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-extra-small { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-extra-small { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-extra-small { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-extra-small { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-extra-small { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-extra-small { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-extra-small { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-extra-small { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-extra-small { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-extra-small { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-extra-small { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-extra-small { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-extra-small { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-extra-small { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-extra-small { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-extra-small { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-extra-small { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-extra-small { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-extra-small { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-extra-small { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-extra-small { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-extra-small { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-extra-small { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-extra-small { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-extra-small { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-extra-small { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-extra-small { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-extra-small { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-extra-small { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-extra-small { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-extra-small { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-extra-small { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-extra-small { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-extra-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-extra-small { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-extra-small { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-extra-small { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-extra-small { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-extra-small { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-extra-small { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-extra-small { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-extra-small { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-extra-small { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-extra-small { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-extra-small { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-extra-small { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-extra-small { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-extra-small { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-extra-small { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-extra-small { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-extra-small { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-extra-small { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-extra-small { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-extra-small { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-extra-small { margin-right: calc(-1 * var(--space-none)) !important; } } @media (min-width: 717px) { .pad-base-at-small { padding: var(--space-base) !important; } .pad-line-at-small { padding: var(--space-line) !important; } .pad-small-at-small { padding: var(--space-small) !important; } .pad-medium-at-small { padding: var(--space-medium) !important; } .pad-large-at-small { padding: var(--space-large) !important; } .pad-xl-at-small { padding: var(--space-xl) !important; } .pad-xxl-at-small { padding: var(--space-xxl) !important; } .pad-none-at-small { padding: var(--space-none) !important; } .pad-vert-base-at-small { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-small { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-small { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-small { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-small { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-small { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-small { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-small { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-small { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-small { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-small { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-small { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-small { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-small { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-small { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-small { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-small { padding-top: var(--space-base) !important; } .pad-top-line-at-small { padding-top: var(--space-line) !important; } .pad-top-small-at-small { padding-top: var(--space-small) !important; } .pad-top-medium-at-small { padding-top: var(--space-medium) !important; } .pad-top-large-at-small { padding-top: var(--space-large) !important; } .pad-top-xl-at-small { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-small { padding-top: var(--space-xxl) !important; } .pad-top-none-at-small { padding-top: var(--space-none) !important; } .pad-bottom-base-at-small { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-small { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-small { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-small { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-small { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-small { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-small { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-small { padding-bottom: var(--space-none) !important; } .pad-left-base-at-small { padding-left: var(--space-base) !important; } .pad-left-line-at-small { padding-left: var(--space-line) !important; } .pad-left-small-at-small { padding-left: var(--space-small) !important; } .pad-left-medium-at-small { padding-left: var(--space-medium) !important; } .pad-left-large-at-small { padding-left: var(--space-large) !important; } .pad-left-xl-at-small { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-small { padding-left: var(--space-xxl) !important; } .pad-left-none-at-small { padding-left: var(--space-none) !important; } .pad-right-base-at-small { padding-right: var(--space-base) !important; } .pad-right-line-at-small { padding-right: var(--space-line) !important; } .pad-right-small-at-small { padding-right: var(--space-small) !important; } .pad-right-medium-at-small { padding-right: var(--space-medium) !important; } .pad-right-large-at-small { padding-right: var(--space-large) !important; } .pad-right-xl-at-small { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-small { padding-right: var(--space-xxl) !important; } .pad-right-none-at-small { padding-right: var(--space-none) !important; } .gap-base-at-small { margin: var(--space-base) !important; } .gap-line-at-small { margin: var(--space-line) !important; } .gap-small-at-small { margin: var(--space-small) !important; } .gap-medium-at-small { margin: var(--space-medium) !important; } .gap-large-at-small { margin: var(--space-large) !important; } .gap-xl-at-small { margin: var(--space-xl) !important; } .gap-xxl-at-small { margin: var(--space-xxl) !important; } .gap-none-at-small { margin: var(--space-none) !important; } .gap-vert-base-at-small { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-small { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-small { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-small { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-small { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-small { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-small { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-small { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-small { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-small { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-small { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-small { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-small { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-small { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-small { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-small { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-small { margin-top: var(--space-base) !important; } .gap-top-line-at-small { margin-top: var(--space-line) !important; } .gap-top-small-at-small { margin-top: var(--space-small) !important; } .gap-top-medium-at-small { margin-top: var(--space-medium) !important; } .gap-top-large-at-small { margin-top: var(--space-large) !important; } .gap-top-xl-at-small { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-small { margin-top: var(--space-xxl) !important; } .gap-top-none-at-small { margin-top: var(--space-none) !important; } .gap-bottom-base-at-small { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-small { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-small { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-small { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-small { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-small { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-small { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-small { margin-bottom: var(--space-none) !important; } .gap-left-base-at-small { margin-left: var(--space-base) !important; } .gap-left-line-at-small { margin-left: var(--space-line) !important; } .gap-left-small-at-small { margin-left: var(--space-small) !important; } .gap-left-medium-at-small { margin-left: var(--space-medium) !important; } .gap-left-large-at-small { margin-left: var(--space-large) !important; } .gap-left-xl-at-small { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-small { margin-left: var(--space-xxl) !important; } .gap-left-none-at-small { margin-left: var(--space-none) !important; } .gap-right-base-at-small { margin-right: var(--space-base) !important; } .gap-right-line-at-small { margin-right: var(--space-line) !important; } .gap-right-small-at-small { margin-right: var(--space-small) !important; } .gap-right-medium-at-small { margin-right: var(--space-medium) !important; } .gap-right-large-at-small { margin-right: var(--space-large) !important; } .gap-right-xl-at-small { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-small { margin-right: var(--space-xxl) !important; } .gap-right-none-at-small { margin-right: var(--space-none) !important; } .offset-base-at-small { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-small { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-small { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-small { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-small { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-small { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-small { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-small { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-small { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-small { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-small { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-small { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-small { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-small { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-small { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-small { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-small { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-small { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-small { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-small { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-small { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-small { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-small { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-small { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-small { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-small { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-small { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-small { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-small { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-small { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-small { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-small { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-small { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-small { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-small { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-small { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-small { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-small { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-small { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-small { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-small { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-small { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-small { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-small { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-small { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-small { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-small { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-small { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-small { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-small { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-small { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-small { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-small { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-small { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-small { margin-right: calc(-1 * var(--space-none)) !important; } } @media (min-width: 1023px) { .pad-base-at-medium { padding: var(--space-base) !important; } .pad-line-at-medium { padding: var(--space-line) !important; } .pad-small-at-medium { padding: var(--space-small) !important; } .pad-medium-at-medium { padding: var(--space-medium) !important; } .pad-large-at-medium { padding: var(--space-large) !important; } .pad-xl-at-medium { padding: var(--space-xl) !important; } .pad-xxl-at-medium { padding: var(--space-xxl) !important; } .pad-none-at-medium { padding: var(--space-none) !important; } .pad-vert-base-at-medium { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-medium { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-medium { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-medium { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-medium { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-medium { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-medium { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-medium { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-medium { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-medium { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-medium { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-medium { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-medium { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-medium { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-medium { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-medium { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-medium { padding-top: var(--space-base) !important; } .pad-top-line-at-medium { padding-top: var(--space-line) !important; } .pad-top-small-at-medium { padding-top: var(--space-small) !important; } .pad-top-medium-at-medium { padding-top: var(--space-medium) !important; } .pad-top-large-at-medium { padding-top: var(--space-large) !important; } .pad-top-xl-at-medium { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-medium { padding-top: var(--space-xxl) !important; } .pad-top-none-at-medium { padding-top: var(--space-none) !important; } .pad-bottom-base-at-medium { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-medium { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-medium { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-medium { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-medium { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-medium { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-medium { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-medium { padding-bottom: var(--space-none) !important; } .pad-left-base-at-medium { padding-left: var(--space-base) !important; } .pad-left-line-at-medium { padding-left: var(--space-line) !important; } .pad-left-small-at-medium { padding-left: var(--space-small) !important; } .pad-left-medium-at-medium { padding-left: var(--space-medium) !important; } .pad-left-large-at-medium { padding-left: var(--space-large) !important; } .pad-left-xl-at-medium { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-medium { padding-left: var(--space-xxl) !important; } .pad-left-none-at-medium { padding-left: var(--space-none) !important; } .pad-right-base-at-medium { padding-right: var(--space-base) !important; } .pad-right-line-at-medium { padding-right: var(--space-line) !important; } .pad-right-small-at-medium { padding-right: var(--space-small) !important; } .pad-right-medium-at-medium { padding-right: var(--space-medium) !important; } .pad-right-large-at-medium { padding-right: var(--space-large) !important; } .pad-right-xl-at-medium { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-medium { padding-right: var(--space-xxl) !important; } .pad-right-none-at-medium { padding-right: var(--space-none) !important; } .gap-base-at-medium { margin: var(--space-base) !important; } .gap-line-at-medium { margin: var(--space-line) !important; } .gap-small-at-medium { margin: var(--space-small) !important; } .gap-medium-at-medium { margin: var(--space-medium) !important; } .gap-large-at-medium { margin: var(--space-large) !important; } .gap-xl-at-medium { margin: var(--space-xl) !important; } .gap-xxl-at-medium { margin: var(--space-xxl) !important; } .gap-none-at-medium { margin: var(--space-none) !important; } .gap-vert-base-at-medium { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-medium { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-medium { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-medium { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-medium { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-medium { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-medium { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-medium { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-medium { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-medium { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-medium { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-medium { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-medium { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-medium { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-medium { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-medium { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-medium { margin-top: var(--space-base) !important; } .gap-top-line-at-medium { margin-top: var(--space-line) !important; } .gap-top-small-at-medium { margin-top: var(--space-small) !important; } .gap-top-medium-at-medium { margin-top: var(--space-medium) !important; } .gap-top-large-at-medium { margin-top: var(--space-large) !important; } .gap-top-xl-at-medium { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-medium { margin-top: var(--space-xxl) !important; } .gap-top-none-at-medium { margin-top: var(--space-none) !important; } .gap-bottom-base-at-medium { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-medium { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-medium { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-medium { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-medium { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-medium { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-medium { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-medium { margin-bottom: var(--space-none) !important; } .gap-left-base-at-medium { margin-left: var(--space-base) !important; } .gap-left-line-at-medium { margin-left: var(--space-line) !important; } .gap-left-small-at-medium { margin-left: var(--space-small) !important; } .gap-left-medium-at-medium { margin-left: var(--space-medium) !important; } .gap-left-large-at-medium { margin-left: var(--space-large) !important; } .gap-left-xl-at-medium { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-medium { margin-left: var(--space-xxl) !important; } .gap-left-none-at-medium { margin-left: var(--space-none) !important; } .gap-right-base-at-medium { margin-right: var(--space-base) !important; } .gap-right-line-at-medium { margin-right: var(--space-line) !important; } .gap-right-small-at-medium { margin-right: var(--space-small) !important; } .gap-right-medium-at-medium { margin-right: var(--space-medium) !important; } .gap-right-large-at-medium { margin-right: var(--space-large) !important; } .gap-right-xl-at-medium { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-medium { margin-right: var(--space-xxl) !important; } .gap-right-none-at-medium { margin-right: var(--space-none) !important; } .offset-base-at-medium { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-medium { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-medium { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-medium { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-medium { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-medium { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-medium { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-medium { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-medium { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-medium { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-medium { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-medium { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-medium { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-medium { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-medium { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-medium { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-medium { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-medium { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-medium { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-medium { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-medium { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-medium { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-medium { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-medium { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-medium { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-medium { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-medium { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-medium { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-medium { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-medium { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-medium { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-medium { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-medium { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-medium { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-medium { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-medium { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-medium { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-medium { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-medium { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-medium { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-medium { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-medium { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-medium { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-medium { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-medium { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-medium { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-medium { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-medium { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-medium { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-medium { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-medium { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-medium { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-medium { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-medium { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-medium { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-medium { margin-right: calc(-1 * var(--space-none)) !important; } } @media (min-width: 1240px) { .pad-base-at-large { padding: var(--space-base) !important; } .pad-line-at-large { padding: var(--space-line) !important; } .pad-small-at-large { padding: var(--space-small) !important; } .pad-medium-at-large { padding: var(--space-medium) !important; } .pad-large-at-large { padding: var(--space-large) !important; } .pad-xl-at-large { padding: var(--space-xl) !important; } .pad-xxl-at-large { padding: var(--space-xxl) !important; } .pad-none-at-large { padding: var(--space-none) !important; } .pad-vert-base-at-large { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-large { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-large { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-large { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-large { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-large { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-large { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-large { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-large { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-large { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-large { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-large { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-large { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-large { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-large { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-large { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-large { padding-top: var(--space-base) !important; } .pad-top-line-at-large { padding-top: var(--space-line) !important; } .pad-top-small-at-large { padding-top: var(--space-small) !important; } .pad-top-medium-at-large { padding-top: var(--space-medium) !important; } .pad-top-large-at-large { padding-top: var(--space-large) !important; } .pad-top-xl-at-large { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-large { padding-top: var(--space-xxl) !important; } .pad-top-none-at-large { padding-top: var(--space-none) !important; } .pad-bottom-base-at-large { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-large { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-large { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-large { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-large { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-large { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-large { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-large { padding-bottom: var(--space-none) !important; } .pad-left-base-at-large { padding-left: var(--space-base) !important; } .pad-left-line-at-large { padding-left: var(--space-line) !important; } .pad-left-small-at-large { padding-left: var(--space-small) !important; } .pad-left-medium-at-large { padding-left: var(--space-medium) !important; } .pad-left-large-at-large { padding-left: var(--space-large) !important; } .pad-left-xl-at-large { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-large { padding-left: var(--space-xxl) !important; } .pad-left-none-at-large { padding-left: var(--space-none) !important; } .pad-right-base-at-large { padding-right: var(--space-base) !important; } .pad-right-line-at-large { padding-right: var(--space-line) !important; } .pad-right-small-at-large { padding-right: var(--space-small) !important; } .pad-right-medium-at-large { padding-right: var(--space-medium) !important; } .pad-right-large-at-large { padding-right: var(--space-large) !important; } .pad-right-xl-at-large { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-large { padding-right: var(--space-xxl) !important; } .pad-right-none-at-large { padding-right: var(--space-none) !important; } .gap-base-at-large { margin: var(--space-base) !important; } .gap-line-at-large { margin: var(--space-line) !important; } .gap-small-at-large { margin: var(--space-small) !important; } .gap-medium-at-large { margin: var(--space-medium) !important; } .gap-large-at-large { margin: var(--space-large) !important; } .gap-xl-at-large { margin: var(--space-xl) !important; } .gap-xxl-at-large { margin: var(--space-xxl) !important; } .gap-none-at-large { margin: var(--space-none) !important; } .gap-vert-base-at-large { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-large { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-large { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-large { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-large { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-large { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-large { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-large { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-large { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-large { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-large { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-large { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-large { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-large { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-large { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-large { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-large { margin-top: var(--space-base) !important; } .gap-top-line-at-large { margin-top: var(--space-line) !important; } .gap-top-small-at-large { margin-top: var(--space-small) !important; } .gap-top-medium-at-large { margin-top: var(--space-medium) !important; } .gap-top-large-at-large { margin-top: var(--space-large) !important; } .gap-top-xl-at-large { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-large { margin-top: var(--space-xxl) !important; } .gap-top-none-at-large { margin-top: var(--space-none) !important; } .gap-bottom-base-at-large { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-large { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-large { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-large { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-large { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-large { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-large { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-large { margin-bottom: var(--space-none) !important; } .gap-left-base-at-large { margin-left: var(--space-base) !important; } .gap-left-line-at-large { margin-left: var(--space-line) !important; } .gap-left-small-at-large { margin-left: var(--space-small) !important; } .gap-left-medium-at-large { margin-left: var(--space-medium) !important; } .gap-left-large-at-large { margin-left: var(--space-large) !important; } .gap-left-xl-at-large { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-large { margin-left: var(--space-xxl) !important; } .gap-left-none-at-large { margin-left: var(--space-none) !important; } .gap-right-base-at-large { margin-right: var(--space-base) !important; } .gap-right-line-at-large { margin-right: var(--space-line) !important; } .gap-right-small-at-large { margin-right: var(--space-small) !important; } .gap-right-medium-at-large { margin-right: var(--space-medium) !important; } .gap-right-large-at-large { margin-right: var(--space-large) !important; } .gap-right-xl-at-large { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-large { margin-right: var(--space-xxl) !important; } .gap-right-none-at-large { margin-right: var(--space-none) !important; } .offset-base-at-large { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-large { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-large { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-large { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-large { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-large { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-large { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-large { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-large { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-large { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-large { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-large { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-large { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-large { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-large { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-large { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-large { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-large { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-large { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-large { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-large { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-large { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-large { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-large { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-large { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-large { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-large { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-large { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-large { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-large { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-large { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-large { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-large { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-large { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-large { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-large { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-large { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-large { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-large { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-large { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-large { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-large { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-large { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-large { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-large { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-large { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-large { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-large { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-large { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-large { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-large { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-large { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-large { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-large { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-large { margin-right: calc(-1 * var(--space-none)) !important; } } @media (min-width: 1500px) { .pad-base-at-extra-large { padding: var(--space-base) !important; } .pad-line-at-extra-large { padding: var(--space-line) !important; } .pad-small-at-extra-large { padding: var(--space-small) !important; } .pad-medium-at-extra-large { padding: var(--space-medium) !important; } .pad-large-at-extra-large { padding: var(--space-large) !important; } .pad-xl-at-extra-large { padding: var(--space-xl) !important; } .pad-xxl-at-extra-large { padding: var(--space-xxl) !important; } .pad-none-at-extra-large { padding: var(--space-none) !important; } .pad-vert-base-at-extra-large { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-extra-large { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-extra-large { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-extra-large { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-extra-large { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-extra-large { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-extra-large { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-extra-large { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-extra-large { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-extra-large { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-extra-large { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-extra-large { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-extra-large { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-extra-large { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-extra-large { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-extra-large { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-extra-large { padding-top: var(--space-base) !important; } .pad-top-line-at-extra-large { padding-top: var(--space-line) !important; } .pad-top-small-at-extra-large { padding-top: var(--space-small) !important; } .pad-top-medium-at-extra-large { padding-top: var(--space-medium) !important; } .pad-top-large-at-extra-large { padding-top: var(--space-large) !important; } .pad-top-xl-at-extra-large { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-extra-large { padding-top: var(--space-xxl) !important; } .pad-top-none-at-extra-large { padding-top: var(--space-none) !important; } .pad-bottom-base-at-extra-large { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-extra-large { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-extra-large { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-extra-large { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-extra-large { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-extra-large { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-extra-large { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-extra-large { padding-bottom: var(--space-none) !important; } .pad-left-base-at-extra-large { padding-left: var(--space-base) !important; } .pad-left-line-at-extra-large { padding-left: var(--space-line) !important; } .pad-left-small-at-extra-large { padding-left: var(--space-small) !important; } .pad-left-medium-at-extra-large { padding-left: var(--space-medium) !important; } .pad-left-large-at-extra-large { padding-left: var(--space-large) !important; } .pad-left-xl-at-extra-large { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-extra-large { padding-left: var(--space-xxl) !important; } .pad-left-none-at-extra-large { padding-left: var(--space-none) !important; } .pad-right-base-at-extra-large { padding-right: var(--space-base) !important; } .pad-right-line-at-extra-large { padding-right: var(--space-line) !important; } .pad-right-small-at-extra-large { padding-right: var(--space-small) !important; } .pad-right-medium-at-extra-large { padding-right: var(--space-medium) !important; } .pad-right-large-at-extra-large { padding-right: var(--space-large) !important; } .pad-right-xl-at-extra-large { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-extra-large { padding-right: var(--space-xxl) !important; } .pad-right-none-at-extra-large { padding-right: var(--space-none) !important; } .gap-base-at-extra-large { margin: var(--space-base) !important; } .gap-line-at-extra-large { margin: var(--space-line) !important; } .gap-small-at-extra-large { margin: var(--space-small) !important; } .gap-medium-at-extra-large { margin: var(--space-medium) !important; } .gap-large-at-extra-large { margin: var(--space-large) !important; } .gap-xl-at-extra-large { margin: var(--space-xl) !important; } .gap-xxl-at-extra-large { margin: var(--space-xxl) !important; } .gap-none-at-extra-large { margin: var(--space-none) !important; } .gap-vert-base-at-extra-large { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-extra-large { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-extra-large { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-extra-large { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-extra-large { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-extra-large { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-extra-large { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-extra-large { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-extra-large { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-extra-large { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-extra-large { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-extra-large { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-extra-large { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-extra-large { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-extra-large { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-extra-large { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-extra-large { margin-top: var(--space-base) !important; } .gap-top-line-at-extra-large { margin-top: var(--space-line) !important; } .gap-top-small-at-extra-large { margin-top: var(--space-small) !important; } .gap-top-medium-at-extra-large { margin-top: var(--space-medium) !important; } .gap-top-large-at-extra-large { margin-top: var(--space-large) !important; } .gap-top-xl-at-extra-large { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-extra-large { margin-top: var(--space-xxl) !important; } .gap-top-none-at-extra-large { margin-top: var(--space-none) !important; } .gap-bottom-base-at-extra-large { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-extra-large { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-extra-large { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-extra-large { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-extra-large { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-extra-large { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-extra-large { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-extra-large { margin-bottom: var(--space-none) !important; } .gap-left-base-at-extra-large { margin-left: var(--space-base) !important; } .gap-left-line-at-extra-large { margin-left: var(--space-line) !important; } .gap-left-small-at-extra-large { margin-left: var(--space-small) !important; } .gap-left-medium-at-extra-large { margin-left: var(--space-medium) !important; } .gap-left-large-at-extra-large { margin-left: var(--space-large) !important; } .gap-left-xl-at-extra-large { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-extra-large { margin-left: var(--space-xxl) !important; } .gap-left-none-at-extra-large { margin-left: var(--space-none) !important; } .gap-right-base-at-extra-large { margin-right: var(--space-base) !important; } .gap-right-line-at-extra-large { margin-right: var(--space-line) !important; } .gap-right-small-at-extra-large { margin-right: var(--space-small) !important; } .gap-right-medium-at-extra-large { margin-right: var(--space-medium) !important; } .gap-right-large-at-extra-large { margin-right: var(--space-large) !important; } .gap-right-xl-at-extra-large { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-extra-large { margin-right: var(--space-xxl) !important; } .gap-right-none-at-extra-large { margin-right: var(--space-none) !important; } .offset-base-at-extra-large { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-extra-large { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-extra-large { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-extra-large { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-extra-large { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-extra-large { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-extra-large { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-extra-large { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-extra-large { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-extra-large { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-extra-large { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-extra-large { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-extra-large { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-extra-large { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-extra-large { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-extra-large { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-extra-large { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-extra-large { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-extra-large { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-extra-large { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-extra-large { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-extra-large { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-extra-large { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-extra-large { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-extra-large { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-extra-large { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-extra-large { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-extra-large { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-extra-large { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-extra-large { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-extra-large { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-extra-large { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-extra-large { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-extra-large { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-extra-large { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-extra-large { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-extra-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-extra-large { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-extra-large { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-extra-large { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-extra-large { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-extra-large { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-extra-large { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-extra-large { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-extra-large { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-extra-large { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-extra-large { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-extra-large { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-extra-large { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-extra-large { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-extra-large { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-extra-large { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-extra-large { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-extra-large { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-extra-large { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-extra-large { margin-right: calc(-1 * var(--space-none)) !important; } } .font-size-tiny { font-size: var(--font-size-tiny); line-height: var(--line-height-tiny); } .type-display .font-size-tiny { font-size: var(--font-size-display-tiny); line-height: var(--line-height-display-tiny); letter-spacing: var(--letter-spacing-display-normal); } .font-size-small { font-size: var(--font-size-small); line-height: var(--line-height-small); } .type-display .font-size-small { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); letter-spacing: var(--letter-spacing-display-normal); } .font-size-base { font-size: var(--font-size-base); line-height: var(--line-height-base); } .type-display .font-size-base { font-size: var(--font-size-display-base); line-height: var(--line-height-display-base); } .font-size-large { font-size: var(--font-size-medium); line-height: var(--line-height-medium); letter-spacing: var(--letter-spacing-large-base); } @media (min-width: 1023px) { .font-size-large { font-size: var(--font-size-large); line-height: var(--line-height-large); letter-spacing: var(--letter-spacing-large-medium); } } .type-display .font-size-large { font-family: var(--font-family-display); font-size: var(--font-size-display-large-base); line-height: var(--line-height-display-large-base); letter-spacing: var(--letter-spacing-display-large-base); } .type-display .font-size-large a { letter-spacing: var(--letter-spacing-display-link-large-base); } @media (min-width: 1023px) { .type-display .font-size-large { font-size: var(--font-size-display-large-medium); line-height: var(--line-height-display-large-medium); letter-spacing: var(--letter-spacing-display-large-medium); } .type-display .font-size-large a { letter-spacing: var(--letter-spacing-display-link-large-medium); } } .font-weight-thin { font-weight: var(--font-weight-thin) !important; } .font-weight-light { font-weight: var(--font-weight-light) !important; } .font-weight-regular { font-weight: var(--font-weight-regular) !important; } .font-weight-medium { font-weight: var(--font-weight-medium) !important; } .font-weight-semibold { font-weight: var(--font-weight-semibold) !important; } .font-weight-bold { font-weight: var(--font-weight-bold) !important; } .font-eyebrow-small { font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.125em; font-family: var(--font-family-base); font-size: var(--font-size-tiny); line-height: var(--line-height-tiny); } @media (min-width: 1023px) { .font-eyebrow-small { font-size: var(--font-size-small); line-height: var(--line-height-small); } } .type-display .font-eyebrow-small { font-size: var(--font-size-display-tiny); line-height: var(--line-height-display-tiny); } @media (min-width: 1023px) { .type-display .font-eyebrow-small { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); } } .font-eyebrow-large { font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.125em; font-family: var(--font-family-base); font-size: var(--font-size-small); line-height: var(--line-height-small); } @media (min-width: 1023px) { .font-eyebrow-large { font-size: var(--font-size-base); line-height: var(--line-height-base); } } .type-display .font-eyebrow-large { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); } @media (min-width: 1023px) { .type-display .font-eyebrow-large { font-size: var(--font-size-display-base); line-height: var(--line-height-display-base); } } .headings-compact h1:not(:first-child), .headings-compact .h1:not(:first-child), .headings-compact h2:not(:first-child), .headings-compact .h2:not(:first-child), .headings-compact h3:not(:first-child), .headings-compact .h3:not(:first-child), .headings-compact h4:not(:first-child), .headings-compact .h4:not(:first-child), .headings-compact h5:not(:first-child), .headings-compact .h5:not(:first-child), .headings-compact .font-eyebrow-small:not(:first-child), .headings-compact .font-eyebrow-large:not(:first-child) { margin-top: var(--line-height-base); } .headings-compact h1:not(:last-child), .headings-compact .h1:not(:last-child), .headings-compact h2:not(:last-child), .headings-compact .h2:not(:last-child), .headings-compact h3:not(:last-child), .headings-compact .h3:not(:last-child), .headings-compact h4:not(:last-child), .headings-compact .h4:not(:last-child), .headings-compact h5:not(:last-child), .headings-compact .h5:not(:last-child), .headings-compact .font-eyebrow-small:not(:last-child), .headings-compact .font-eyebrow-large:not(:last-child) { margin-bottom: calc(var(--line-height-base) / 2); } .headings-compact h1 + p, .headings-compact .h1 + p, .headings-compact h2 + p, .headings-compact .h2 + p, .headings-compact h3 + p, .headings-compact .h3 + p, .headings-compact h4 + p, .headings-compact .h4 + p, .headings-compact h5 + p, .headings-compact .h5 + p, .headings-compact .font-eyebrow-small + p, .headings-compact .font-eyebrow-large + p { margin-top: 0; } .headings-compact h6:not(:first-child), .headings-compact .h6:not(:first-child) { margin-top: var(--line-height-base); } .headings-compact h6:not(:last-child), .headings-compact .h6:not(:last-child) { margin-bottom: 0; } .headings-compact h6 + p, .headings-compact .h6 + p { margin-top: 0; } .type-display .headings-compact h1:not(:first-child), .type-display .headings-compact .h1:not(:first-child), .type-display .headings-compact h2:not(:first-child), .type-display .headings-compact .h2:not(:first-child), .type-display .headings-compact h3:not(:first-child), .type-display .headings-compact .h3:not(:first-child), .type-display .headings-compact h4:not(:first-child), .type-display .headings-compact .h4:not(:first-child), .type-display .headings-compact h5:not(:first-child), .type-display .headings-compact .h5:not(:first-child), .type-display .headings-compact .font-eyebrow-small:not(:first-child), .type-display .headings-compact .font-eyebrow-large:not(:first-child) { margin-top: var(--line-height-display-base); } .type-display .headings-compact h1:not(:last-child), .type-display .headings-compact .h1:not(:last-child), .type-display .headings-compact h2:not(:last-child), .type-display .headings-compact .h2:not(:last-child), .type-display .headings-compact h3:not(:last-child), .type-display .headings-compact .h3:not(:last-child), .type-display .headings-compact h4:not(:last-child), .type-display .headings-compact .h4:not(:last-child), .type-display .headings-compact h5:not(:last-child), .type-display .headings-compact .h5:not(:last-child), .type-display .headings-compact .font-eyebrow-small:not(:last-child), .type-display .headings-compact .font-eyebrow-large:not(:last-child) { margin-bottom: calc(var(--line-height-display-base) / 2); } .type-display .headings-compact h1 + p, .type-display .headings-compact .h1 + p, .type-display .headings-compact h2 + p, .type-display .headings-compact .h2 + p, .type-display .headings-compact h3 + p, .type-display .headings-compact .h3 + p, .type-display .headings-compact h4 + p, .type-display .headings-compact .h4 + p, .type-display .headings-compact h5 + p, .type-display .headings-compact .h5 + p, .type-display .headings-compact .font-eyebrow-small + p, .type-display .headings-compact .font-eyebrow-large + p { margin-top: 0; } .type-display .headings-compact h6:not(:first-child), .type-display .headings-compact .h6:not(:first-child) { margin-top: var(--line-height-display-base); } .type-display .headings-compact h6:not(:last-child), .type-display .headings-compact .h6:not(:last-child) { margin-bottom: 0; } .type-display .headings-compact h6 + p, .type-display .headings-compact .h6 + p { margin-top: 0; } .fine-print, .upperspaced { font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.125em; font-family: var(--font-family-base); font-size: var(--font-size-tiny); line-height: var(--line-height-tiny); } @media (min-width: 1023px) { .fine-print, .upperspaced { font-size: var(--font-size-small); line-height: var(--line-height-small); } } .type-display .fine-print, .type-display .upperspaced { font-size: var(--font-size-display-tiny); line-height: var(--line-height-display-tiny); } @media (min-width: 1023px) { .type-display .fine-print, .type-display .upperspaced { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); } } .legal-text { font-size: var(--font-size-tiny); line-height: var(--line-height-tiny); } .type-display .legal-text { font-size: var(--font-size-display-tiny); line-height: var(--line-height-display-tiny); letter-spacing: var(--letter-spacing-display-normal); } .text-truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .no-wrap { white-space: nowrap; } .uppercase { text-transform: uppercase !important; } .capitalize { text-transform: capitalize !important; } .lowercase { text-transform: lowercase !important; } .normalcase { text-transform: none !important; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) { position: relative; --carousel-button-size: 40px; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]), .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide img { position: relative; width: 100%; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide[data-active='false'] *, .carousel[data-dragging='true']:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide *, .carousel[data-animating='true']:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide * { pointer-events: none; } .carousel[data-dragging='true']:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slider, .carousel[data-dragging='start']:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-opacity-focus]:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-opacity-focus]:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator:hover, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator:focus { opacity: 0.5; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator:active { opacity: 1; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator::before, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator::before { background-color: white; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-nav { margin-top: var(--space-small); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } @media (hover: hover) { .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:hover, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:focus, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:hover, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:hover, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:focus, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:hover, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:active, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:active, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left::before, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left::before, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left.hidden, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { margin-left: var(--space-line); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } @media (min-width: 1023px) { .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { position: absolute; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left::before, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left.hidden, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right.hidden { display: none !important; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left { left: var(--space-line); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { right: var(--space-line); } } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='base'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='base'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='base'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='base'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='base'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='base'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } @media (hover: hover) { .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } @media (min-width: 1023px) { .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 374px) { .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='extra-small'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='extra-small'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='extra-small'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='extra-small'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='extra-small'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='extra-small'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 374px) and (hover: hover) { .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 374px) { .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 374px) and (min-width: 1023px) { .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 716px) { .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='small'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='small'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='small'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='small'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='small'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='small'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 716px) and (hover: hover) { .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 716px) { .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 716px) and (min-width: 1023px) { .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 1022px) { .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='medium'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='medium'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='medium'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='medium'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='medium'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='medium'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 1022px) and (hover: hover) { .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 1022px) { .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 1022px) and (min-width: 1023px) { .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 1239px) { .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='large'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='large'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='large'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='large'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='large'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='large'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 1239px) and (hover: hover) { .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 1239px) { .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 1239px) and (min-width: 1023px) { .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 1499px) { .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='extra-large'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='extra-large'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='extra-large'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='extra-large'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='extra-large'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='extra-large'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 1499px) and (hover: hover) { .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 1499px) { .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 1499px) and (min-width: 1023px) { .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } .flash { visibility: hidden; position: fixed; z-index: 800; width: 100%; max-width: var(--body-width-max); font-size: var(--font-size-small); line-height: var(--line-height-small); font-weight: var(--font-weight-bold); text-align: center; color: white; background-color: var(--color-gray-80); transition: transform var(--duration-leave) var(--easing-accelerate) 0s, visibility 0s linear var(--duration-leave), background-color var(--duration-quick) var(--easing-sharp); } .flash a { font-weight: inherit; color: inherit; text-decoration: underline; } .flash-message { margin-left: auto; margin-right: auto; padding-top: var(--space-line); padding-bottom: var(--space-line); width: var(--container-width-base); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--body-width-min) - var(--container-width-base)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--body-width-min) - var(--container-width-base)) / 2)))); } @media (min-width: 375px) { .flash-message { width: var(--container-width-extra-small); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-extra-small) - var(--container-width-extra-small)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-extra-small) - var(--container-width-extra-small)) / 2)))); } } @media (min-width: 717px) { .flash-message { width: var(--container-width-small); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-small) - var(--container-width-small)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-small) - var(--container-width-small)) / 2)))); } } @media (min-width: 1023px) { .flash-message { width: var(--container-width-medium); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-medium) - var(--container-width-medium)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-medium) - var(--container-width-medium)) / 2)))); } } @media (min-width: 1240px) { .flash-message { width: var(--container-width-large); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-large) - var(--container-width-large)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-large) - var(--container-width-large)) / 2)))); } } @media (min-width: 1500px) { .flash-message { width: var(--container-width-extra-large); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-extra-large) - var(--container-width-extra-large)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-extra-large) - var(--container-width-extra-large)) / 2)))); } } .flash-close { position: absolute; display: block; overflow: hidden; top: var(--space-line); right: var(--space-line); width: var(--close-button-size); height: var(--close-button-size); min-height: 0; padding: 0; font-size: 0; color: transparent; background-color: transparent !important; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); background-repeat: no-repeat; background-position: center; outline: 0; } .flash-top { top: 0; transform: translateY(-100%); box-shadow: 0 4px 20px var(--color-drop-shadow); } .flash-bottom { bottom: 0; transform: translateY(100%); box-shadow: 0 -4px 20px var(--color-drop-shadow); } .flash-info { background-color: var(--color-validation-info); } .flash-success { background-color: var(--color-validation-success); } .flash-warning { background-color: var(--color-validation-warning); } .flash-error { background-color: var(--color-validation-error); } .flash-show { visibility: visible; transform: translateY(0); transition: transform var(--duration-enter) var(--easing-decelerate) 0s, visibility 0s linear 0s, background-color var(--duration-quick) var(--easing-sharp); } .page-footer { margin-top: auto; position: relative; background-color: var(--color-footer-bg); color: var(--color-footer-text); font-size: var(--font-size-small); line-height: var(--line-height-small); } .page-footer [fill]:not([fill='none']):not([fill^='url']) { fill: var(--color-footer-link) !important; } .page-footer [stroke]:not([stroke='transparent']) { stroke: var(--color-footer-link) !important; } .page-footer a { color: var(--color-footer-link) !important; } .page-footer h1 a, .page-footer .h1 a, .page-footer h2 a, .page-footer .h2 a, .page-footer h3 a, .page-footer .h3 a, .page-footer h4 a, .page-footer .h4 a, .page-footer h5 a, .page-footer .h5 a, .page-footer h6 a, .page-footer .h6 a { color: var(--color-footer-text) !important; } .page-footer .destination-links li { margin-bottom: calc(var(--space-base) / 2); } .page-footer .primary { margin-bottom: var(--space-small); } .page-footer .tertiary { padding-top: var(--space-line); padding-bottom: var(--space-line); margin-bottom: var(--space-line); border-top: 1px solid var(--color-footer-border); border-bottom: 1px solid var(--color-footer-border); } .page-footer .collapse { visibility: hidden; } @media (min-width: 717px) { .page-footer [data-transition-target] { cursor: default; pointer-events: none; } .page-footer [data-transition-target] .caret::after { display: none; } } @media (min-width: 717px) { .page-footer [data-transition-types='collapse fade'] { overflow: visible !important; opacity: 1 !important; height: auto !important; visibility: visible !important; } } :root { --_graphical-list-size: 40px; } ol.graphical { counter-reset: list_item; } ol.graphical:not([class^='grid']):not([class*=' grid']) { margin-bottom: calc(-1 * var(--space-small)); } ol.graphical:not([class^='grid']):not([class*=' grid']) > li { margin-bottom: var(--space-small); } ol.graphical:not([class^='grid']):not([class*=' grid']):not([class*='graphical-flex']) > li { padding-left: 0; } ol.graphical > li::before { counter-increment: list_item; content: counter(list_item); display: block; position: static; width: var(--_graphical-list-size); height: var(--_graphical-list-size); margin-left: 0; margin-bottom: var(--space-line); font-size: var(--font-size-small); font-weight: var(--font-weight-medium); text-align: center; line-height: calc(var(--_graphical-list-size) - 2px); color: var(--color-text); border-style: solid; border-width: 1px; border-radius: 50%; border-color: var(--color-text); } .bg-invert ol.graphical > li::before, .bg-theme ol.graphical > li::before { color: white; border-color: white; } ol.graphical > li > *:last-child { margin-bottom: 0; } ol.graphical.graphical-flex > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex[class^='grid'] > li, ol.graphical.graphical-flex[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex[class^='grid'] > li::before, ol.graphical.graphical-flex[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } @media (min-width: 375px) { ol.graphical.graphical-flex-at-extra-small > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-extra-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-extra-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } @media (min-width: 717px) { ol.graphical.graphical-flex-at-small > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-small > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-small[class^='grid'] > li, ol.graphical.graphical-flex-at-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-small.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-small.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-small.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-small.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-small.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-small.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-small.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-small.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } @media (min-width: 1023px) { ol.graphical.graphical-flex-at-medium > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-medium > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } @media (min-width: 1240px) { ol.graphical.graphical-flex-at-large > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-large > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-large[class^='grid'] > li, ol.graphical.graphical-flex-at-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-large.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-large.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-large.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-large.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-large.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-large.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-large.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-large.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } @media (min-width: 1500px) { ol.graphical.graphical-flex-at-extra-large > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-extra-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-extra-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } .theme-lime ol.graphical > li::before, [class^='theme-'] .theme-lime ol.graphical > li::before, [class*=' theme-'] .theme-lime ol.graphical > li::before { color: var(--color-lime); border-color: var(--color-lime); } .theme-lime .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-lime .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-lime .bg-invert ol.graphical > li::before { color: var(--color-lime-light); border-color: var(--color-lime-light); } .theme-lime .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-lime .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-lime .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-lime .bg-white ol.graphical > li::before, [class^='theme-'] .theme-lime .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-lime .bg-white ol.graphical > li::before { color: var(--color-lime); border-color: var(--color-lime); } .theme-green ol.graphical > li::before, [class^='theme-'] .theme-green ol.graphical > li::before, [class*=' theme-'] .theme-green ol.graphical > li::before { color: var(--color-green); border-color: var(--color-green); } .theme-green .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-green .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-green .bg-invert ol.graphical > li::before { color: var(--color-green-light); border-color: var(--color-green-light); } .theme-green .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-green .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-green .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-green .bg-white ol.graphical > li::before, [class^='theme-'] .theme-green .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-green .bg-white ol.graphical > li::before { color: var(--color-green); border-color: var(--color-green); } .theme-teal ol.graphical > li::before, [class^='theme-'] .theme-teal ol.graphical > li::before, [class*=' theme-'] .theme-teal ol.graphical > li::before { color: var(--color-teal); border-color: var(--color-teal); } .theme-teal .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-teal .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-teal .bg-invert ol.graphical > li::before { color: var(--color-teal-light); border-color: var(--color-teal-light); } .theme-teal .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-teal .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-teal .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-teal .bg-white ol.graphical > li::before, [class^='theme-'] .theme-teal .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-teal .bg-white ol.graphical > li::before { color: var(--color-teal); border-color: var(--color-teal); } .theme-blue ol.graphical > li::before, [class^='theme-'] .theme-blue ol.graphical > li::before, [class*=' theme-'] .theme-blue ol.graphical > li::before { color: var(--color-blue); border-color: var(--color-blue); } .theme-blue .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-blue .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-blue .bg-invert ol.graphical > li::before { color: var(--color-blue-light); border-color: var(--color-blue-light); } .theme-blue .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-blue .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-blue .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-blue .bg-white ol.graphical > li::before, [class^='theme-'] .theme-blue .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-blue .bg-white ol.graphical > li::before { color: var(--color-blue); border-color: var(--color-blue); } .theme-royal-blue ol.graphical > li::before, [class^='theme-'] .theme-royal-blue ol.graphical > li::before, [class*=' theme-'] .theme-royal-blue ol.graphical > li::before { color: var(--color-royal-blue); border-color: var(--color-royal-blue); } .theme-royal-blue .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-royal-blue .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-royal-blue .bg-invert ol.graphical > li::before { color: var(--color-royal-blue-light); border-color: var(--color-royal-blue-light); } .theme-royal-blue .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-royal-blue .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-royal-blue .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-royal-blue .bg-white ol.graphical > li::before, [class^='theme-'] .theme-royal-blue .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-royal-blue .bg-white ol.graphical > li::before { color: var(--color-royal-blue); border-color: var(--color-royal-blue); } .theme-indigo ol.graphical > li::before, [class^='theme-'] .theme-indigo ol.graphical > li::before, [class*=' theme-'] .theme-indigo ol.graphical > li::before { color: var(--color-indigo); border-color: var(--color-indigo); } .theme-indigo .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-indigo .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-indigo .bg-invert ol.graphical > li::before { color: var(--color-indigo-light); border-color: var(--color-indigo-light); } .theme-indigo .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-indigo .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-indigo .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-indigo .bg-white ol.graphical > li::before, [class^='theme-'] .theme-indigo .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-indigo .bg-white ol.graphical > li::before { color: var(--color-indigo); border-color: var(--color-indigo); } .theme-purple ol.graphical > li::before, [class^='theme-'] .theme-purple ol.graphical > li::before, [class*=' theme-'] .theme-purple ol.graphical > li::before { color: var(--color-purple); border-color: var(--color-purple); } .theme-purple .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-purple .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-purple .bg-invert ol.graphical > li::before { color: var(--color-purple-light); border-color: var(--color-purple-light); } .theme-purple .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-purple .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-purple .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-purple .bg-white ol.graphical > li::before, [class^='theme-'] .theme-purple .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-purple .bg-white ol.graphical > li::before { color: var(--color-purple); border-color: var(--color-purple); } .theme-plum ol.graphical > li::before, [class^='theme-'] .theme-plum ol.graphical > li::before, [class*=' theme-'] .theme-plum ol.graphical > li::before { color: var(--color-plum); border-color: var(--color-plum); } .theme-plum .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-plum .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-plum .bg-invert ol.graphical > li::before { color: var(--color-plum-light); border-color: var(--color-plum-light); } .theme-plum .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-plum .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-plum .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-plum .bg-white ol.graphical > li::before, [class^='theme-'] .theme-plum .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-plum .bg-white ol.graphical > li::before { color: var(--color-plum); border-color: var(--color-plum); } .theme-rose ol.graphical > li::before, [class^='theme-'] .theme-rose ol.graphical > li::before, [class*=' theme-'] .theme-rose ol.graphical > li::before { color: var(--color-rose); border-color: var(--color-rose); } .theme-rose .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-rose .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-rose .bg-invert ol.graphical > li::before { color: var(--color-rose-light); border-color: var(--color-rose-light); } .theme-rose .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-rose .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-rose .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-rose .bg-white ol.graphical > li::before, [class^='theme-'] .theme-rose .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-rose .bg-white ol.graphical > li::before { color: var(--color-rose); border-color: var(--color-rose); } .theme-orange ol.graphical > li::before, [class^='theme-'] .theme-orange ol.graphical > li::before, [class*=' theme-'] .theme-orange ol.graphical > li::before { color: var(--color-orange); border-color: var(--color-orange); } .theme-orange .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-orange .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-orange .bg-invert ol.graphical > li::before { color: var(--color-orange-light); border-color: var(--color-orange-light); } .theme-orange .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-orange .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-orange .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-orange .bg-white ol.graphical > li::before, [class^='theme-'] .theme-orange .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-orange .bg-white ol.graphical > li::before { color: var(--color-orange); border-color: var(--color-orange); } .align-center ol.graphical > li::before, ol.graphical.align-center > li::before, ol.graphical > li.align-center::before { margin-left: auto; margin-right: auto; } .align-right ol.graphical > li::before, ol.graphical.align-right > li::before, ol.graphical > li.align-right::before { margin-left: auto; margin-right: 0; } .hero { overflow: hidden; position: relative; text-align: center; } .hero .content { margin-left: auto; margin-right: auto; max-width: var(--content-max-width); padding: var(--space-medium) 0; } .type-display .hero .content { margin-left: auto; margin-right: auto; max-width: 100%; padding: var(--space-large) 0; } @media (min-width: 1023px) { .type-display .hero .content { padding: var(--space-xl) 0; } } .type-display .hero .content > * { margin-left: auto; margin-right: auto; max-width: var(--content-display-max-width); } .type-display .hero .content > h1 { margin-left: auto; margin-right: auto; max-width: 100%; } @media (min-width: 1023px) { .hero .content { padding: var(--space-large) 0; } } .hero h1 { font-size: var(--font-size-hero-base); line-height: var(--line-height-hero-base); letter-spacing: var(--letter-spacing-hero-base); margin-top: 0; } .hero h1:not(:last-child) { margin-bottom: var(--line-height-base); } @media (min-width: 1023px) { .hero h1 { font-size: var(--font-size-hero-medium); line-height: var(--line-height-hero-medium); letter-spacing: var(--letter-spacing-hero-medium); } } .type-display .hero h1 { font-size: var(--font-size-display-hero-base); line-height: var(--line-height-display-hero-base); letter-spacing: var(--letter-spacing-display-hero-base); } @media (min-width: 1023px) { .type-display .hero h1 { font-size: var(--font-size-display-hero-medium); line-height: var(--line-height-display-hero-medium); letter-spacing: var(--letter-spacing-display-hero-medium); font-weight: var(--font-weight-display-hero-medium); } } .hero h2 { font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.125em; font-family: var(--font-family-base); font-size: var(--font-size-small); line-height: var(--line-height-small); } @media (min-width: 1023px) { .hero h2 { font-size: var(--font-size-base); line-height: var(--line-height-base); } } .type-display .hero h2 { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); } @media (min-width: 1023px) { .type-display .hero h2 { font-size: var(--font-size-display-base); line-height: var(--line-height-display-base); } } .hero h2, .hero .font-eyebrow-large { margin-bottom: calc(var(--line-height-base) / 2); } .hero.hero-tucked { margin-top: calc(-1 * var(--nav-height)); padding-top: var(--nav-height); } .intro { margin-left: auto; margin-right: auto; max-width: var(--content-max-width); text-align: center; } .intro h1:not(:first-child), .intro .h1:not(:first-child), .intro h2:not(:first-child), .intro .h2:not(:first-child), .intro h3:not(:first-child), .intro .h3:not(:first-child), .intro h4:not(:first-child), .intro .h4:not(:first-child), .intro h5:not(:first-child), .intro .h5:not(:first-child), .intro .font-eyebrow-small:not(:first-child), .intro .font-eyebrow-large:not(:first-child) { margin-top: var(--line-height-base); } .intro h1:not(:last-child), .intro .h1:not(:last-child), .intro h2:not(:last-child), .intro .h2:not(:last-child), .intro h3:not(:last-child), .intro .h3:not(:last-child), .intro h4:not(:last-child), .intro .h4:not(:last-child), .intro h5:not(:last-child), .intro .h5:not(:last-child), .intro .font-eyebrow-small:not(:last-child), .intro .font-eyebrow-large:not(:last-child) { margin-bottom: calc(var(--line-height-base) / 2); } .intro h1 + p, .intro .h1 + p, .intro h2 + p, .intro .h2 + p, .intro h3 + p, .intro .h3 + p, .intro h4 + p, .intro .h4 + p, .intro h5 + p, .intro .h5 + p, .intro .font-eyebrow-small + p, .intro .font-eyebrow-large + p { margin-top: 0; } .intro h6:not(:first-child), .intro .h6:not(:first-child) { margin-top: var(--line-height-base); } .intro h6:not(:last-child), .intro .h6:not(:last-child) { margin-bottom: 0; } .intro h6 + p, .intro .h6 + p { margin-top: 0; } .type-display .intro h1:not(:first-child), .type-display .intro .h1:not(:first-child), .type-display .intro h2:not(:first-child), .type-display .intro .h2:not(:first-child), .type-display .intro h3:not(:first-child), .type-display .intro .h3:not(:first-child), .type-display .intro h4:not(:first-child), .type-display .intro .h4:not(:first-child), .type-display .intro h5:not(:first-child), .type-display .intro .h5:not(:first-child), .type-display .intro .font-eyebrow-small:not(:first-child), .type-display .intro .font-eyebrow-large:not(:first-child) { margin-top: var(--line-height-display-base); } .type-display .intro h1:not(:last-child), .type-display .intro .h1:not(:last-child), .type-display .intro h2:not(:last-child), .type-display .intro .h2:not(:last-child), .type-display .intro h3:not(:last-child), .type-display .intro .h3:not(:last-child), .type-display .intro h4:not(:last-child), .type-display .intro .h4:not(:last-child), .type-display .intro h5:not(:last-child), .type-display .intro .h5:not(:last-child), .type-display .intro .font-eyebrow-small:not(:last-child), .type-display .intro .font-eyebrow-large:not(:last-child) { margin-bottom: calc(var(--line-height-display-base) / 2); } .type-display .intro h1 + p, .type-display .intro .h1 + p, .type-display .intro h2 + p, .type-display .intro .h2 + p, .type-display .intro h3 + p, .type-display .intro .h3 + p, .type-display .intro h4 + p, .type-display .intro .h4 + p, .type-display .intro h5 + p, .type-display .intro .h5 + p, .type-display .intro .font-eyebrow-small + p, .type-display .intro .font-eyebrow-large + p { margin-top: 0; } .type-display .intro h6:not(:first-child), .type-display .intro .h6:not(:first-child) { margin-top: var(--line-height-display-base); } .type-display .intro h6:not(:last-child), .type-display .intro .h6:not(:last-child) { margin-bottom: 0; } .type-display .intro h6 + p, .type-display .intro .h6 + p { margin-top: 0; } .type-display .intro { margin-left: auto; margin-right: auto; max-width: var(--content-display-max-width); max-width: 70em; } .type-display .intro h1, .type-display .intro .h1 { max-width: 100%; } .type-display .intro h2, .type-display .intro .h2, .type-display .intro h3, .type-display .intro .h3, .type-display .intro h4, .type-display .intro .h4 { max-width: var(--content-display-max-width); margin-left: inherit; margin-right: inherit; } .type-display .intro p { max-width: var(--content-display-max-width); margin-left: auto; margin-right: auto; } .type-display .intro.align-left p { margin-left: initial; } .type-display .intro.align-right p { margin-right: initial; } .intro:not(:last-child) { margin-bottom: var(--space-small); } @media (min-width: 1023px) { .intro:not(:last-child) { margin-bottom: var(--space-medium); } } html.modal-active { overflow: hidden; } .modal { position: fixed; width: 100%; top: 0; bottom: 0; max-width: var(--body-width-max); margin: 0 auto; opacity: 0; visibility: hidden; z-index: -1; pointer-events: none; overflow: hidden; transition: opacity 0s var(--duration-leave), visibility 0s var(--duration-leave), z-index 0s var(--duration-leave); } .modal::before { content: ''; display: block; position: fixed; top: 0; bottom: 0; width: 100%; max-width: var(--body-width-max); margin: 0 auto; background-color: black; opacity: 0; transition: opacity var(--duration-leave) var(--easing-accelerate); } .modal[data-active='true'] { opacity: 1; visibility: visible; z-index: 300; pointer-events: auto; transition: opacity 0s 0s, visibility 0s 0s, z-index 0s 0s; } .modal[data-active='true']::before { opacity: 0.5; transition: opacity var(--duration-complex) var(--easing-decelerate); } .modal-scroll { z-index: 0; display: flex; position: fixed; top: 0; bottom: 0; width: 100%; max-width: var(--body-width-max); margin: 0 auto; text-align: center; overflow: auto; -webkit-overflow-scrolling: touch; transform: translate3d(0, 100%, 0); transition: opacity var(--duration-leave) var(--easing-accelerate), transform var(--duration-leave) var(--easing-accelerate); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .modal-scroll { display: block; } } .modal[data-active='true'] .modal-scroll { transform: translate3d(0, 0, 0); transition: opacity var(--duration-complex) var(--easing-decelerate), transform var(--duration-complex) var(--easing-decelerate); } .modal-wrapper { position: relative; width: 100%; min-height: 100%; max-width: var(--body-width-max); margin: auto; background-color: white; padding: var(--space-medium) 0; text-align: left; } .modal.shake .modal-wrapper { animation-name: shake-dialog; animation-duration: var(--duration-default); } .modal-accent .modal-wrapper { background-color: var(--color-accent); } .modal-invert .modal-wrapper { color: white; background-color: var(--color-charcoal); } .theme-lime .modal-theme .modal-wrapper { color: white; background-color: var(--color-lime); } .theme-green .modal-theme .modal-wrapper { color: white; background-color: var(--color-green); } .theme-teal .modal-theme .modal-wrapper { color: white; background-color: var(--color-teal); } .theme-blue .modal-theme .modal-wrapper { color: white; background-color: var(--color-blue); } .theme-royal-blue .modal-theme .modal-wrapper { color: white; background-color: var(--color-royal-blue); } .theme-indigo .modal-theme .modal-wrapper { color: white; background-color: var(--color-indigo); } .theme-purple .modal-theme .modal-wrapper { color: white; background-color: var(--color-purple); } .theme-plum .modal-theme .modal-wrapper { color: white; background-color: var(--color-plum); } .theme-rose .modal-theme .modal-wrapper { color: white; background-color: var(--color-rose); } .theme-orange .modal-theme .modal-wrapper { color: white; background-color: var(--color-orange); } .modal-close-button { position: absolute; top: var(--space-base); right: var(--space-base); width: 45px; height: 45px; border-radius: 50%; } .modal-close-button::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: var(--border-radius-large); background-color: var(--color-gray-05); opacity: 0.75; transition: opacity var(--duration-quick) var(--easing-sharp); } .modal-accent .modal-close-button::before { background-color: var(--color-accent); } .modal-invert .modal-close-button::before { background-color: var(--color-charcoal); } .theme-lime .modal-theme .modal-close-button::before { background-color: var(--color-lime); } .theme-green .modal-theme .modal-close-button::before { background-color: var(--color-green); } .theme-teal .modal-theme .modal-close-button::before { background-color: var(--color-teal); } .theme-blue .modal-theme .modal-close-button::before { background-color: var(--color-blue); } .theme-royal-blue .modal-theme .modal-close-button::before { background-color: var(--color-royal-blue); } .theme-indigo .modal-theme .modal-close-button::before { background-color: var(--color-indigo); } .theme-purple .modal-theme .modal-close-button::before { background-color: var(--color-purple); } .theme-plum .modal-theme .modal-close-button::before { background-color: var(--color-plum); } .theme-rose .modal-theme .modal-close-button::before { background-color: var(--color-rose); } .theme-orange .modal-theme .modal-close-button::before { background-color: var(--color-orange); } .modal-close-button::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iIzAwMCIvPgo8L3N2Zz4K') center center no-repeat; } .modal-invert .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-lime .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-green .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-teal .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-blue .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-royal-blue .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-indigo .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-purple .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-plum .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-rose .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-orange .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .modal-close-button:hover::before { opacity: 1; } .modal-close-button-outer { display: block; opacity: 0; z-index: 1; } .modal[data-active='true'] .modal-close-button-outer { opacity: 1; transition: opacity var(--duration-quick) var(--easing-sharp) var(--duration-complex); } .modal-close-button-inner { display: none; } @media (min-width: 717px) { .modal[data-size='extra-small'] .modal-close-button-outer { display: none; } .modal[data-size='extra-small'] .modal-close-button-inner { display: block; } .modal[data-size='extra-small'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='extra-small'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='extra-small'] .content { width: var(--container-width-base); } } @media (min-width: 717px) { .modal[data-size='small'] .modal-close-button-outer { display: none; } .modal[data-size='small'] .modal-close-button-inner { display: block; } .modal[data-size='small'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='small'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='small'] .content { width: var(--container-width-extra-small); } } @media (min-width: 1023px) { .modal[data-size='medium'] .modal-close-button-outer { display: none; } .modal[data-size='medium'] .modal-close-button-inner { display: block; } .modal[data-size='medium'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='medium'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='medium'] .content { width: var(--container-width-small); } } @media (min-width: 1240px) { .modal[data-size='large'] .modal-close-button-outer { display: none; } .modal[data-size='large'] .modal-close-button-inner { display: block; } .modal[data-size='large'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='large'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='large'] .content { width: var(--container-width-medium); } } @media (min-width: 1500px) { .modal[data-size='extra-large'] .modal-close-button-outer { display: none; } .modal[data-size='extra-large'] .modal-close-button-inner { display: block; } .modal[data-size='extra-large'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='extra-large'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='extra-large'] .content { width: var(--container-width-large); } } @keyframes shake-dialog { 0% { transform: translate3d(0, 0, 0); } 20% { transform: translate3d(-1%, 0, 0); } 40% { transform: translate3d(1%, 0, 0); } 60% { transform: translate3d(-1%, 0, 0); } 80% { transform: translate3d(1%, 0, 0); } 100% { transform: translate3d(0, 0, 0); } } .sticky-banner { position: fixed; width: 100%; max-width: var(--body-width-max); margin: 0 auto; z-index: 100; background-color: white; visibility: hidden; } .sticky-banner.bg-invert { background-color: var(--color-gray-80); } @media (min-width: 1023px) { .sticky-banner .button { padding: 5px 20px; min-height: auto; } } .show-time .sticky-banner.sticky-animate { transition: transform var(--duration-leave) var(--easing-accelerate), visibility 0s linear var(--duration-leave); } .sticky-banner.sticky-top { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } @media (min-width: 375px) { .sticky-banner.sticky-top-at-extra-small { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-extra-small { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } @media (min-width: 717px) { .sticky-banner.sticky-top-at-small { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-small { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } @media (min-width: 1023px) { .sticky-banner.sticky-top-at-medium { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-medium { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } @media (min-width: 1240px) { .sticky-banner.sticky-top-at-large { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-large { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } @media (min-width: 1500px) { .sticky-banner.sticky-top-at-extra-large { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-extra-large { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } .sticky-banner.sticky-active { transform: translate3d(0, 0, 0); } .sticky-banner.sticky-active.sticky-animate { visibility: visible; transition: transform var(--duration-enter) var(--easing-decelerate), visibility 0s linear 0s; } table { width: 100%; max-width: 100%; margin-bottom: 20px; border: 0 solid #d9d9d9; border-spacing: 0; border-collapse: collapse; background-color: white; text-align: left; vertical-align: top; } thead, tbody, tfoot, tr, th, td { border-color: inherit; border-style: inherit; text-align: inherit; vertical-align: inherit; } th, td { padding: 10px; border-width: 1px; background-color: transparent; transition: background-color 150ms; } @supports (mix-blend-mode: multiply) { th, td { mix-blend-mode: multiply; } } .table-border-cells th, .table-border-cells td { border-width: 1px; } .table-header-bg thead th, .table-header-bg thead td { background-color: var(--color-table-header-bg); } .table-border-rows th, .table-border-rows td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows thead th, .table-border-rows thead td, .table-border-rows tbody th, .table-border-rows tbody td { border-top-width: 0; } .table-border-rows tbody tr:last-child th, .table-border-rows tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols th, .table-border-cols td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols th:first-child, .table-border-cols td:first-child { border-left-width: 0; } .table-border-cols th:last-child, .table-border-cols td:last-child { border-right-width: 0; } .table-border-none th, .table-border-none td { border-width: 0; } .table-stripe-rows tbody tr:nth-child(odd) th, .table-stripe-rows tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows tbody tr:nth-child(even) th, .table-stripe-rows tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols tbody tr th:nth-child(odd), .table-stripe-cols tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols tbody tr th:nth-child(even), .table-stripe-cols tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base th, .table-pad-base td { padding: var(--space-base); } .table-pad-line th, .table-pad-line td { padding: var(--space-line); } .table-pad-small th, .table-pad-small td { padding: var(--space-small); } .table-pad-none th, .table-pad-none td { padding: var(--space-none); } @media (min-width: 375px) { .table-border-cells-at-extra-small th, .table-border-cells-at-extra-small td { border-width: 1px; } .table-header-bg-at-extra-small thead th, .table-header-bg-at-extra-small thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-extra-small th, .table-border-rows-at-extra-small td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-extra-small thead th, .table-border-rows-at-extra-small thead td, .table-border-rows-at-extra-small tbody th, .table-border-rows-at-extra-small tbody td { border-top-width: 0; } .table-border-rows-at-extra-small tbody tr:last-child th, .table-border-rows-at-extra-small tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-extra-small th, .table-border-cols-at-extra-small td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-extra-small th:first-child, .table-border-cols-at-extra-small td:first-child { border-left-width: 0; } .table-border-cols-at-extra-small th:last-child, .table-border-cols-at-extra-small td:last-child { border-right-width: 0; } .table-border-none-at-extra-small th, .table-border-none-at-extra-small td { border-width: 0; } .table-stripe-rows-at-extra-small tbody tr:nth-child(odd) th, .table-stripe-rows-at-extra-small tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-extra-small tbody tr:nth-child(even) th, .table-stripe-rows-at-extra-small tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-extra-small tbody tr th:nth-child(odd), .table-stripe-cols-at-extra-small tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-extra-small tbody tr th:nth-child(even), .table-stripe-cols-at-extra-small tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-extra-small th, .table-pad-base-at-extra-small td { padding: var(--space-base); } .table-pad-line-at-extra-small th, .table-pad-line-at-extra-small td { padding: var(--space-line); } .table-pad-small-at-extra-small th, .table-pad-small-at-extra-small td { padding: var(--space-small); } .table-pad-none-at-extra-small th, .table-pad-none-at-extra-small td { padding: var(--space-none); } } @media (min-width: 717px) { .table-border-cells-at-small th, .table-border-cells-at-small td { border-width: 1px; } .table-header-bg-at-small thead th, .table-header-bg-at-small thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-small th, .table-border-rows-at-small td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-small thead th, .table-border-rows-at-small thead td, .table-border-rows-at-small tbody th, .table-border-rows-at-small tbody td { border-top-width: 0; } .table-border-rows-at-small tbody tr:last-child th, .table-border-rows-at-small tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-small th, .table-border-cols-at-small td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-small th:first-child, .table-border-cols-at-small td:first-child { border-left-width: 0; } .table-border-cols-at-small th:last-child, .table-border-cols-at-small td:last-child { border-right-width: 0; } .table-border-none-at-small th, .table-border-none-at-small td { border-width: 0; } .table-stripe-rows-at-small tbody tr:nth-child(odd) th, .table-stripe-rows-at-small tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-small tbody tr:nth-child(even) th, .table-stripe-rows-at-small tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-small tbody tr th:nth-child(odd), .table-stripe-cols-at-small tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-small tbody tr th:nth-child(even), .table-stripe-cols-at-small tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-small th, .table-pad-base-at-small td { padding: var(--space-base); } .table-pad-line-at-small th, .table-pad-line-at-small td { padding: var(--space-line); } .table-pad-small-at-small th, .table-pad-small-at-small td { padding: var(--space-small); } .table-pad-none-at-small th, .table-pad-none-at-small td { padding: var(--space-none); } } @media (min-width: 1023px) { .table-border-cells-at-medium th, .table-border-cells-at-medium td { border-width: 1px; } .table-header-bg-at-medium thead th, .table-header-bg-at-medium thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-medium th, .table-border-rows-at-medium td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-medium thead th, .table-border-rows-at-medium thead td, .table-border-rows-at-medium tbody th, .table-border-rows-at-medium tbody td { border-top-width: 0; } .table-border-rows-at-medium tbody tr:last-child th, .table-border-rows-at-medium tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-medium th, .table-border-cols-at-medium td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-medium th:first-child, .table-border-cols-at-medium td:first-child { border-left-width: 0; } .table-border-cols-at-medium th:last-child, .table-border-cols-at-medium td:last-child { border-right-width: 0; } .table-border-none-at-medium th, .table-border-none-at-medium td { border-width: 0; } .table-stripe-rows-at-medium tbody tr:nth-child(odd) th, .table-stripe-rows-at-medium tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-medium tbody tr:nth-child(even) th, .table-stripe-rows-at-medium tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-medium tbody tr th:nth-child(odd), .table-stripe-cols-at-medium tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-medium tbody tr th:nth-child(even), .table-stripe-cols-at-medium tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-medium th, .table-pad-base-at-medium td { padding: var(--space-base); } .table-pad-line-at-medium th, .table-pad-line-at-medium td { padding: var(--space-line); } .table-pad-small-at-medium th, .table-pad-small-at-medium td { padding: var(--space-small); } .table-pad-none-at-medium th, .table-pad-none-at-medium td { padding: var(--space-none); } } @media (min-width: 1240px) { .table-border-cells-at-large th, .table-border-cells-at-large td { border-width: 1px; } .table-header-bg-at-large thead th, .table-header-bg-at-large thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-large th, .table-border-rows-at-large td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-large thead th, .table-border-rows-at-large thead td, .table-border-rows-at-large tbody th, .table-border-rows-at-large tbody td { border-top-width: 0; } .table-border-rows-at-large tbody tr:last-child th, .table-border-rows-at-large tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-large th, .table-border-cols-at-large td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-large th:first-child, .table-border-cols-at-large td:first-child { border-left-width: 0; } .table-border-cols-at-large th:last-child, .table-border-cols-at-large td:last-child { border-right-width: 0; } .table-border-none-at-large th, .table-border-none-at-large td { border-width: 0; } .table-stripe-rows-at-large tbody tr:nth-child(odd) th, .table-stripe-rows-at-large tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-large tbody tr:nth-child(even) th, .table-stripe-rows-at-large tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-large tbody tr th:nth-child(odd), .table-stripe-cols-at-large tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-large tbody tr th:nth-child(even), .table-stripe-cols-at-large tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-large th, .table-pad-base-at-large td { padding: var(--space-base); } .table-pad-line-at-large th, .table-pad-line-at-large td { padding: var(--space-line); } .table-pad-small-at-large th, .table-pad-small-at-large td { padding: var(--space-small); } .table-pad-none-at-large th, .table-pad-none-at-large td { padding: var(--space-none); } } @media (min-width: 1500px) { .table-border-cells-at-extra-large th, .table-border-cells-at-extra-large td { border-width: 1px; } .table-header-bg-at-extra-large thead th, .table-header-bg-at-extra-large thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-extra-large th, .table-border-rows-at-extra-large td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-extra-large thead th, .table-border-rows-at-extra-large thead td, .table-border-rows-at-extra-large tbody th, .table-border-rows-at-extra-large tbody td { border-top-width: 0; } .table-border-rows-at-extra-large tbody tr:last-child th, .table-border-rows-at-extra-large tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-extra-large th, .table-border-cols-at-extra-large td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-extra-large th:first-child, .table-border-cols-at-extra-large td:first-child { border-left-width: 0; } .table-border-cols-at-extra-large th:last-child, .table-border-cols-at-extra-large td:last-child { border-right-width: 0; } .table-border-none-at-extra-large th, .table-border-none-at-extra-large td { border-width: 0; } .table-stripe-rows-at-extra-large tbody tr:nth-child(odd) th, .table-stripe-rows-at-extra-large tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-extra-large tbody tr:nth-child(even) th, .table-stripe-rows-at-extra-large tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-extra-large tbody tr th:nth-child(odd), .table-stripe-cols-at-extra-large tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-extra-large tbody tr th:nth-child(even), .table-stripe-cols-at-extra-large tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-extra-large th, .table-pad-base-at-extra-large td { padding: var(--space-base); } .table-pad-line-at-extra-large th, .table-pad-line-at-extra-large td { padding: var(--space-line); } .table-pad-small-at-extra-large th, .table-pad-small-at-extra-large td { padding: var(--space-small); } .table-pad-none-at-extra-large th, .table-pad-none-at-extra-large td { padding: var(--space-none); } } .table-scrollable { position: relative; overflow: auto; -webkit-overflow-scrolling: auto; width: 100%; margin-bottom: 20px; background-color: white; } @supports (mix-blend-mode: multiply) { .table-scrollable { background-repeat: no-repeat; background-attachment: local, local, local, local, scroll, scroll; background-position: left center, right center, top center, right bottom, left center, right center; background-image: linear-gradient(to right, white 1em, rgba(255, 255, 255, 0) 2em), linear-gradient(to left, white 1em, rgba(255, 255, 255, 0) 2em), linear-gradient(to bottom, white, rgba(255, 255, 255, 0) 2em), linear-gradient(to top, white, rgba(255, 255, 255, 0) 2em), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 1em), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 1em); } } .table-scrollable table { margin-bottom: 0; background-color: transparent; } .table-scrollable th, .table-scrollable td { min-width: 8em; } .apropos-fluid img { width: 100%; max-width: none; } @media (min-width: 1023px) { .bg-apropos { display: grid !important; align-items: stretch !important; align-content: stretch !important; justify-content: center; min-height: auto; } .bg-apropos > * { grid-column: 1 / -1; grid-row: 1 / -1; } .bg-apropos .image { position: relative; } .bg-apropos picture { position: relative !important; } .bg-apropos .apropos img { transform: none; top: 0; left: 0; width: MIN(100vw, var(--body-width-max)); } } .bg-apropos.hidden { display: none !important; } @media (max-width: 1022px) { html.has-editing-toolbar .sticky-bottom { top: auto; } } .multi-column-grid .picture, .two-column-outer-grid .picture { height: auto; } .multi-column-grid .picture picture, .two-column-outer-grid .picture picture { overflow: hidden; } .multi-column-grid .picture picture img, .two-column-outer-grid .picture picture img { width: 100%; max-width: 100%; height: auto; left: auto; transform: none; } .carousel .picture, .carousel .picture img { height: auto; } .carousel[data-until-breakpoint] img[data-srcset][srcset]:not(.loaded) { opacity: 1; } body { --viewport-width-without-scrollbars: calc(100vw - (var(--scrollbar-width, 0) * 1px)); --content-margin: calc((max(var(--viewport-width-without-scrollbars), var(--body-width-min)) - var(--container-width-base) / 2)); } @media (min-width: 375px) { body { --content-margin: calc((var(--viewport-width-without-scrollbars) - var(--container-width-extra-small)) / 2); } } @media (min-width: 717px) { body { --content-margin: calc((var(--viewport-width-without-scrollbars) - var(--container-width-small)) / 2); } } @media (min-width: 1023px) { body { --content-margin: calc((var(--viewport-width-without-scrollbars) - var(--container-width-medium)) / 2); } } @media (min-width: 1240px) { body { --content-margin: calc((var(--viewport-width-without-scrollbars) - var(--container-width-large)) / 2); } } @media (min-width: 1500px) { body { --content-margin: calc((min(var(--viewport-width-without-scrollbars), var(--body-width-max)) - var(--container-width-extra-large)) / 2); } } .PublicWebNav nav.DesktopNav[role="navigation"], .PublicWebNav .CtaSubnav nav.CtaSubnavDesktopNav .header, .sticky-banner { --nav-full-width: min(100vw, var(--body-width-max)); } @media (min-width: 1680px) { .PublicWebNav nav.DesktopNav[role="navigation"], .PublicWebNav .CtaSubnav nav.CtaSubnavDesktopNav .header, .sticky-banner { padding-left: calc((var(--nav-full-width) - var(--old-body-width-max)) / 2); padding-right: calc((var(--nav-full-width) - var(--old-body-width-max)) / 2); } } @media (min-width: 1680px) { .PublicWebNav .CtaSubnav nav.CtaSubnavDesktopNav .header { padding-left: calc((var(--nav-full-width) + var(--space-line) - var(--old-body-width-max)) / 2); } } @media (max-width: 1022px) { [data-lead-form] .single-field-form-input { padding-left: 0; padding-right: 0; } } @media (min-width: 1023px) { [data-lead-form] .single-field-form-input { padding-left: 0; } } @media (max-width: 1022px) { [data-lead-form] .single-field-form-button { padding-left: 0; padding-right: 0; } } @media (min-width: 1023px) { [data-lead-form] .single-field-form-button { padding-right: 0; } } .auto-layout-border > .auto-layout > .content, .auto-layout-collapse > .auto-layout > .content { padding: var(--space-medium) 0; } @media (min-width: 718px) { .auto-layout-border > .auto-layout > .content, .auto-layout-collapse > .auto-layout > .content { padding: var(--space-medium) 0; } } @media (min-width: 1023px) { .auto-layout-border > .auto-layout > .content, .auto-layout-collapse > .auto-layout > .content { padding: var(--space-large) 0; } } .type-display .auto-layout-border > .auto-layout > .content, .type-display .auto-layout-collapse > .auto-layout > .content { padding: var(--space-large) 0; } @media (min-width: 718px) { .type-display .auto-layout-border > .auto-layout > .content, .type-display .auto-layout-collapse > .auto-layout > .content { padding: var(--space-large) 0; } } @media (min-width: 1023px) { .type-display .auto-layout-border > .auto-layout > .content, .type-display .auto-layout-collapse > .auto-layout > .content { padding: var(--space-xl) 0; } } /* do not edit; file hosted in public-web-customizations. Contains EDI custom grid fixes for custom components DRI: adoshi@ BUNDLE=home-page-2021-q1 */ @media (max-width: 1022px) { .main-content .sq-custom-two-column-responsive-apropos-bg { flex-wrap: wrap; min-height: auto !important; } .main-content .sq-custom-two-column-responsive-apropos-bg .image { position: relative; width: 100%; padding-right: var(--space-small); padding-left: var(--space-small); } .main-content .sq-custom-two-column-responsive-apropos-bg .image .picture { height: auto !important; } .main-content .sq-custom-two-column-responsive-apropos-bg .image .apropos { position: relative; } .main-content .sq-custom-two-column-responsive-apropos-bg .image .apropos img { top: 0; left: 0; min-height: 1px; min-width: 1px; max-width: 100%; margin-top: var(--space-small); transform: none; } .main-content .sq-custom-two-column-responsive-apropos-bg .content.pad-bottom-large { padding-bottom: var(--space-large) !important; } .main-content .sq-custom-two-column-responsive-apropos-bg--valign-bottom-until-medium > .image { order: 1; } } @media (min-width: 718px) { .main-content .sq-custom-two-column-responsive-apropos-bg { margin-top: 0px; } } .sq-custom-section-two-column-hover-carousel .two-column-hover-carousel { grid-template-columns: 1fr 1fr !important; } .sq-custom-section-two-column-hover-carousel .hover-carousel-column-right .hover-carousel-images-container { --two-column-hover-carousel-image-border-radius: var(--container-border-radius); clip-path: inset(0 0 0 0 round var(--two-column-hover-carousel-image-border-radius) 0 0 var(--two-column-hover-carousel-image-border-radius)); } @media (min-width: 2030px) { .sq-custom-section-two-column-hover-carousel .hover-carousel-column-right .hover-carousel-images-container { max-width: calc((var(--content-width-max) - var(--space-small)) / 2); clip-path: inset(0 0 0 0 round var(--two-column-hover-carousel-image-border-radius)); } } .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-base); line-height: var(--line-height-hero-base); letter-spacing: var(--letter-spacing-hero-base); } @media (min-width: 718px) { .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-base); line-height: var(--line-height-hero-base); letter-spacing: var(--letter-spacing-hero-base); } } @media (min-width: 1023px) { .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-medium); line-height: var(--line-height-hero-medium); letter-spacing: var(--letter-spacing-hero-medium); } } .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-base); line-height: var(--line-height-display-hero-base); letter-spacing: var(--letter-spacing-display-hero-base); } @media (min-width: 718px) { .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-base); line-height: var(--line-height-display-hero-base); letter-spacing: var(--letter-spacing-display-hero-base); } } @media (min-width: 1023px) { .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-medium); line-height: var(--line-height-display-hero-medium); letter-spacing: var(--letter-spacing-display-hero-medium); font-weight: var(--font-weight-display-hero-medium); } } .sq-custom-img-border-radius, .sq-custom-grid-column-gray-rounded, .section-hotspot-image { --border-radius: var(--container-border-radius); } .sq-custom-grid-column-gray-rounded .multi-column-grid > .column > *, .section-hotspot-image .hotspot-tile { border-radius: var(--border-radius); } .sq-custom-section-rounded-corners { --custom-section-border-radius: 0; margin: 0; } @media (min-width: 838px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: 0; margin: 0; } } @media (min-width: 1083px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: var(--container-border-radius); margin: 0 calc(var(--space-small)); } } @media (min-width: 1240px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: 0; margin: 0; } } @media (min-width: 1300px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: var(--container-border-radius); margin: 0 calc(var(--space-small)); } } @media (min-width: 1500px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: 0; margin: 0; } } @media (min-width: 1560px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: var(--container-border-radius); margin: 0 calc(var(--space-small)); } } /* do not edit; file hosted in public-web-customizations. Contains EDI custom grid fixes for home page components DRI: adoshi@ BUNDLE=home-page-2021-q1 */ .sq-custom-section-hardware-grid .multi-column-grid > .column > div { padding: var(--space-small) 0; } .sq-custom-section-hardware-grid .multi-column-grid > .column > div > .grid > .column:nth-child(2) > * { padding: 0 var(--space-small); } .sq-custom-section-hardware-grid .carousel:not([data-carousel-enabled="false"]) .carousel-slide img { width: 100%; } @media (min-width: 1500px) { .sq-custom-2022-q1-hero-image-grid img { width: calc(100% + var(--space-medium)); left: 50%; transform: translateX(-50%); } } @media (min-width: 2030px) { .sq-custom-2022-q1-hero-image-grid img { width: 100%; max-width: var(--content-width-max); } } .sq-custom-section-multi-column-capabilities-cards { --border-radius: var(--container-border-radius); } .sq-custom-section-scroll-animation-video-hotspots { --custom-top-clip-path: inset(0px var(--space-small) 0px var(--space-small) round var(--container-border-radius) var(--container-border-radius) 0 0) !important; --custom-bottom-clip-path: inset(0px var(--space-small) 0px var(--space-small) round 0 0 var(--container-border-radius) var(--container-border-radius)) !important; } @media (min-width: 1023px) { .sq-custom-edi-grid-limit-intro-width .intro { max-width: 72.5%; } } @media (min-width: 1240px) { .sq-custom-pricing-features-alt { --section-pricing-features-content-padding: 0; } } .type-display .sq-custom-fluid-hero.hidden, .sq-custom-fluid-hero.hidden { display: none !important; } @media (min-width: 718px) { .sq-custom-section-toolbox-carousel .carousel { margin-left: revert; } .sq-custom-section-toolbox-carousel .carousel .multi-column-grid { left: revert; } } @media (max-width: 717px) { .sq-custom-section-toolbox-carousel .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-nav { display: revert; padding: revert; } } @media (min-width: 1023px) { .sq-custom-section-toolbox-carousel .carousel { margin-left: calc(-1 * var(--space-base) / 2); } .sq-custom-section-toolbox-carousel .carousel .multi-column-grid { left: -25%; } } @media (max-width: 716px) { .sq-custom-section-toolbox-carousel .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-nav { display: flex; flex-wrap: nowrap; justify-content: space-between; padding: var(--space-base); } } :root { --font-size-display-base: 16px; --line-height-display-base: 24px; --font-size-display-tiny: 12px; --line-height-display-tiny: 18px; --font-size-display-small: 14px; --line-height-display-small: 20px; --font-size-display-medium: 16px; --line-height-display-medium: 24px; --font-size-display-large-base: 20px; --line-height-display-large-base: 28px; --font-size-display-large-medium: 24px; --line-height-display-large-medium: 32px; --font-size-display-h6-base: 16px; --line-height-display-h6-base: 22px; --font-size-display-h6-medium: 16px; --line-height-display-h6-medium: 22px; --font-size-display-h5-base: 18px; --line-height-display-h5-base: 24px; --font-size-display-h5-medium: 20px; --line-height-display-h5-medium: 26px; --font-size-display-h4-base: 20px; --line-height-display-h4-base: 26px; --font-size-display-h4-medium: 24px; --line-height-display-h4-medium: 30px; --font-size-display-h3-base: 24px; --line-height-display-h3-base: 30px; --font-size-display-h3-medium: 32px; --line-height-display-h3-medium: 38px; --font-size-display-h2-base: 30px; --line-height-display-h2-base: 36px; --font-size-display-h2-medium: 50px; --line-height-display-h2-medium: 56px; --font-size-display-h1-base: 38px; --line-height-display-h1-base: 42px; --font-size-display-h1-medium: 62px; --line-height-display-h1-medium: 68px; --letter-spacing-display-h1-medium: -0.75px; --font-size-display-hero-base: 46px; --line-height-display-hero-base: 50px; --font-size-display-hero-medium: 86px; --line-height-display-hero-medium: 83px; --letter-spacing-display-hero-medium: -1px; } /* Override options for link styles DRI: adoshi@ BUNDLE=home-page-2021-q1 */ /* Link hover color ------------------------------------ */ a:not([class~="button"]):not(.tile), .link:not([class~="button"]):not(.tile) { --color-blue-light: #207DFF; --color-blue-dark: #005FE3; transition: color var(--duration-quick) var(--easing-sharp); } .main-content section:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .main-content section:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .main-content section:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .main-content section:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-blue-dark); } .main-content .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .main-content .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .main-content .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .main-content .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-blue-light); } .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-lime-dark); } .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-lime-light); } .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-green-dark); } .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-green-light); } .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-teal-dark); } .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-teal-light); } .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-blue-dark); } .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-blue-light); } .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-royal-blue-dark); } .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-royal-blue-light); } .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-indigo-dark); } .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-indigo-light); } .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-purple-dark); } .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-purple-light); } .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-plum-dark); } .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-plum-light); } .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-rose-dark); } .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-rose-light); } .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-orange-dark); } .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-orange-light); } /* Link arrow animation -------------------------------- */ @keyframes slide-forward { from { transform: translateX(0); } to { transform: translateX(35%); } } .main-content section:not(.sq-custom-disable-link-hover-animation) a:hover .arrow::after, .main-content section:not(.sq-custom-disable-link-hover-animation) a:hover .arrow-right::after, .main-content section:not(.sq-custom-disable-link-hover-animation) a:focus .arrow::after, .main-content section:not(.sq-custom-disable-link-hover-animation) a:focus .arrow-right::after, .main-content section:not(.sq-custom-disable-link-hover-animation) .link:hover .arrow::after, .main-content section:not(.sq-custom-disable-link-hover-animation) .link:hover .arrow-right::after, .main-content section:not(.sq-custom-disable-link-hover-animation) .link:focus .arrow::after, .main-content section:not(.sq-custom-disable-link-hover-animation) .link:focus .arrow-right::after { animation-name: slide-forward; animation-duration: var(--duration-complex); animation-timing-function: var(--easing-decelerate); animation-iteration-count: 2; animation-direction: alternate; } /* do not edit; file hosted in public-web-customizations. Styles cards with borders / colors depending on the class DRI: adoshi@ BUNDLE=pricing-2022 */ .sq-custom-section-multi-column-card-border .multi-column-grid { align-items: stretch !important; } .sq-custom-section-multi-column-card-border .multi-column-grid > .column > div { border: 1px solid var(--color-border); border-radius: var(--container-border-radius); padding: var(--space-small); } .sq-custom-section-multi-column-card-content-flex-column .multi-column-grid { align-items: stretch !important; align-content: stretch !important; } .sq-custom-section-multi-column-card-content-flex-column .multi-column-grid > .column > div > .grid { height: 100%; } .sq-custom-section-multi-column-card-content-flex-column .multi-column-grid > .column > div > .grid > .column { height: 100%; } .sq-custom-section-multi-column-card-content-flex-column .multi-column-grid > .column > div > .grid > .column > * { height: 100%; display: flex; flex-direction: column; justify-content: stretch; } .sq-custom-section-multi-column-card-content-flex-column .multi-column-grid > .column > div > .grid > .column > * .sq-custom-flex-grow { flex-grow: 1; } @media (min-width: 1023px) { .sq-custom-section-multi-column-card-content-flex-column-with-image .multi-column-grid { display: grid !important; grid-template-columns: repeat(3, 1fr); align-items: stretch !important; align-content: stretch !important; margin-bottom: 0 !important; } .sq-custom-section-multi-column-card-content-flex-column-with-image .multi-column-grid > .column { width: 100%; height: 100%; } .sq-custom-section-multi-column-card-content-flex-column-with-image .multi-column-grid > .column > div > .grid { height: 100%; flex-direction: column; justify-content: stretch !important; } .sq-custom-section-multi-column-card-content-flex-column-with-image .multi-column-grid > .column > div > .grid > .column:last-child { flex-grow: 1; } .sq-custom-section-multi-column-card-content-flex-column-with-image .multi-column-grid > .column > div > .grid > .column:last-child > * { display: flex; flex-direction: column; justify-content: stretch; height: 100%; } .sq-custom-section-multi-column-card-content-flex-column-with-image .multi-column-grid > .column > div > .grid > .column:last-child > * > * { flex: 0 1 auto; } .sq-custom-section-multi-column-card-content-flex-column-with-image .multi-column-grid > .column > div > .grid > .column:last-child > * .sq-custom-flex-grow { flex-grow: 1; } } /* do not edit; file hosted in public-web-customizations. Styles the filters section on the pricing page DRI: adoshi@ BUNDLE=pricing-2022 */ .sq-custom-section-multi-column-filterable .content { position: relative; } .sq-custom-section-multi-column-filterable .intro ul.reset > li > *:last-child { margin-bottom: 0; } .sq-custom-section-multi-column-filterable .intro .sq-custom-filter-options .badge { text-transform: none; font-size: inherit; letter-spacing: inherit; padding: var(--space-base) var(--space-small); border-color: var(--color-border); } .sq-custom-section-multi-column-filterable .intro .sq-custom-filter-options .badge[data-active="true"] { color: white !important; background-color: var(--color-blue) !important; border-color: var(--color-blue) !important; } .sq-custom-section-multi-column-filterable .multi-column-grid-container { overflow: hidden; } .sq-custom-section-multi-column-filterable .multi-column-grid .column { transition: order var(--easing-standard) var(--duration-default); } .sq-custom-section-multi-column-filterable .sq-custom-expanding-toggle { display: flex; text-align: center; align-items: center; width: 100%; padding-top: var(--space-xl); margin-top: calc(-1 * var(--space-xl)); position: relative; } .sq-custom-section-multi-column-filterable .sq-custom-expanding-toggle[data-expanded="false"] { background: linear-gradient(rgba(255, 255, 255, 0) 0%, white 50%); } .sq-custom-section-multi-column-filterable .sq-custom-expanding-toggle::before, .sq-custom-section-multi-column-filterable .sq-custom-expanding-toggle::after { flex: 1 0 auto; content: ''; width: auto; height: 1px; background-color: var(--color-border); } .sq-custom-section-multi-column-filterable .sq-custom-expanding-toggle::before { margin-right: var(--space-line); } .sq-custom-section-multi-column-filterable .sq-custom-expanding-toggle::after { margin-left: var(--space-line); } /* DRI: adoshi@ BUNDLE=pricing-2022 */ .PublicWebNav nav { border-color: transparent !important; } .sq-custom-edi-two-column-fluid-hero .content { padding-top: var(--space-small) !important; --space-on-sides: var(--space-large); } @media (min-width: 717px) { .sq-custom-edi-two-column-fluid-hero .content { padding-top: var(--space-medium) !important; } } .sq-custom-edi-two-column-fluid-hero .content .multi-column-grid > .column:last-child .grid > .column > * { max-width: 70ch; } @media (min-width: 1240px) { .sq-custom-edi-two-column-fluid-hero .content { padding-top: var(--space-large) !important; } .sq-custom-edi-two-column-fluid-hero .content .multi-column-grid > .column:first-child { width: calc(200% / 3) !important; } .sq-custom-edi-two-column-fluid-hero .content .multi-column-grid > .column:last-child { width: calc(100% / 3) !important; } } @media (min-width: 1500px) { .sq-custom-edi-two-column-fluid-hero .content { width: 100%; margin: auto; padding-left: MIN(var(--space-on-sides), var(--content-margin)) !important; padding-right: MIN(var(--space-on-sides), var(--content-margin)) !important; } } @media (min-width: 1775px) { .sq-custom-edi-two-column-fluid-hero .content { margin-left: calc((100% - var(--space-on-sides) - var(--space-small) - var(--old-body-width-max)) / 2); margin-right: calc((100% - var(--space-on-sides) - var(--old-body-width-max)) / 2); } } @media (min-width: 1240px) { [lang^="en-"] .sq-custom-edi-two-column-fluid-hero .content .multi-column-grid > .column:last-child { font-family: var(--font-family-display); font-size: var(--font-size-display-large-medium); line-height: var(--line-height-display-large-medium); letter-spacing: var(--letter-spacing-display-large-medium); } [lang^="en-"] .sq-custom-edi-two-column-fluid-hero .content .multi-column-grid > .column:last-child a { letter-spacing: var(--letter-spacing-display-link-large-medium); } } @media (min-width: 1500px) { [lang^="en-"] .sq-custom-edi-two-column-fluid-hero .content .multi-column-grid > .column:first-child { width: 50% !important; } [lang^="en-"] .sq-custom-edi-two-column-fluid-hero .content .multi-column-grid > .column:last-child { width: 50% !important; } } .sq-custom-edi-fluid-hero-image-break { margin-left: var(--content-margin); margin-right: var(--content-margin); --space-on-sides: var(--space-large); } @media (min-width: 1500px) { .sq-custom-edi-fluid-hero-image-break { margin: auto; padding-left: MIN(var(--space-on-sides), var(--content-margin)) !important; padding-right: MIN(var(--space-on-sides), var(--content-margin)) !important; } } @media (min-width: 1775px) { .sq-custom-edi-fluid-hero-image-break { margin-left: calc((100% - var(--space-on-sides) - var(--space-small) - var(--old-body-width-max)) / 2); margin-right: calc((100% - var(--space-on-sides) - var(--old-body-width-max)) / 2); } } .sq-custom-edi-fluid-hero-image-carousel .carousel-slider .carousel-slide:first-child img { border-top-left-radius: var(--container-border-radius); border-bottom-left-radius: var(--container-border-radius); } .sq-custom-edi-fluid-hero-image-carousel .carousel-slider .carousel-slide:last-child img { border-top-right-radius: var(--container-border-radius); border-bottom-right-radius: var(--container-border-radius); } /* DRI: adoshi@ BUNDLE=pricing-2022 */ .sq-custom-pricing-section-faq .content > ul > li > h3 + div { max-width: 70ch; } .sq-custom-pricing-section-faq .content > ul > li > h3 + div > *:first-child { padding-top: var(--space-base); } @media (min-width: 1240px) { .sq-custom-pricing-section-faq .content { display: grid; grid-template-columns: 1fr 2fr; grid-column-gap: var(--space-small); } .sq-custom-pricing-section-faq .content > * { width: 100%; max-width: none !important; } .sq-custom-pricing-section-faq .content > ul { margin-top: 0; } .sq-custom-pricing-section-faq .content > ul > li:first-child { border-top: none !important; padding-top: 0 !important; } } /* BUNDLE=hp-jump-links */ .sq-custom-jump-links .content .intro { width: auto; max-width: none; } .sq-custom-jump-links .content .intro > ul { flex-direction: column; justify-content: space-between; } .sq-custom-jump-links .content .intro > ul > li { width: auto; margin: 0 0 var(--space-base) !important; flex: 1 0 0; padding: 0; } .sq-custom-jump-links .content .intro > ul > li .badge { display: flex; height: 100%; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 0; } .sq-custom-jump-links .content .intro > ul > li .badge .arrow:after { transform: rotate(90deg); position: relative; top: 1px; } .sq-custom-jump-links .content .intro > ul > li .badge .arrow:before { content: ' '; white-space: pre; } @media (min-width: 1024px) { .sq-custom-jump-links .content .intro .grid { flex-direction: row; } .sq-custom-jump-links .content .intro > ul { flex-direction: row; } .sq-custom-jump-links .content .intro > ul > li { margin: 0 var(--space-base) var(--space-base) !important; } .sq-custom-jump-links .content .intro > ul > li:first-child { margin-left: 0 !important; } .sq-custom-jump-links .content .intro > ul > li:last-child { margin-right: 0 !important; } } /* DRI: adoshi@ BUNDLE=pricing-2022 */ .sq-custom-section-multi-column-half-off-grid-image .multi-column-grid > .column.one-whole-at-medium img { border-radius: var(--container-border-radius); } @media (min-width: 1023px) and (max-width: 1239px) { .sq-custom-section-multi-column-half-off-grid-image .multi-column-grid > * { width: 100%; } } @media (min-width: 1240px) { .sq-custom-section-multi-column-half-off-grid-image .multi-column-grid { flex-wrap: nowrap; overflow: visible; } .sq-custom-section-multi-column-half-off-grid-image .multi-column-grid > * { flex-shrink: 0; } .sq-custom-section-multi-column-half-off-grid-image .multi-column-grid > .column.one-whole-at-medium { overflow: visible; } } @media (min-width: 1240px) and (max-width: 1499px) { .sq-custom-section-multi-column-half-off-grid-image .multi-column-grid > .column.one-whole-at-medium img { border-top-right-radius: 0; border-bottom-right-radius: 0; } } @media (min-width: 1240px) { .sq-custom-section-multi-column-half-off-grid-image .multi-column-grid.grid-3-at-medium > .column.one-whole-at-medium { width: calc(66.67% + (var(--content-margin))) !important; } } @media (min-width: 1240px) and (min-width: 1500px) { .sq-custom-section-multi-column-half-off-grid-image .multi-column-grid.grid-3-at-medium > .column.one-whole-at-medium { width: 66.67% !important; } } @media (min-width: 1240px) { .sq-custom-section-multi-column-half-off-grid-image .multi-column-grid.grid-2-at-medium > .column.one-whole-at-medium { width: calc(50% + (var(--content-margin))) !important; } } @media (min-width: 1240px) and (min-width: 1500px) { .sq-custom-section-multi-column-half-off-grid-image .multi-column-grid.grid-2-at-medium > .column.one-whole-at-medium { width: 50% !important; } } /* BUNDLE=hp-jump-links */ .sq-custom-animated-bg-pill-buttons .badge { color: var(--color-gray-90) !important; background-color: white !important; letter-spacing: var(--letter-spacing-display-base); padding: var(--button-vert-padding) var(--space-base); border-radius: calc(var(--button-height) / 2); border: 1px solid var(--color-gray-90); font-size: var(--font-size-base); font-weight: var(--font-weight-medium); text-transform: none; background-image: linear-gradient(var(--color-blue), var(--color-blue)); background-position: 100% 100%; background-size: 0px 100%; background-repeat: no-repeat; transition: color var(--duration-default) cubic-bezier(0, 0, 0.2, 1), border-color var(--duration-default) cubic-bezier(0.4, 0, 1, 1), background-size var(--duration-default) cubic-bezier(0, 0, 0.2, 1) !important; } .sq-custom-animated-bg-pill-buttons .badge:hover:not([data-selected]) { transition: color var(--duration-default) cubic-bezier(0, 0, 0.2, 1), border-color var(--duration-default) cubic-bezier(0, 0, 0.2, 1), background-size var(--duration-default) cubic-bezier(0, 0, 0.2, 1) !important; color: #fff !important; border-color: var(--color-blue) !important; background-position: 0% 100%; background-size: 100% 100%; } .sq-custom-animated-bg-pill-buttons .badge.transparent { background-color: transparent !important; } /* do not edit; file hosted in public-web-customizations. Styles pricing section on pricing page DRI: adoshi@ BUNDLE=pricing-2022 */ .sq-custom-pricing-section-processing-fees .content { position: relative; } .sq-custom-pricing-section-processing-fees .multi-column-grid { margin-bottom: var(--space-medium) !important; } .sq-custom-pricing-section-processing-fees .sq-custom-pull-down { position: absolute; bottom: calc(var(--space-xl)); } .sq-custom-pricing-section-processing-fees a { display: inline-block; color: var(--color-text); } .sq-custom-pricing-section-processing-fees a::after { content: ""; display: block; width: calc(100% - 1em); height: 1px; border-top: 1px solid var(--color-text); } .sq-custom-pricing-section-processing-fees a:hover::after, .sq-custom-pricing-section-processing-fees a:focus::after { border-color: var(--color-blue-dark); } /* BUNDLE=pricing-2022 */ .sq-custom-accordion-plus-minus-size-h4 { --accordion-plus-minus-size: 20px; --accordion-plus-minus-thickness: 4px; } .sq-custom-accordion-arrow-to-plus a.hotspot > .grid-valign-middle { align-items: start !important; align-content: start !important; } .sq-custom-accordion-arrow-to-plus .sq-custom-toggle-plus, .sq-custom-accordion-arrow-to-plus [data-transition-target][data-transition-state] .caret { --accordion-plus-width: 20px; --accordion-plus-thickness: 4px; display: inline-block; width: var(--accordion-plus-width); height: var(--accordion-plus-width); transform: rotate(0deg); transition: transform var(--duration-slow) var(--easing-sharp); border: none; } .sq-custom-accordion-arrow-to-plus .sq-custom-toggle-plus::after, .sq-custom-accordion-arrow-to-plus [data-transition-target][data-transition-state] .caret::after { margin: 0; transform: none; } .sq-custom-accordion-arrow-to-plus .sq-custom-toggle-plus::before, .sq-custom-accordion-arrow-to-plus .sq-custom-toggle-plus::after, .sq-custom-accordion-arrow-to-plus [data-transition-target][data-transition-state] .caret::before, .sq-custom-accordion-arrow-to-plus [data-transition-target][data-transition-state] .caret::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; width: var(--accordion-plus-width); height: var(--accordion-plus-thickness); background-color: var(--color-blue); transition: transform var(--easing-sharp) var(--duration-quick); } .sq-custom-accordion-arrow-to-plus .sq-custom-toggle-plus::after, .sq-custom-accordion-arrow-to-plus [data-transition-target][data-transition-state] .caret::after { transform: translate(-50%, -50%) rotate(90deg) scaleX(1); transition-delay: var(--duration-quick); } .sq-custom-accordion-arrow-to-plus [data-transition-target][data-transition-state] .caret { margin-left: var(--space-small); margin-right: var(--space-line); } .sq-custom-accordion-arrow-to-plus [data-expanded="true"] .sq-custom-toggle-plus, .sq-custom-accordion-arrow-to-plus [data-transition-target][data-transition-state='off'] .caret { transform: rotate(-180deg); } .sq-custom-accordion-arrow-to-plus [data-expanded="true"] .sq-custom-toggle-plus::after, .sq-custom-accordion-arrow-to-plus [data-transition-target][data-transition-state='off'] .caret::after { transform: translate(-50%, -50%) rotate(90deg) scaleX(0); transition-delay: none; } .sq-custom-accordion-arrow-to-plus.back-to-top { display: none; } /* DRI: adoshi@ BUNDLE=pricing-2022 */ @media (min-width: 1023px) { html[lang="es-US"] .sq-custom-pricing-section-plans .sq-custom-price { --font-scale-factor: 0.625; } } @media (min-width: 1023px) and (min-width: 1240px) { html[lang="es-US"] .sq-custom-pricing-section-plans .sq-custom-price { --font-scale-factor: 0.825; } } @media (min-width: 1023px) and (min-width: 1500px) { html[lang="es-US"] .sq-custom-pricing-section-plans .sq-custom-price { --font-scale-factor: 1; } } @media (min-width: 1023px) { html[lang="es-US"] .sq-custom-pricing-section-plans .sq-custom-price .h1 { font-size: calc(var(--font-scale-factor) * var(--font-size-display-h1-medium)); } html[lang="es-US"] .sq-custom-pricing-section-plans .sq-custom-price .h3 { font-size: calc(var(--font-scale-factor) * var(--font-size-display-h3-medium)); } } .sq-custom-pricing-section-plans-included-with-square .intro:not(:last-child) { margin-bottom: var(--space-small); } @charset "UTF-8"; /* DRI: adoshi@ BUNDLE=pricing-2022 */ .sq-custom-square-sans-display-non-vf { --font-family-display: Square Sans Display, Helvetica, Arial, Hiragino Sans, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳＰゴシック, sans-serif; --font-family-h1: Square Sans Display, Helvetica, Arial, Hiragino Sans, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳＰゴシック, sans-serif; --font-family-h2: Square Sans Display, Helvetica, Arial, Hiragino Sans, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳＰゴシック, sans-serif; --font-family-h3: Square Sans Display, Helvetica, Arial, Hiragino Sans, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳＰゴシック, sans-serif; --font-family-h4: Square Sans Display, Helvetica, Arial, Hiragino Sans, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳＰゴシック, sans-serif; --font-family-h5: Square Sans Display, Helvetica, Arial, Hiragino Sans, ヒラギノ角ゴ Pro W3, メイリオ, Meiryo, ＭＳＰゴシック, sans-serif; } /* Snippet to add new typography helpers missing from PWS DRI: adoshi@ */ .sq-custom-normalspaced { text-transform: none; letter-spacing: normal; } .sq-custom-top-left-price-badge .sq-custom-section-hardware-grid-price { bottom: auto; top: var(--space-line); left: var(--space-line); } .promo-pill, .inline-promo-pill { width: fit-content; padding: 8px 13px; border: 1px solid var(--color-blue); border-radius: 45px; } .promo-pill--highlight, .inline-promo-pill--highlight { --color-highlighter-yellow: #edff80; font-weight: var(--font-weight-medium); color: var(--color-text) !important; background-color: var(--color-highlighter-yellow) !important; border-color: var(--color-highlighter-yellow) !important; } .promo-pill { position: absolute; top: var(--space-line); /* Updated from bottom to top */ left: var(--space-line); z-index: 1; margin-top: 0 !important; margin-bottom: 0 !important; line-height: 1; color: var(--color-blue); } .inline-promo-pill { line-height: 1 !important; } .inline-promo-pill del { opacity: 0.55; } .inline-promo-code { display: inline-block; font-weight: var(--font-weight-medium); font-size: 74%; letter-spacing: 0.5px; } .inline-promo-code--highlight { --color-highlighter-yellow: #edff80; color: var(--color-highlighter-yellow); } @media (min-width: 718px) { .sq-custom-section-toolbox-carousel .carousel { margin-left: -5px; } .sq-custom-section-toolbox-carousel .carousel .multi-column-grid { left: -25%; } .sq-custom-section-toolbox-carousel .carousel .carousel-nav { text-align: left; } } @media (max-width: 479px) { .sq-custom-section-toolbox-carousel .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-nav { display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 10px; } .sq-custom-section-toolbox-carousel .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-nav .carousel-button { width: 10px; height: 10px; padding: 0px; } } .sq-custom-section-toolbox-carousel .multi-column-grid { align-items: stretch !important; } .sq-custom-section-toolbox-carousel .multi-column-grid > .column > div { padding: 30px; position: relative; } .sq-custom-hw-promo-modal { position: fixed !important; left: 50%; bottom: var(--space-base); z-index: 9999; height: 0px; width: 100%; max-width: var(--body-width-max) !important; border-top: none !important; overflow: visible !important; transform: translate3d(-50%, 0, 0); } .sq-custom-hw-promo-modal.is-visible .content { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); transition: opacity var(--duration-complex) var(--easing-decelerate), transform var(--duration-complex) var(--easing-decelerate); } .sq-custom-hw-promo-modal.is-sticky .content { transform: translate3d(0, -65px, 0); transition: transform var(--duration-quick) var(--easing-decelerate); } @media (min-width: 718px) { .sq-custom-hw-promo-modal.is-sticky .content { transform: translate3d(0, -63px, 0); } } @media (min-width: 1024px) { .sq-custom-hw-promo-modal.is-sticky .content { transform: translate3d(0, 0, 0); } } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--invert .content { color: white; background-color: rgba(18, 18, 18, 0.9); } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--invert .intro { padding-top: var(--space-base); } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--invert .intro h4 { margin-top: 0 !important; margin-bottom: var(--space-base) !important; } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--invert .intro .font-weight-semibold { color: #edff80; letter-spacing: 2px; } @media (min-width: 718px) { .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--off-grid-image .content { padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; } } @media (min-width: 718px) { .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--off-grid-image .intro { padding-right: calc(var(--space-line) + var(--space-line)); padding-left: calc(var(--space-line) + var(--space-base)); } } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--reverse .content { display: flex; flex-direction: column-reverse; padding-top: 0 !important; } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--reverse .intro { padding-top: var(--space-line); } .sq-custom-hw-promo-modal .content { position: absolute; left: var(--space-base); bottom: 0; right: var(--space-base); width: auto; max-width: 100%; margin-left: 0; padding: calc(var(--space-base) * 1.5) !important; background-color: rgba(255, 255, 255, 0.95); border-radius: 10px; box-shadow: 0px 8px 16px var(--color-drop-shadow), 0px 4px 32px var(--color-drop-shadow); opacity: 0; visibility: hidden; overflow: hidden; transform: translate3d(0, 100%, 0); transition: opacity var(--duration-leave) var(--easing-accelerate), transform var(--duration-leave) var(--easing-accelerate); } @media (min-width: 718px) { .sq-custom-hw-promo-modal .content { left: auto; right: var(--space-line); width: calc(var(--container-width-extra-small) + var(--space-small)); padding: var(--space-line) var(--space-line) var(--space-line) var(--space-base) !important; } } @media (min-width: 718px) { .sq-custom-hw-promo-modal.sq-custom-hw-compare .content { width: var(--container-width-extra-small); } } @media (min-width: 718px) { .sq-custom-hw-promo-modal.sq-custom-hw-pricing .content { width: calc(var(--container-width-extra-small) + var(--space-base)); } } .sq-custom-hw-promo-modal .intro { margin-bottom: 0; padding-right: var(--space-medium); } @media (min-width: 718px) { .sq-custom-hw-promo-modal .intro { margin-bottom: var(--space-line); padding-right: var(--space-line); padding-left: var(--space-line); } } .sq-custom-hw-promo-modal .intro h4 { margin-top: calc(var(--space-base) / 2) !important; margin-bottom: calc(var(--space-base) / 2) !important; } .sq-custom-hw-promo-modal .intro h4 em { padding: 1px var(--space-base); font-style: normal; background-color: #edff80; border-radius: 40px; } .sq-custom-hw-promo-modal .intro p { margin-top: 0; margin-bottom: 0; } .sq-custom-hw-promo-modal .intro del { opacity: 0.55; } .sq-custom-hw-promo-modal .intro .no-collapse { position: absolute; top: calc(var(--space-base) * 1.5); right: calc(var(--space-base) * 1.5); z-index: 1; height: 24px; width: 24px; cursor: pointer; } @media (min-width: 718px) { .sq-custom-hw-promo-modal .intro .no-collapse { top: var(--space-line); right: var(--space-line); } } .sq-custom-hw-promo-modal .picture { height: auto; } @media (max-width: 717px) { .sq-custom-hw-promo-modal .picture { display: none; } } .sq-custom-hw-promo-modal .picture img { height: auto; width: 100%; } section.section-custom-html #hardware-promo { margin-top: -200px; display: block; } section.section-banner.bg-theme .grid-space-none { justify-content: center; gap: 6px; } section.section-banner.bg-theme .grid-space-none div.column { width: fit-content !important; } section.section-banner.bg-theme .grid-space-none div.column.banner-links-link .display-inline-block { vertical-align: baseline; } ul.check-list.with-divider { margin-top: var(--space-base); } ul.check-list.with-divider li { border-bottom: 1px solid var(--color-border); padding: var(--space-base) 0 var(--space-base) var(--space-small); } ul.check-list.with-divider li:last-child { border-bottom: none; padding-bottom: 0; } ul.check-list.with-divider li::before { margin-left: calc(-1 * var(--space-small)); top: var(--space-adjusted-line); } section.sq-custom-section-promo { padding-top: 200px; } section.sq-custom-section-promo > .content { --custom-section-border-radius: var(--space-small); background-color: var(--color-accent) !important; margin: var(--space-medium) auto !important; border-radius: var(--custom-section-border-radius, 10px); max-width: var(--container-width-extra-large); padding-left: var(--space-small); padding-right: var(--space-small); } @media (min-width: 838px) { section.sq-custom-section-promo > .content { overflow: hidden; } } section.sq-custom-section-promo > .content .sq-custom-promo-copy .column { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; padding-right: var(--space-small) !important; } @media (max-width: 717px) { section.sq-custom-section-promo > .content .sq-custom-promo-copy .column { margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 var(--space-small) var(--space-line) var(--space-small) !important; } section.sq-custom-section-promo > .content .sq-custom-promo-copy .column .gap-top-line { margin-bottom: var(--space-small); } } section.sq-custom-section-promo > .content .sq-custom-promo-copy .column .font-eyebrow-small { margin-bottom: var(--space-base); } section.sq-custom-section-promo > .content .sq-custom-promo-copy .column .font-eyebrow-small + h4 { margin-top: 0 !important; } @media (min-width: 717px) { section.sq-custom-section-promo > .content picture.apropos { border-radius: var(--custom-section-border-radius, 10px) 0 0 var(--custom-section-border-radius, 10px); } } @media (max-width: 717px) { section.sq-custom-section-promo > .content picture.apropos { border-radius: var(--custom-section-border-radius, 10px) var(--custom-section-border-radius, 10px) 0 0; } } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--video { max-width: 1680px !important; } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--video .content { display: flex; flex-direction: column-reverse; background: white; padding: var(--space-base) var(--space-line) !important; } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--video .content .component-video { padding-top: calc(var(--space-small) + var(--space-line)); padding-bottom: var(--space-base); margin-left: calc(-1* var(--space-line)); margin-right: calc(-1* var(--space-line)); } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--video .content .component-video:lang(fr) { padding-top: calc(var(--space-medium) + var(--space-base)); } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--video .content .component-video :lang(es) { padding-top: calc(var(--space-small)); } @media (max-width: 717px) { .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--video .content .component-video { display: none; } } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--video .intro { margin-bottom: 0; padding: 0; } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--video .intro .font-eyebrow-large { letter-spacing: 1.5px; font-weight: var(--font-weight-bold); } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--video .intro .font-eyebrow-large:lang(fr), .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--video .intro .font-eyebrow-large :lang(es) { text-wrap-style: balance; } @media (min-width: 718px) { .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--video .intro .font-eyebrow-large { position: absolute; top: var(--space-line); left: var(--space-line); padding-right: var(--space-small); } } @media (max-width: 717px) { .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--video .intro .font-eyebrow-large { position: relative; top: var(--space-base); left: 0; margin-bottom: var(--space-adjusted-line); } } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--img { max-width: 1680px !important; } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--img .content { display: flex; flex-direction: column-reverse; background: white; } @media (min-width: 717px) { .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--img .content { padding: var(--space-base) var(--space-line) !important; } } @media (max-width: 717px) { .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--img .content { padding: var(--space-base) var(--space-line) !important; } } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--img .content .picture { padding-top: calc(var(--space-small) + var(--space-line)); padding-bottom: var(--space-base); margin-left: calc(-1* var(--space-line)); margin-right: calc(-1* var(--space-line)); height: auto; } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--img .content .picture:lang(fr) { padding-top: calc(var(--space-medium) + var(--space-base)); } @media (max-width: 717px) { .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--img .content .picture { display: none; } } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--img .intro { margin-bottom: 0; padding: 0; } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--img .intro .font-eyebrow-large { font-weight: var(--font-weight-bold); line-height: var(--line-height-small); padding-right: var(--space-small); letter-spacing: 1.5px; } .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--img .intro .font-eyebrow-large:lang(fr), .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--img .intro .font-eyebrow-large :lang(es) { text-wrap-style: balance; } @media (min-width: 718px) { .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--img .intro .font-eyebrow-large { position: absolute; top: var(--space-line); left: var(--space-line); } } @media (max-width: 717px) { .sq-custom-hw-promo-modal.sq-custom-hw-promo-modal--img .intro .font-eyebrow-large { position: relative; top: var(--space-base); left: 0; margin-bottom: var(--space-adjusted-line); } } </style><style nonce="dKBAvG373qzkFMD4q1HF6bCEH8iPY07FUlRB7Fm+XYE=">.uid-lbvaTneeLCSvXu3TqbBJo-7b6d8770ad97523fef1bc70ae5a89a82e2ae9beca795c68ccf166e57c9ae4651 { height: 166px; } .uid-lbvaTneeLCSvXu3TqbBJo-7b6d8770ad97523fef1bc70ae5a89a82e2ae9beca795c68ccf166e57c9ae4651 img { width: 276px; height: 166px; } @media (min-width: 374px) { .uid-lbvaTneeLCSvXu3TqbBJo-7b6d8770ad97523fef1bc70ae5a89a82e2ae9beca795c68ccf166e57c9ae4651 { height: 195px; } } @media (min-width: 374px) { .uid-lbvaTneeLCSvXu3TqbBJo-7b6d8770ad97523fef1bc70ae5a89a82e2ae9beca795c68ccf166e57c9ae4651 img { width: 324px; height: 195px; } } @media (min-width: 480px) { .uid-lbvaTneeLCSvXu3TqbBJo-7b6d8770ad97523fef1bc70ae5a89a82e2ae9beca795c68ccf166e57c9ae4651 { height: 256px; } } @media (min-width: 480px) { .uid-lbvaTneeLCSvXu3TqbBJo-7b6d8770ad97523fef1bc70ae5a89a82e2ae9beca795c68ccf166e57c9ae4651 img { width: 424px; height: 256px; } } @media (min-width: 718px) { .uid-lbvaTneeLCSvXu3TqbBJo-7b6d8770ad97523fef1bc70ae5a89a82e2ae9beca795c68ccf166e57c9ae4651 { height: 410px; } } @media (min-width: 718px) { .uid-lbvaTneeLCSvXu3TqbBJo-7b6d8770ad97523fef1bc70ae5a89a82e2ae9beca795c68ccf166e57c9ae4651 img { width: 680px; height: 410px; } } @media (min-width: 1024px) { .uid-lbvaTneeLCSvXu3TqbBJo-7b6d8770ad97523fef1bc70ae5a89a82e2ae9beca795c68ccf166e57c9ae4651 { height: 523px; } } @media (min-width: 1024px) { .uid-lbvaTneeLCSvXu3TqbBJo-7b6d8770ad97523fef1bc70ae5a89a82e2ae9beca795c68ccf166e57c9ae4651 img { width: 868px; height: 523px; } } @media (min-width: 1292px) { .uid-lbvaTneeLCSvXu3TqbBJo-7b6d8770ad97523fef1bc70ae5a89a82e2ae9beca795c68ccf166e57c9ae4651 { height: 612px; } } @media (min-width: 1292px) { .uid-lbvaTneeLCSvXu3TqbBJo-7b6d8770ad97523fef1bc70ae5a89a82e2ae9beca795c68ccf166e57c9ae4651 img { width: 1016px; height: 612px; } } .uid-3l0O4HN9WLqeUnr6saIzdE-033090bc7590f2f9a6467585798720f1ee7f2bc792d99e0dabad6e8161f2ebbb { height: 166px; } .uid-3l0O4HN9WLqeUnr6saIzdE-033090bc7590f2f9a6467585798720f1ee7f2bc792d99e0dabad6e8161f2ebbb img { width: 276px; height: 166px; } @media (min-width: 374px) { .uid-3l0O4HN9WLqeUnr6saIzdE-033090bc7590f2f9a6467585798720f1ee7f2bc792d99e0dabad6e8161f2ebbb { height: 195px; } } @media (min-width: 374px) { .uid-3l0O4HN9WLqeUnr6saIzdE-033090bc7590f2f9a6467585798720f1ee7f2bc792d99e0dabad6e8161f2ebbb img { width: 324px; height: 195px; } } @media (min-width: 480px) { .uid-3l0O4HN9WLqeUnr6saIzdE-033090bc7590f2f9a6467585798720f1ee7f2bc792d99e0dabad6e8161f2ebbb { height: 256px; } } @media (min-width: 480px) { .uid-3l0O4HN9WLqeUnr6saIzdE-033090bc7590f2f9a6467585798720f1ee7f2bc792d99e0dabad6e8161f2ebbb img { width: 424px; height: 256px; } } @media (min-width: 718px) { .uid-3l0O4HN9WLqeUnr6saIzdE-033090bc7590f2f9a6467585798720f1ee7f2bc792d99e0dabad6e8161f2ebbb { height: 410px; } } @media (min-width: 718px) { .uid-3l0O4HN9WLqeUnr6saIzdE-033090bc7590f2f9a6467585798720f1ee7f2bc792d99e0dabad6e8161f2ebbb img { width: 680px; height: 410px; } } @media (min-width: 1024px) { .uid-3l0O4HN9WLqeUnr6saIzdE-033090bc7590f2f9a6467585798720f1ee7f2bc792d99e0dabad6e8161f2ebbb { height: 523px; } } @media (min-width: 1024px) { .uid-3l0O4HN9WLqeUnr6saIzdE-033090bc7590f2f9a6467585798720f1ee7f2bc792d99e0dabad6e8161f2ebbb img { width: 868px; height: 523px; } } @media (min-width: 1292px) { .uid-3l0O4HN9WLqeUnr6saIzdE-033090bc7590f2f9a6467585798720f1ee7f2bc792d99e0dabad6e8161f2ebbb { height: 612px; } } @media (min-width: 1292px) { .uid-3l0O4HN9WLqeUnr6saIzdE-033090bc7590f2f9a6467585798720f1ee7f2bc792d99e0dabad6e8161f2ebbb img { width: 1016px; height: 612px; } } .uid-5rjOAWH9ID2PZS9z226JL9-b4389dd7f172654f9c063426aeeae2a13adffb950b7befc8163dfd69b9e8b636 { height: 276px; } .uid-5rjOAWH9ID2PZS9z226JL9-b4389dd7f172654f9c063426aeeae2a13adffb950b7befc8163dfd69b9e8b636 img { width: 276px; height: 276px; } @media (min-width: 374px) { .uid-5rjOAWH9ID2PZS9z226JL9-b4389dd7f172654f9c063426aeeae2a13adffb950b7befc8163dfd69b9e8b636 { height: 324px; } } @media (min-width: 374px) { .uid-5rjOAWH9ID2PZS9z226JL9-b4389dd7f172654f9c063426aeeae2a13adffb950b7befc8163dfd69b9e8b636 img { width: 324px; height: 324px; } } @media (min-width: 480px) { .uid-5rjOAWH9ID2PZS9z226JL9-b4389dd7f172654f9c063426aeeae2a13adffb950b7befc8163dfd69b9e8b636 { height: 424px; } } @media (min-width: 480px) { .uid-5rjOAWH9ID2PZS9z226JL9-b4389dd7f172654f9c063426aeeae2a13adffb950b7befc8163dfd69b9e8b636 img { width: 424px; height: 424px; } } @media (min-width: 718px) { .uid-5rjOAWH9ID2PZS9z226JL9-b4389dd7f172654f9c063426aeeae2a13adffb950b7befc8163dfd69b9e8b636 { height: 207px; } } @media (min-width: 718px) { .uid-5rjOAWH9ID2PZS9z226JL9-b4389dd7f172654f9c063426aeeae2a13adffb950b7befc8163dfd69b9e8b636 img { width: 207px; height: 207px; } } @media (min-width: 1024px) { .uid-5rjOAWH9ID2PZS9z226JL9-b4389dd7f172654f9c063426aeeae2a13adffb950b7befc8163dfd69b9e8b636 { height: 270px; } } @media (min-width: 1024px) { .uid-5rjOAWH9ID2PZS9z226JL9-b4389dd7f172654f9c063426aeeae2a13adffb950b7befc8163dfd69b9e8b636 img { width: 270px; height: 270px; } } @media (min-width: 1292px) { .uid-5rjOAWH9ID2PZS9z226JL9-b4389dd7f172654f9c063426aeeae2a13adffb950b7befc8163dfd69b9e8b636 { height: 319px; } } @media (min-width: 1292px) { .uid-5rjOAWH9ID2PZS9z226JL9-b4389dd7f172654f9c063426aeeae2a13adffb950b7befc8163dfd69b9e8b636 img { width: 319px; height: 319px; } } .uid-4NL0o8dba04KN6cD0xJ25c-350d9e141aeb45f943cf094ecf20dbb4a0ff397aca01584b605d61d732d90752 { height: 276px; } .uid-4NL0o8dba04KN6cD0xJ25c-350d9e141aeb45f943cf094ecf20dbb4a0ff397aca01584b605d61d732d90752 img { width: 276px; height: 276px; } @media (min-width: 374px) { .uid-4NL0o8dba04KN6cD0xJ25c-350d9e141aeb45f943cf094ecf20dbb4a0ff397aca01584b605d61d732d90752 { height: 324px; } } @media (min-width: 374px) { .uid-4NL0o8dba04KN6cD0xJ25c-350d9e141aeb45f943cf094ecf20dbb4a0ff397aca01584b605d61d732d90752 img { width: 324px; height: 324px; } } @media (min-width: 480px) { .uid-4NL0o8dba04KN6cD0xJ25c-350d9e141aeb45f943cf094ecf20dbb4a0ff397aca01584b605d61d732d90752 { height: 424px; } } @media (min-width: 480px) { .uid-4NL0o8dba04KN6cD0xJ25c-350d9e141aeb45f943cf094ecf20dbb4a0ff397aca01584b605d61d732d90752 img { width: 424px; height: 424px; } } @media (min-width: 718px) { .uid-4NL0o8dba04KN6cD0xJ25c-350d9e141aeb45f943cf094ecf20dbb4a0ff397aca01584b605d61d732d90752 { height: 207px; } } @media (min-width: 718px) { .uid-4NL0o8dba04KN6cD0xJ25c-350d9e141aeb45f943cf094ecf20dbb4a0ff397aca01584b605d61d732d90752 img { width: 207px; height: 207px; } } @media (min-width: 1024px) { .uid-4NL0o8dba04KN6cD0xJ25c-350d9e141aeb45f943cf094ecf20dbb4a0ff397aca01584b605d61d732d90752 { height: 270px; } } @media (min-width: 1024px) { .uid-4NL0o8dba04KN6cD0xJ25c-350d9e141aeb45f943cf094ecf20dbb4a0ff397aca01584b605d61d732d90752 img { width: 270px; height: 270px; } } @media (min-width: 1292px) { .uid-4NL0o8dba04KN6cD0xJ25c-350d9e141aeb45f943cf094ecf20dbb4a0ff397aca01584b605d61d732d90752 { height: 319px; } } @media (min-width: 1292px) { .uid-4NL0o8dba04KN6cD0xJ25c-350d9e141aeb45f943cf094ecf20dbb4a0ff397aca01584b605d61d732d90752 img { width: 319px; height: 319px; } } .uid-5vPEYaGa8mcL1x4ICrhIkf-bdf1a2d6ce43f8d76fefb5066afa5f58c065345c66949449046e1e94508d0eb4 { height: 276px; } .uid-5vPEYaGa8mcL1x4ICrhIkf-bdf1a2d6ce43f8d76fefb5066afa5f58c065345c66949449046e1e94508d0eb4 img { width: 276px; height: 276px; } @media (min-width: 374px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-bdf1a2d6ce43f8d76fefb5066afa5f58c065345c66949449046e1e94508d0eb4 { height: 324px; } } @media (min-width: 374px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-bdf1a2d6ce43f8d76fefb5066afa5f58c065345c66949449046e1e94508d0eb4 img { width: 324px; height: 324px; } } @media (min-width: 480px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-bdf1a2d6ce43f8d76fefb5066afa5f58c065345c66949449046e1e94508d0eb4 { height: 424px; } } @media (min-width: 480px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-bdf1a2d6ce43f8d76fefb5066afa5f58c065345c66949449046e1e94508d0eb4 img { width: 424px; height: 424px; } } @media (min-width: 718px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-bdf1a2d6ce43f8d76fefb5066afa5f58c065345c66949449046e1e94508d0eb4 { height: 207px; } } @media (min-width: 718px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-bdf1a2d6ce43f8d76fefb5066afa5f58c065345c66949449046e1e94508d0eb4 img { width: 207px; height: 207px; } } @media (min-width: 1024px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-bdf1a2d6ce43f8d76fefb5066afa5f58c065345c66949449046e1e94508d0eb4 { height: 270px; } } @media (min-width: 1024px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-bdf1a2d6ce43f8d76fefb5066afa5f58c065345c66949449046e1e94508d0eb4 img { width: 270px; height: 270px; } } @media (min-width: 1292px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-bdf1a2d6ce43f8d76fefb5066afa5f58c065345c66949449046e1e94508d0eb4 { height: 319px; } } @media (min-width: 1292px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-bdf1a2d6ce43f8d76fefb5066afa5f58c065345c66949449046e1e94508d0eb4 img { width: 319px; height: 319px; } } </style><script src="https://xms-production-f.squarecdn.com/xms/assets/application-98634303823609564653232341ac31dec8207447dd21be5f1fea5ecde57f58f7.js" defer="defer" nonce="dKBAvG373qzkFMD4q1HF6bCEH8iPY07FUlRB7Fm+XYE="></script><script type="module" nonce="dKBAvG373qzkFMD4q1HF6bCEH8iPY07FUlRB7Fm+XYE=">(function() { $(function() { setupClickableCarousel(); }); const SELECTOR = { carousel: '.carousel', slide: '.carousel-slide', }; function setupClickableCarousel() { $(SELECTOR.carousel).each(function(i, element) { observeVisibleCarousel(element); }); } function observeVisibleCarousel(carouselElement) { const element = carouselElement; const $element = $(carouselElement); const $slides = $element.find(SELECTOR.slide); const observerCallback = function(entries, observer) { entries.forEach(entry => { const { isIntersecting, target } = entry; if (isIntersecting) { $(target).attr('data-clickable', 'true'); } else { $(target).attr('data-clickable', 'false'); } }); }; const observerOptions = { root: element, rootMargin: '0px', threshold: 0.8, }; const observer = new IntersectionObserver(observerCallback, observerOptions); $slides.each(function(i, slide) { observer.observe(slide); }); } })(); </script><script type="module" nonce="dKBAvG373qzkFMD4q1HF6bCEH8iPY07FUlRB7Fm+XYE=">// DRI: adoshi@ /* BUNDLE=home-page-2021-q1 */ window.Sq = window.Sq || {}; Sq.Custom = Sq.Custom || {}; Sq.Custom.ORIGINAL_BREAKPOINTS = [ 374, 480, 718, 1024, 1292, 1680, // body max width ]; Sq.Custom.NEW_BREAKPOINTS = [ 375, 717, 1023, 1240, 1500, 2560, // body max width ]; Sq.Custom.MAX_IMAGE_WIDTH = 4000; Sq.Custom.mediaRegex = new RegExp(/min-width: ([\d]+)px/); Sq.Custom.ediGridImageScaleFactor = 1.0; function updateSrcset({ element, breakpointWidth, oldWidth, newWidth }) { const srcsetStr = element.srcset || element.dataset.srcset; if (!srcsetStr) { return; } const regexpStr = /\bw=([\d]+)&h=([\d]+)\b/; const gRegex = new RegExp(regexpStr, 'g'); const whRegex = new RegExp(regexpStr); const widthHeightMatches = srcsetStr.match(gRegex) || []; let newSrcsetStr = srcsetStr; widthHeightMatches.forEach((widthHeightStr, i) => { const [matchedStr, widthStr, heightStr, ...rest] = widthHeightStr.match(whRegex); const width = parseInt(widthStr, 10); const height = parseInt(heightStr, 10); const aspectRatio = width / height; let imageScaleFactor = Sq.Custom.ediGridImageScaleFactor; if (i === 0) { // make 1x image as large as 2x to solve for image quality issue imageScaleFactor *= 2.0; } let updatedWidth = Math.round((imageScaleFactor * newWidth * width) / oldWidth); if (updatedWidth > 4000) { updatedWidth = 4000; } let updatedHeight = Math.round(updatedWidth / aspectRatio); if (updatedHeight > 4000) { updatedHeight = 4000; updatedWidth = Math.round(updatedHeight * aspectRatio); } newSrcsetStr = newSrcsetStr.replace(matchedStr, `w=${updatedWidth}&h=${updatedHeight}`); }); if (element.srcset) { element.srcset = newSrcsetStr; } if (element.dataset.srcset) { element.dataset.srcset = newSrcsetStr; } if (element.media) { element.media = `(min-width: ${breakpointWidth}px)`; } } // fix width and height of each image function updatePictureSrcsets() { const allPictures = document.querySelectorAll('picture'); allPictures.forEach(picture => { Array.from(picture.children).forEach(element => { if (element.nodeName === 'SOURCE') { if (element.media) { const oldBreakpointWidth = parseInt(element.media.match(Sq.Custom.mediaRegex)[1], 10); const breakpointIndex = Sq.Custom.ORIGINAL_BREAKPOINTS.indexOf(oldBreakpointWidth); const newBreakpoint = Sq.Custom.NEW_BREAKPOINTS[breakpointIndex]; updateSrcset({ element, breakpointWidth: newBreakpoint, oldWidth: Sq.Custom.ORIGINAL_BREAKPOINTS[breakpointIndex + 1], newWidth: Sq.Custom.NEW_BREAKPOINTS[breakpointIndex + 1], }); } else { updateSrcset({ element, oldWidth: Sq.Custom.ORIGINAL_BREAKPOINTS[0], newWidth: Sq.Custom.NEW_BREAKPOINTS[0], }); } } else { updateSrcset({ element, oldWidth: Sq.Custom.ORIGINAL_BREAKPOINTS[0], newWidth: Sq.Custom.NEW_BREAKPOINTS[0], }); } }); }); } // Used in case of experiments // Setup mutation observer for hidden carousel section // Retrigger width calculation once visible function resizeCarouselOnVisible() { const config = { attributes: true }; const observer = new MutationObserver((mutationList, observer) => { for (const mutation of mutationList) { if (mutation.type === 'attributes' && mutation.attributeName === 'class') { if (!mutation.target.classList.contains('hidden')) { const carousel = $(mutation.target) .find('.carousel') .data(Sq.Carousel.DATA_KEY); carousel._onBreakpointChange(); observer.disconnect(); } } } }); $('.carousel') .closest('section.hidden') .each((i, el) => { observer.observe(el, config); }); } Sq.OnLoad.dom(() => { updatePictureSrcsets(); }); $(function() { resizeCarouselOnVisible(); // update 2 column spacing $('.section-two-column .two-column-inner-grid').addClass('grid-space-medium-at-medium'); }); </script><script type="module" nonce="dKBAvG373qzkFMD4q1HF6bCEH8iPY07FUlRB7Fm+XYE=">/* * do not edit; file hosted in public-web-customizations. * Adds interactivity to the filters section on the pricing page * Looks for class: .sq-custom-section-multi-column-filterable * DRI: adoshi@ * BUNDLE=pricing-2022 */ window.Sq = window.Sq || {}; Sq.Custom = Sq.Custom || {}; Sq.Custom.SectionMultiColumnFilterable = (function () { const DATA_KEY = 'sq.custom.section-multi-column-filterable'; const EXPANDING_TOGGLE_CLASS = 'sq-custom-expanding-toggle'; const EXPANDING_TOGGLE_LABEL_CLASS = 'sq-custom-expanding-toggle-label'; const SELECTOR = { section: '.sq-custom-section-multi-column-filterable', multiColumnGrid: '.multi-column-grid', columns: '.multi-column-grid > .column', filterTags: '.sq-custom-filter-options a[href^="#"]', expandTitle: '.sq-custom-expand-title', collapseTitle: '.sq-custom-collapse-title', expandingToggle: `.${EXPANDING_TOGGLE_CLASS}`, }; const BREAKPOINT_ROWS = { base: 3, medium: 2, }; return class extends Sq.BaseSection { constructor(element) { super(element, 'Sq.Custom.SectionMultiColumnFilterable', DATA_KEY); this.$multiColumnGrid = this.$section.find(SELECTOR.multiColumnGrid); this.$filterTags = this.$section.find(SELECTOR.filterTags); this.$allColumns = this.$section.find(SELECTOR.columns); this.addExpandingToggle(); this.bindEvents(); } addExpandingToggle() { const expandTitle = this.$section.find(SELECTOR.expandTitle).text(); const collapseTitle = this.$section.find(SELECTOR.collapseTitle).text(); if (!(expandTitle && collapseTitle)) { return; } this.$expandingToggle = $(`<a class="${EXPANDING_TOGGLE_CLASS} font-size-large" href="#" data-expand-title="${expandTitle}" data-collapse-title="${collapseTitle}" data-expanded="false"> <span class="sq-custom-toggle-plus gap-right-base"></span> <span class="${EXPANDING_TOGGLE_LABEL_CLASS}">${expandTitle}</span></a>`).insertAfter(this.$multiColumnGrid); this.$expandingToggleLabel = this.$expandingToggle.find(`.${EXPANDING_TOGGLE_LABEL_CLASS}`); // move multi-column grid into a container this.$multiColumnGridContainer = $('<div class="multi-column-grid-container"></div>').insertAfter( this.$multiColumnGrid, ); this.$multiColumnGrid.appendTo(this.$multiColumnGridContainer); } bindEvents() { this.setMultiColumnGridHeight(); this.$filterTags.on('click', e => { // mark selected tag as active this.$filterTags.each((i, el) => { delete el.dataset.active; }); e.currentTarget.dataset.active = true; const match = e.currentTarget.href.match(/#([\w-]+)$/); const tag = match ? match[1] : undefined; if (tag) { const selectedColumns = this.$allColumns .find(`[data-filter-tag~="${tag}"]`) .parents('.grid') .parents('.column'); this.$allColumns .not(selectedColumns) .css({ order: 1 }) .fadeOut(100); selectedColumns.css({ order: 0 }).fadeIn(200); } else { this.$allColumns.css({ order: 0 }).fadeIn(200); } setTimeout(() => { this.setMultiColumnGridHeight(); }, 200); e.preventDefault(); }); this.$expandingToggle.on('click', (e, ...args) => { const expanded = e.currentTarget.dataset.expanded === 'true'; // Custom tracking this.trackExpandingToggleClick({ expanded }); if (!expanded) { e.currentTarget.dataset.expanded = 'true'; this.$expandingToggleLabel.html(e.currentTarget.dataset.collapseTitle); } else { e.currentTarget.dataset.expanded = 'false'; this.$expandingToggleLabel.html(e.currentTarget.dataset.expandTitle); } this.setMultiColumnGridHeight({ scrollIntoView: true }); // prevent tracking call return false; }); Sq.Resize.onResize(() => { this.setMultiColumnGridHeight(); }); } setMultiColumnGridHeight(opts) { const { scrollIntoView } = opts || {}; const validBreakpoint = Object.keys(BREAKPOINT_ROWS) .reverse() .find(bp => Sq.Breakpoint.above(bp)) || 'base'; const rowsToShow = BREAKPOINT_ROWS[validBreakpoint]; const children = this.$multiColumnGrid.children(); let rowsFound = 1; let firstTop, lastTop; let lastVisible; children.each((i, el) => { // is child visible? if ($(el).is(':hidden')) { return true; } if (!firstTop) { firstTop = el.offsetTop; } if (!lastVisible) { lastVisible = el; } if (i > 0) { if (el.offsetTop !== lastVisible.offsetTop) { rowsFound += 1; if (rowsFound > rowsToShow) { lastTop = el.offsetTop; return false; } } lastVisible = el; } }); if (this.$expandingToggle.get(0).dataset.expanded === 'false') { if (rowsFound > rowsToShow) { const height = lastTop - firstTop; this.$multiColumnGridContainer.animate({ height, }); // show the toggle this.$expandingToggle.fadeIn(200); if (scrollIntoView) { // this.$expandingToggle.get(0).scrollIntoView(); $('html, body').animate({ scrollTop: this.$section.offset().top }); } } else { this.$multiColumnGridContainer.animate({ height: this.$multiColumnGridContainer.children().get(0).scrollHeight, }); // hide the toggle this.$expandingToggle.fadeOut(200); } } else { if (rowsFound > rowsToShow) { // show the toggle this.$expandingToggle.fadeIn(200); } else { // hide the toggle this.$expandingToggle.fadeOut(200); } this.$multiColumnGridContainer.animate({ height: this.$multiColumnGridContainer.children().get(0).scrollHeight, }); } } trackExpandingToggleClick({ expanded }) { const action = 'Click'; const category = 'Expanding Toggle'; const feature = 'Pricing - Tools - Expanding Toggle'; const properties = { intent: expanded ? 'collapse' : 'expand', }; // ES Sq.Tracking.trackEvent( category, action, { feature, ...properties, }, 1, false, ); // CDP if (Sq.Tracking.useCDP) { Sq.Tracking.filterCDPProperties(properties); Sq.Tracking.cdp.track(`${action} ${category}`, { feature, ...properties, }); } } static get SELECTOR() { return SELECTOR; } } })(); Sq.OnLoad.window(function () { $(Sq.Custom.SectionMultiColumnFilterable.SELECTOR.section).each((i, el) => { new Sq.Custom.SectionMultiColumnFilterable(el); }); }); </script><script type="module" nonce="dKBAvG373qzkFMD4q1HF6bCEH8iPY07FUlRB7Fm+XYE=">/* * DRI: adoshi@ * BUNDLE=pricing-2022 */ (function() { // show/hide the right hero image based on breakpoint document .querySelector('.sq-custom-edi-fluid-hero-image-break') .classList.add('display-none', 'display-block-at-medium'); document.querySelector('.sq-custom-edi-fluid-hero-image-carousel').classList.add('hide-at-medium'); // adjust padding when carousel is visible const heroContent = document.querySelector('.sq-custom-edi-two-column-fluid-hero .content'); heroContent.classList.remove('pad-top-medium', 'pad-bottom-medium'); heroContent.classList.add('pad-vert-small', 'pad-vert-medium-at-medium'); const loadCarouselImagesIfNeeded = () => { if (Sq.Breakpoint.below('medium')) { const carouselImages = document.querySelectorAll('.sq-custom-edi-fluid-hero-image-carousel img'); carouselImages.forEach(img => { Sq.LazyLoader.load(img); }); } }; Sq.Resize.onResize(() => { loadCarouselImagesIfNeeded(); }); setTimeout(loadCarouselImagesIfNeeded, 500); })(); </script><script type="module" nonce="dKBAvG373qzkFMD4q1HF6bCEH8iPY07FUlRB7Fm+XYE=">/* * DRI: adoshi@ * BUNDLE=pricing-2022 */ Sq.OnLoad.window(function() { $('.sq-custom-pricing-section-faq') .find('.h6') .removeClass('h6') .addClass('h4'); }); </script><script type="module" nonce="dKBAvG373qzkFMD4q1HF6bCEH8iPY07FUlRB7Fm+XYE=">/* * DRI: adoshi@ * BUNDLE=pricing-2022 */ (function() { $('.sq-custom-pricing-section-business-type') .find('.multi-column-grid') .removeClass((index, className) => { return (className.match(/(^|\s)grid-space-[\w]+/g) || []).join(' '); }) .addClass('grid-space-large grid-space-small-at-medium'); })(); </script><script type="module" nonce="dKBAvG373qzkFMD4q1HF6bCEH8iPY07FUlRB7Fm+XYE=">// DRI: adoshi@ /* BUNDLE=pricing-2022 */ window.Sq = window.Sq || {}; Sq.Custom = Sq.Custom || {}; (function() { Sq.Custom.detectScrollbarWidth = () => { document.documentElement.style.setProperty( '--scrollbar-width', window.innerWidth - document.documentElement.clientWidth, ); }; })(); $(function() { Sq.Custom.detectScrollbarWidth(); Sq.Resize.onResize(Sq.Custom.detectScrollbarWidth); })</script><script type="module" nonce="dKBAvG373qzkFMD4q1HF6bCEH8iPY07FUlRB7Fm+XYE=">window.Sq = window.Sq || {}; Sq.HWCreative = Sq.HWCreative || {}; Sq.HWCreative.PromoModal = (() => { let s; return { settings() { return { parentElement: document.querySelector('.sq-custom-hw-promo-modal'), closeElement: document.querySelector('.sq-custom-hw-promo-modal .no-collapse'), waypointElement: document.querySelector('.Waypoint'), visibleClass: 'is-visible', stickyClass: 'is-sticky', promoCode: 'NEWSQUARE', }; }, init() { s = this.settings(); this.bindEvents(); }, bindEvents() { this.openModal(); this.closeModal(); // /hardware/compare does not have a CTA subnav, so there is now element with a .Waypoint className if (s.waypointElement !== null) { this.waypoint(); } }, openModal() { // Check localStorage to see if the promo modal has previously been hidden by the user if (!localStorage.getItem(`hidePromoModal--${s.promoCode}`)) { // Immediately show the promo modal if the user is not signed in if (!Sq.PublicWebNav.loggedIn) { s.parentElement.classList.add(s.visibleClass); } else { // Check if the logged in user is eligible to use the promo code and show the promo modal if they are fetch(`/shop/api/cart/promotion/eligibility?codes=${s.promoCode}`) .then((response) => response.json()) .then((data) => { // Endpoint changed to return an array of data with info on each promo code if (Array.isArray(data)) { // Loop over the data incase there is more items in the array for (let i = 0; i < data.length; i++) { if (data[i].name === s.promoCode) { if (data[i].eligible) { s.parentElement.classList.add(s.visibleClass); } break; } } // Previous endpoint returned an object where the eligible promo codes were in an array } else { if (data.eligible.includes(s.promoCode)) { s.parentElement.classList.add(s.visibleClass); } } }); } } }, closeModal() { s.closeElement.addEventListener('click', () => { // Set item in localStorage to prevent the modal from appearing again localStorage.setItem(`hidePromoModal--${s.promoCode}`, true); s.parentElement.classList.remove(s.visibleClass); }); }, waypoint() { // There is a sticky footer on mobile once the user scrolls a certain distance that should not be covered const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.boundingClientRect.top < 0) { s.parentElement.classList.add(s.stickyClass); } else { s.parentElement.classList.remove(s.stickyClass); } }); }); observer.observe(s.waypointElement); }, }; })(); document.addEventListener('DOMContentLoaded', () => { Sq.HWCreative.PromoModal.init(); }); </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="dKBAvG373qzkFMD4q1HF6bCEH8iPY07FUlRB7Fm+XYE="></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-6E25GfxTHIJmgoAUNPlrBm","title":"Square","subtitle":null,"dynamicVariationSlug":null,"titleCategory":null,"cta":{"id":"pwn-entry-7jY06p6228XQ3a2m0nRQ3S","title":"Communiquer avec l’équipe des ventes","url":"/ca/fr/sales/contact","linkStyle":"primary","iconData":{"name":"contact-sales","size":"24x24","s3BaseUrl":"https://square-production.s3.amazonaws.com/icons/square/4.13.0/24x24/"},"hideWhenLoggedIn":null,"hideWhenLoggedOut":null,"hideWhenCartEmpty":null,"hideWhenCartNotEmpty":null,"disabled":null,"hidden":null,"type":"button"},"secondaryCta":{"id":"pwn-entry-1uCkKLhhAiqepT71w2sMCP","title":"Démarrer","url":"/signup/fr-CA","linkStyle":"secondary","iconData":null,"hideWhenLoggedIn":null,"hideWhenLoggedOut":null,"hideWhenCartEmpty":null,"hideWhenCartNotEmpty":null,"disabled":null,"hidden":null,"type":"button"},"navItems":null,"dynamicVariations":null,"enableDynamicVariations":false,"onlyShowCtaWhenSticky":false,"showCtaOnCtaPage":false,"disableStickyBehavior":false,"enableFlickerFix":false,"reverseDesktopCtaButtons":true,"hiddenUntilScrolled":true,"disableIconCtaOnMobile":true}" data-dark-mode="false" data-experiments="[]" data-flags-json="{"publicwebnav/enable-comms-plat-messaging":false,"xms2-search-page-url":"https://squareupstaging.com/us/en/xms2/test/search","xmsfe-enable-pwt":true,"xmsfe-pwt-page-allow-list":["/us/en"]}" data-image-subnav-json="" data-json="{"id":"pwn-entry-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-h1-to-hero-h1 sq-custom-edi-two-column-fluid-hero flex-valign-middle" data-entry-id="2rzMTxwHZTL8D7rWuxWjZt"><div class="content pad-top-medium pad-bottom-medium"><div class="grid multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="59Va0KpOlEFPf2Qxa8QJQQ"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h1 class="h1 balance-text" id="des-tarifs-conçus-pour-vous-faire-progresser">Des tarifs conçus pour vous faire progresser.</h1></div></div></div></div></div><div class="column"><div data-entry-id="16CyCEbQmlPiZljcDhw4si"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><p class="gap-top-none gap-top-line-at-large">Créez votre compte gratuit et ajoutez-y des outils au fur et à mesure de vos besoins ou choisissez une de nos formules d’abonnement pour activer toutes les fonctionnalités dont vous avez besoin en une seule solution.</p></div></div></div></div></div></div></div></section><section class="section-screenshot bg-white sq-custom-edi-fluid-hero-image-break sq-custom-img-border-radius pad-top-none pad-bottom-none" data-entry-id="DbvgBDgCWZwvCFUFaXoin" data-frame-type="full-width"><div><div class="apropos-entry position-relative max-width-at-extra-large rounded-corners-at-extra-large" data-entry-id="sR0NetVD4ePgRZq9XRAKl"><div class="picture uid-sR0NetVD4ePgRZq9XRAKl-56f05d1c389e8d725979fa218b354fa905b3f5f3a8627771dd9f938b950452a4"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=1680&h=500&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=3360&h=1000&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=1680&h=500&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=3360&h=1000&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=1680&h=500&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=3360&h=1000&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=1291&h=384&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=2582&h=768&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=1291&h=384&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=2582&h=768&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=1291&h=384&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=2582&h=768&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=1023&h=305&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=2046&h=610&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=1023&h=305&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=2046&h=610&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=1023&h=305&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=2046&h=610&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=717&h=213&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=1434&h=426&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=717&h=213&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=1434&h=426&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=717&h=213&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=1434&h=426&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=479&h=143&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=958&h=286&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=479&h=143&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=958&h=286&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=479&h=143&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=958&h=286&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=373&h=111&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=746&h=222&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=373&h=111&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=746&h=222&fm=webp&q=85&fit=scale 2x" /><img alt="" srcset="//images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=373&h=111&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/38aXeKEeMQgU5JrJhxkcdG/bd9f29fa13023b5708a3a085a13e09b4/PD04507_-_base_CAFR_pricing_hero_render.png?w=746&h=222&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></section><section class="overflow-hidden section-carousel bg-white auto-layout sq-custom-edi-fluid-hero-image-carousel" data-entry-id="2VBbUab3md6H9WZGrJfgfA"><div class="content pad-top-none pad-bottom-none"><div class="carousel" data-buttons="true"><div class="carousel-slider grid grid-space-none"><div class="carousel-slide"><div class="content-width-extra-large" data-entry-id="2BnVRJ4DRkU2bpX5zgKhWL"><div class="position-relative"><div class="picture uid-lbvaTneeLCSvXu3TqbBJo-7b6d8770ad97523fef1bc70ae5a89a82e2ae9beca795c68ccf166e57c9ae4651"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=1016&h=612&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=2032&h=1224&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=1016&h=612&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=2032&h=1224&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=1016&h=612&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=2032&h=1224&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/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=868&h=523&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=1736&h=1046&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=868&h=523&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=1736&h=1046&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=868&h=523&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=1736&h=1046&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=680&h=410&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=1360&h=820&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=680&h=410&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=1360&h=820&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=680&h=410&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=1360&h=820&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=424&h=256&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=848&h=512&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=424&h=256&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=848&h=512&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=424&h=256&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=848&h=512&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/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=324&h=195&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=648&h=390&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=324&h=195&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=648&h=390&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=324&h=195&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=648&h=390&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=276&h=166&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=552&h=332&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=276&h=166&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=552&h=332&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=276&h=166&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/lbvaTneeLCSvXu3TqbBJo/1deab9ed8e876933f295f29f6671952c/PD04507_-_CAFR_pricing_hero_render_carousel_1.png?w=552&h=332&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div><div class="carousel-slide"><div class="content-width-extra-large" data-entry-id="3ANPs5ECmZT0R7rK48MJnM"><div class="position-relative"><div class="picture uid-3l0O4HN9WLqeUnr6saIzdE-033090bc7590f2f9a6467585798720f1ee7f2bc792d99e0dabad6e8161f2ebbb"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=1016&h=612&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=2032&h=1224&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=1016&h=612&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=2032&h=1224&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=1016&h=612&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=2032&h=1224&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/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=868&h=523&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=1736&h=1046&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=868&h=523&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=1736&h=1046&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=868&h=523&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=1736&h=1046&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=680&h=410&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=1360&h=820&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=680&h=410&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=1360&h=820&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=680&h=410&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=1360&h=820&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=424&h=256&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=848&h=512&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=424&h=256&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=848&h=512&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=424&h=256&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=848&h=512&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/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=324&h=195&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=648&h=390&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=324&h=195&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=648&h=390&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=324&h=195&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=648&h=390&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=276&h=166&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=552&h=332&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=276&h=166&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=552&h=332&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=276&h=166&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3l0O4HN9WLqeUnr6saIzdE/cc6a3bdf920102cebc1f2f666f414cb2/PD04507_-_CAFR_pricing_hero_render_carousel_2.png?w=552&h=332&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div></div></div></div></section><section class="section-one-column bg-white auto-layout sq-custom-jump-links sq-custom-disable-link-hover-animation flex-valign-middle" data-entry-id="51sr1Kr5tMnXF9KbomsTLl"><div class="content pad-top-medium pad-bottom-none"><div class="intro intro font-size-base"><ul class="sq-custom-animated-bg-pill-buttons display-flex reset"> <li><a href="#plans" class="badge arrow">Voir les abonnements</a></li> <li><a href="#tools" class="badge arrow">Découvrir tous les outils</a></li> <li><a href="#rates" class="badge arrow">Frais de transaction</a></li> <li><a href="#business-type" class="badge arrow">Par type d’activité</a></li> <li><a href="#hardware" class="badge arrow">Acheter du matériel</a></li> </ul></div></div></section><section class="section-custom-html bg-white auto-layout" data-entry-id="3caIfyHKZwqVp1faOTpoV2"><div class="content pad-top-none pad-bottom-none"><div id="plans" class="anchor-link" /></div></section><section class="section-multi-column bg-white auto-layout sq-custom-pricing-section-plans sq-custom-section-multi-column-card-border sq-custom-section-multi-column-card-content-flex-column sq-custom-disable-link-hover-animation flex-valign-middle" data-entry-id="45M8WDHWGg9KK6JpDE5KIL"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-none"><div class="intro font-size-base align-left gap-left-none"><h2 class="balance-text h2" data-title-for="45M8WDHWGg9KK6JpDE5KIL">Des abonnements pour chaque étape</h2></div><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="55KXA0lIsI1WOwr262vmUG"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h3" data-title-for="55KXA0lIsI1WOwr262vmUG">Gratuit</h3><p class="sq-custom-flex-grow">Vendez en personne, en ligne, par téléphone ou sur le terrain. Il n’y a pas de frais de configuration ni de frais mensuels. Ne payez que lorsque vous acceptez un paiement.</p> <p class="gap-top-small sq-custom-price sq-custom-square-sans-display-non-vf"><span class="h1">0 $</span><span class="h3">/mois</span> <br> + frais de transaction</p> <p class="gap-top-none"><a href="/signup/ca?lang_code=fr-CA" class="button expand">Démarrer</a></p></div></div></div></div></div><div class="column"><div data-entry-id="MgsfWWbHVYYsuQmubHBJq"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h3" data-title-for="MgsfWWbHVYYsuQmubHBJq">Plus</h3><p class="sq-custom-flex-grow">Profitez de fonctionnalités avancées conçues spécialement pour les restaurants, les commerces de détail ou les entreprises axées sur la prise de rendez-vous. Mettez à niveau votre abonnement quand vous le souhaitez et annulez-le à tout moment.</p> <p class="gap-top-small sq-custom-price sq-custom-square-sans-display-non-vf"><span class="h1">À partir de 35 $</span><span class="h3">/mois</span> <br> + frais de transaction</p> <p class="gap-top-none"><a href="#business-type" class="button arrow arrow-down expand">Voir les offres ci-dessous</a></p></div></div></div></div></div><div class="column"><div data-entry-id="kUghp6baVXLJT4ILLXL8q"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h3" data-title-for="kUghp6baVXLJT4ILLXL8q">Premium</h3><p class="sq-custom-flex-grow">Élaborez une formule d’abonnement sur mesure qui correspond à la complexité de vos opérations. Vous pouvez profiter de frais de traitement personnalisés en fonction de votre admissibilité.</p> <p class="gap-top-small sq-custom-price sq-custom-square-sans-display-non-vf"><span class="h1">Taux personnalisé</span> <br> + frais de transaction</p> <p class="gap-top-none"><a href="/ca/fr/sales/contact?page=/ca/fr/pricing" class="button button-alt expand">Contacter l’équipe des ventes</a></p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-pricing-section-plans-included-with-square flex-valign-middle" data-entry-id="6fXjZcWRzZXMjPzNwHdJB0"><div class="content pad-top-medium pad-bottom-none"><div class="intro font-size-base align-left gap-left-none"><h4 class="h4 gap-top-base" id="inclus-avec-chaque-compte-square">Inclus avec chaque compte Square :</h4></div><div class="grid-3-at-medium multi-column-grid align-left grid-space-line grid-align-center grid-valign-top grid-row-equal-heights"><div class="column one-whole-at-medium"><div data-entry-id="4nFVYHldL0gc3SyKY4Rauj"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><ul class="check-list grid grid-2-at-small grid-3-at-medium"> <li>Transferts effectués dès le jour ouvrable suivant</li> <li>Inscription en ligne rapide</li> <li>Analyses en temps réel</li> <li>Chiffrement des paiements de bout en bout</li> <li>Assistance téléphonique</li> <li>Application Solution PDV Square gratuite</li> <li>Prévention active de la fraude</li> <li>Gestion des litiges</li> </ul></div></div></div></div></div></div></div></section><section class="section-custom-html bg-white auto-layout" data-entry-id="1CWRIklzRgoaDfldWWzeJ6"><div class="content pad-top-none pad-bottom-none"><div id="tools" class="anchor-link" /></div></section><section class="section-multi-column bg-white auto-layout sq-custom-section-mix-and-match sq-custom-section-multi-column-filterable sq-custom-section-multi-column-card-border sq-custom-section-multi-column-card-content-flex-column sq-custom-animated-bg-pill-buttons sq-custom-accordion-arrow-to-plus flex-valign-middle" data-entry-id="4Fru9DQNcmqeHeyNa8Tin8"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-none"><div class="intro font-size-base align-left gap-left-none"><h2 class="balance-text h2" data-title-for="4Fru9DQNcmqeHeyNa8Tin8">Des outils à associer et à coordonner</h2><ul class="sq-custom-filter-options reset grid-auto grid-space-base"> <li><a href="#" class="badge badge-alt" data-active="true">Tous</a></li> <li><a href="#tools-free" class="badge badge-alt">Gratuit</a></li> <li><a href="#tools-commerce" class="badge badge-alt">Commerce</a></li> <li><a href="#tools-customers" class="badge badge-alt">Clients</a></li> <li><a href="#tools-financial" class="badge badge-alt">Services financiers</a></li> </ul> <p class="sq-custom-expand-title hidden">Afficher tous les outils</p> <p class="sq-custom-collapse-title hidden">Masquer</p></div><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="1omhfzpYv58PhviVyQnxnc"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 data-filter-tag="tools-free tools-commerce" id="solution-pdv-square"><a href="/ca/fr/point-of-sale" class="arrow">Solution PDV Square</a></h4> <p class="sq-custom-flex-grow">Préparez-vous à vendre en personne, en ligne, par téléphone et sur le terrain; aucune formation n’est requise.</p> <p class="gap-top-small"><strong>À partir de 0 $/mois</strong></p></div></div></div></div></div><div class="column"><div data-entry-id="6NrojJOsb7tVb113ixv78S"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 data-filter-tag="tools-free tools-commerce" id="factures-square"><a href="/ca/fr/invoices/pricing" class="arrow">Factures Square</a></h4> <p class="sq-custom-flex-grow">Envoyez des factures et des estimations numériques, acceptez les paiements, envoyez des rappels et effectuez le suivi du paiement des factures.</p> <p class="gap-top-small"><strong>À partir de 0 $/mois</strong></p></div></div></div></div></div><div class="column"><div data-entry-id="7KFBzQAlJnWN8D0hosv8ZA"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 data-filter-tag="tools-free tools-commerce" id="boutique-vente-en-ligne-square"><a href="/ca/fr/online-store/plans" class="arrow">Boutique Vente en ligne Square</a></h4> <p class="sq-custom-flex-grow">Effectuez des ventes, prenez des réservations et présentez vos services en ligne en toute simplicité. Vous pouvez même atteindre votre clientèle sur Instagram et Facebook.</p> <p class="gap-top-small"><strong>À partir de 0 $/mois</strong></p></div></div></div></div></div><div class="column"><div data-entry-id="uOx4GnNMybZb4BtCiCzHG"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 data-filter-tag="tools-free tools-commerce" id="passage-en-caisse-en-ligne"><a href="/ca/fr/online-checkout" class="arrow">Passage en caisse en ligne</a></h4> <p class="sq-custom-flex-grow">Créez des liens de paiement, des boutons d’achat ou des codes QR. Partagez-les ensuite sur les médias sociaux, par courriel, par texto ou sur votre site Web.</p> <p class="gap-top-small"><strong>À partir de 0 $/mois</strong></p></div></div></div></div></div><div class="column"><div data-entry-id="7JvVAyAQ2fk45YLvS6Sloy"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 data-filter-tag="tools-free tools-commerce" id="terminal-virtuel"><a href="/ca/fr/payments/virtual-terminal" class="arrow">Terminal virtuel</a></h4> <p class="sq-custom-flex-grow">Transformez votre ordinateur en un terminal de paiement afin d’offrir la facturation à distance et d’accepter les paiements par carte de crédit au téléphone.</p> <p class="gap-top-small"><strong>À partir de 0 $/mois</strong></p></div></div></div></div></div><div class="column"><div data-entry-id="1EdmO0BcWkAcyg5lhLhJ4B"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 data-filter-tag="tools-customers" id="marketing-par-courriel"><a href="/ca/fr/software/marketing" class="arrow">Marketing par courriel</a></h4> <p class="sq-custom-flex-grow">Restez en contact avec vos clients grâce au marketing par courriel automatisé et intégré au système de point de vente.</p> <p class="gap-top-small"><strong>À partir de 20 $/mois</strong></p></div></div></div></div></div><div class="column"><div data-entry-id="2mDu7Z8weif3WqmVpg5W1S"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 data-filter-tag="tools-customers" id="fidélisation"><a href="/ca/fr/software/loyalty" class="arrow">Fidélisation</a></h4> <p class="sq-custom-flex-grow">Fidélisez vos clients avec un programme de récompenses convivial.</p> <p class="gap-top-small"><strong>À partir de 60 $/mois</strong></p></div></div></div></div></div><div class="column"><div data-entry-id="1IW1uS9lrsr5HC2LF5yY76"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 data-filter-tag="tools-customers" id="cartes-cadeaux"><a href="/ca/fr/gift-cards/pricing" class="arrow">Cartes cadeaux</a></h4> <p class="sq-custom-flex-grow">Attirez de nouveaux clients avec des cartes cadeaux physiques et numériques personnalisables.</p> <p class="gap-top-small"><strong>À partir de 0 $/mois</strong></p></div></div></div></div></div><div class="column"><div data-entry-id="4h65mDn6B89gJUV8YX3rCY"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 data-filter-tag="tools-free tools-customers" id="répertoire-de-clients"><a href="/ca/fr/point-of-sale/features/customer-directory" class="arrow">Répertoire de clients</a></h4> <p class="sq-custom-flex-grow">Créez automatiquement un profil de client contenant ses coordonnées générales chaque fois que vous réalisez une vente.</p> <p class="gap-top-small"><strong>À partir de 0 $/mois</strong></p></div></div></div></div></div><div class="column"><div data-entry-id="3Q53TSOh8OR5BoGI3aPcrM"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 data-filter-tag="tools-commerce" id="afterpay"><a href="/ca/fr/buy-now-pay-later" class="arrow">Afterpay</a></h4> <p class="sq-custom-flex-grow">Offrez à vos clients la possibilité de payer en plusieurs versements alors que vous recevez le montant total immédiatement avec Afterpay. Plus d’options pour eux. Plus de ventes pour vous.</p> <p class="gap-top-small"><strong>6 % + 0,30 $ par transaction</strong></p></div></div></div></div></div><div class="column"><div data-entry-id="7sQyIqJgXAsfswfD1SpXZN"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 data-filter-tag="tools-free tools-financial" id="carte-square"><a href="/ca/fr/payments/square-card" class="arrow">Carte Square</a></h4> <p class="sq-custom-flex-grow">Accédez instantanément à vos fonds avec une carte de dépenses d’entreprise gratuite. Pas de montant minimum ni de frais récurrents<sup>2</sup>.</p> <p class="gap-top-small"><strong>Aucuns frais</strong></p></div></div></div></div></div><div class="column"><div data-entry-id="P9LeXFnnLoa9GEGxhdTnB"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 data-filter-tag="tools-financial" id="transferts-instantanés"><a href="/ca/fr/payments/instant-transfers" class="arrow">Transferts instantanés</a></h4> <p class="sq-custom-flex-grow">Envoyez instantanément des fonds vers votre compte bancaire associé, et ce, en tout temps. Des frais de 1,5 % par transfert s’appliquent<sup>3</sup>.</p> <p class="gap-top-small"><strong>Frais de 1,5 %</strong></p></div></div></div></div></div><div class="column"><div data-entry-id="6ZhN846UihYT6S3Q1whGhB"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 data-filter-tag="tools-financial" id="prêts"><a href="/ca/fr/banking/loans" class="arrow">Prêts</a></h4> <p class="sq-custom-flex-grow">Devenez admissible à un prêt allant jusqu’à 250 000 $ en traitant les paiements sur Square. Obtenez des fonds dès le jour ouvrable suivant<sup>4</sup>.</p> <p class="gap-top-small"><strong>Un seul montant forfaitaire, sans intérêt</strong></p></div></div></div></div></div></div></div></section><section class="section-custom-html bg-white auto-layout" data-entry-id="UEo3DnhjnF3XbkDFTqRgw"><div class="content pad-top-none pad-bottom-large pad-bottom-xl-at-medium"><div id="rates" class="anchor-link" /></div></section><section class="section-multi-column bg-accent auto-layout sq-custom-section-rounded-corners sq-custom-bg-blue-light sq-custom-section-multi-column-card-content-flex-column sq-custom-pricing-section-processing-fees flex-valign-middle" data-entry-id="4jTA3W4E5mmRbHiuStWJQ0"><div class="content pad-top-large pad-bottom-large"><div class="intro font-size-large align-left gap-left-none"><h2 class="balance-text" id="frais-de-traitement">Frais de traitement</h2> <p class="sq-custom-pull-down gap-top-large"><a href="/ca/fr/payments/our-fees" class="arrow">Tout savoir sur nos tarifs</a></p></div><div class="grid-2-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="7F8J4eNe51gkDYk3hADQY"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="gap-bottom-line" id="carte-de-crédit-présente">Carte de crédit présente</h3> <p class="sq-custom-flex-grow">Ce terme fait référence au moment où un client passe, insère ou glisse sa carte de crédit en personne. Les tarifs pour les cartes Visa, Mastercard, American Express, Discover, et les cartes de crédit internationales sont les mêmes.</p> <h5 class="sq-custom-square-sans-display-non-vf gap-top-none" id="25-par-transaction">2,5 % par transaction</h5></div></div></div></div></div><div class="column"><div data-entry-id="1afZFsmTMZU9GTznpYoc1m"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="gap-bottom-line" id="carte-absente">Carte absente</h3> <p class="sq-custom-flex-grow">Ce terme fait référence au moment où un client effectue un achat par le biais de votre boutique en ligne, de Passage en caisse en ligne ou de l’API Commerce électronique, ou encore lorsqu’il paie une facture en ligne.</p> <h5 class="sq-custom-square-sans-display-non-vf gap-top-none" id="28--030-par-transaction">2,8 % + 0,30 $ par transaction</h5></div></div></div></div></div><div class="column"><div data-entry-id="5T6aqNIkrrlFlmm7jS60Jz"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="gap-bottom-line" id="carte-de-débit-présente">Carte de débit présente</h3> <p class="sq-custom-flex-grow">Le moment où un client passe ou insère sa carte de débit en personne.</p> <h5 class="sq-custom-square-sans-display-non-vf gap-top-none" id="075--007-par-opération-de-débit">0,75 % + 0,07 $ par opération de débit</h5></div></div></div></div></div><div class="column"><div data-entry-id="2CIY8zlGtrJdxz1vLu5q6M"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="gap-bottom-line" id="saisie-manuelle">Saisie manuelle</h3> <p class="sq-custom-flex-grow">Ce terme fait référence au moment où vous saisissez manuellement les détails de la carte de votre client ou lorsque vous utilisez une carte enregistrée.</p> <h5 class="sq-custom-square-sans-display-non-vf gap-top-none" id="33--015-par-transaction">3,3 % + 0,15 $ par transaction</h5></div></div></div></div></div></div></div></section><section class="section-custom-html bg-white auto-layout" data-entry-id="6uTFaM94kckBBLbFEKz86W"><div class="content pad-top-none pad-bottom-none"><div id="business-type" class="anchor-link" /></div></section><section class="section-multi-column bg-white auto-layout sq-custom-img-border-radius sq-custom-section-multi-column-card-content-flex-column-with-image sq-custom-pricing-section-business-type flex-valign-middle" data-entry-id="3iassQ8dvjL9vmKGKGtanF"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-none"><div class="intro font-size-base align-left gap-left-none"><h2 id="by-business-type">Solutions de point de vente personnalisées</h2></div><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="5gHMxbjRa4wYXOfwJKA8Y8"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-44voVyruHktOydRgS7vo66-6dbb78bf22d3f48fe7cc8c991d9d375496f36973e095f581d878b52280b1e3e9"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7tdkioCr2VIC4rv4Vtfo2d/32e6517f5712d4abb74ed88449b1ec75/PD04508_-_M_CAFR_business_type_tiles_restaurants.png?w=319&h=245&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7tdkioCr2VIC4rv4Vtfo2d/32e6517f5712d4abb74ed88449b1ec75/PD04508_-_M_CAFR_business_type_tiles_restaurants.png?w=638&h=490&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7tdkioCr2VIC4rv4Vtfo2d/32e6517f5712d4abb74ed88449b1ec75/PD04508_-_M_CAFR_business_type_tiles_restaurants.png?w=319&h=245&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7tdkioCr2VIC4rv4Vtfo2d/32e6517f5712d4abb74ed88449b1ec75/PD04508_-_M_CAFR_business_type_tiles_restaurants.png?w=638&h=490&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7tdkioCr2VIC4rv4Vtfo2d/32e6517f5712d4abb74ed88449b1ec75/PD04508_-_M_CAFR_business_type_tiles_restaurants.png?w=319&h=245&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7tdkioCr2VIC4rv4Vtfo2d/32e6517f5712d4abb74ed88449b1ec75/PD04508_-_M_CAFR_business_type_tiles_restaurants.png?w=638&h=490&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/7tdkioCr2VIC4rv4Vtfo2d/32e6517f5712d4abb74ed88449b1ec75/PD04508_-_M_CAFR_business_type_tiles_restaurants.png?w=270&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7tdkioCr2VIC4rv4Vtfo2d/32e6517f5712d4abb74ed88449b1ec75/PD04508_-_M_CAFR_business_type_tiles_restaurants.png?w=540&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7tdkioCr2VIC4rv4Vtfo2d/32e6517f5712d4abb74ed88449b1ec75/PD04508_-_M_CAFR_business_type_tiles_restaurants.png?w=270&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7tdkioCr2VIC4rv4Vtfo2d/32e6517f5712d4abb74ed88449b1ec75/PD04508_-_M_CAFR_business_type_tiles_restaurants.png?w=540&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7tdkioCr2VIC4rv4Vtfo2d/32e6517f5712d4abb74ed88449b1ec75/PD04508_-_M_CAFR_business_type_tiles_restaurants.png?w=270&h=207&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7tdkioCr2VIC4rv4Vtfo2d/32e6517f5712d4abb74ed88449b1ec75/PD04508_-_M_CAFR_business_type_tiles_restaurants.png?w=540&h=414&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7tdkioCr2VIC4rv4Vtfo2d/32e6517f5712d4abb74ed88449b1ec75/PD04508_-_M_CAFR_business_type_tiles_restaurants.png?w=207&h=159&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7tdkioCr2VIC4rv4Vtfo2d/32e6517f5712d4abb74ed88449b1ec75/PD04508_-_M_CAFR_business_type_tiles_restaurants.png?w=414&h=318&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7tdkioCr2VIC4rv4Vtfo2d/32e6517f5712d4abb74ed88449b1ec75/PD04508_-_M_CAFR_business_type_tiles_restaurants.png?w=207&h=159&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7tdkioCr2VIC4rv4Vtfo2d/32e6517f5712d4abb74ed88449b1ec75/PD04508_-_M_CAFR_business_type_tiles_restaurants.png?w=414&h=318&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7tdkioCr2VIC4rv4Vtfo2d/32e6517f5712d4abb74ed88449b1ec75/PD04508_-_M_CAFR_business_type_tiles_restaurants.png?w=207&h=159&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7tdkioCr2VIC4rv4Vtfo2d/32e6517f5712d4abb74ed88449b1ec75/PD04508_-_M_CAFR_business_type_tiles_restaurants.png?w=414&h=318&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4dqzzWA22UlDY1YW0waNoU/0e038bc2cee024c35c69d3fe2ebdb730/PD04508_-_S_CAFR_business_type_tiles_restaurants.png?w=424&h=170&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4dqzzWA22UlDY1YW0waNoU/0e038bc2cee024c35c69d3fe2ebdb730/PD04508_-_S_CAFR_business_type_tiles_restaurants.png?w=848&h=340&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4dqzzWA22UlDY1YW0waNoU/0e038bc2cee024c35c69d3fe2ebdb730/PD04508_-_S_CAFR_business_type_tiles_restaurants.png?w=424&h=170&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4dqzzWA22UlDY1YW0waNoU/0e038bc2cee024c35c69d3fe2ebdb730/PD04508_-_S_CAFR_business_type_tiles_restaurants.png?w=848&h=340&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4dqzzWA22UlDY1YW0waNoU/0e038bc2cee024c35c69d3fe2ebdb730/PD04508_-_S_CAFR_business_type_tiles_restaurants.png?w=424&h=170&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4dqzzWA22UlDY1YW0waNoU/0e038bc2cee024c35c69d3fe2ebdb730/PD04508_-_S_CAFR_business_type_tiles_restaurants.png?w=848&h=340&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/34IaGM1bmdHtBsXxPr2qKq/8339e96b71755aaae444aad192642312/PD04508_-_base_CAFR_business_type_tiles_restaurants.png?w=324&h=176&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34IaGM1bmdHtBsXxPr2qKq/8339e96b71755aaae444aad192642312/PD04508_-_base_CAFR_business_type_tiles_restaurants.png?w=648&h=352&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34IaGM1bmdHtBsXxPr2qKq/8339e96b71755aaae444aad192642312/PD04508_-_base_CAFR_business_type_tiles_restaurants.png?w=324&h=176&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34IaGM1bmdHtBsXxPr2qKq/8339e96b71755aaae444aad192642312/PD04508_-_base_CAFR_business_type_tiles_restaurants.png?w=648&h=352&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34IaGM1bmdHtBsXxPr2qKq/8339e96b71755aaae444aad192642312/PD04508_-_base_CAFR_business_type_tiles_restaurants.png?w=324&h=176&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/34IaGM1bmdHtBsXxPr2qKq/8339e96b71755aaae444aad192642312/PD04508_-_base_CAFR_business_type_tiles_restaurants.png?w=648&h=352&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34IaGM1bmdHtBsXxPr2qKq/8339e96b71755aaae444aad192642312/PD04508_-_base_CAFR_business_type_tiles_restaurants.png?w=276&h=150&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34IaGM1bmdHtBsXxPr2qKq/8339e96b71755aaae444aad192642312/PD04508_-_base_CAFR_business_type_tiles_restaurants.png?w=552&h=300&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34IaGM1bmdHtBsXxPr2qKq/8339e96b71755aaae444aad192642312/PD04508_-_base_CAFR_business_type_tiles_restaurants.png?w=276&h=150&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34IaGM1bmdHtBsXxPr2qKq/8339e96b71755aaae444aad192642312/PD04508_-_base_CAFR_business_type_tiles_restaurants.png?w=552&h=300&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34IaGM1bmdHtBsXxPr2qKq/8339e96b71755aaae444aad192642312/PD04508_-_base_CAFR_business_type_tiles_restaurants.png?w=276&h=150&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/34IaGM1bmdHtBsXxPr2qKq/8339e96b71755aaae444aad192642312/PD04508_-_base_CAFR_business_type_tiles_restaurants.png?w=552&h=300&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h3" data-title-for="5gHMxbjRa4wYXOfwJKA8Y8">Square pour restaurants</h3><p class="sq-custom-flex-grow">Une solution de point de vente tout-en-un pour les restaurants. Conçue pour la salle à manger et la cuisine, elle permet d’augmenter votre productivité. De la gestion des menus à la gestion des services, chaque outil aide votre équipe à accroître sa rapidité d’exécution.</p> <ul class="gap-top-none"> <li>Fonctionnalités avancées de PDV</li> <li>Square KDS (nombre d’appareils illimité)</li> <li>Équipe Plus</li> </ul><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="55YHuZjNRHY0KSoKFFFhAg"><a class="arrow" href="/ca/fr/point-of-sale/restaurants/pricing">Voir les abonnements</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="3sjGhbCv8TjtwZJqdx5bwW"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-6lJn0RGwIbfCvd8YomUqhQ-3eca9d1f547ae2bbe9c2d13a7c91c0034b6c9ba4acc9ebd0cffcf43ad01e9d2f"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MuE8Prqmegq7A1qLZVsuV/801dcc5753f63379a3ad24c8c52e6e5b/PD04508_-_M_CAFR_business_type_tiles_retail.png?w=319&h=245&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4MuE8Prqmegq7A1qLZVsuV/801dcc5753f63379a3ad24c8c52e6e5b/PD04508_-_M_CAFR_business_type_tiles_retail.png?w=638&h=490&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MuE8Prqmegq7A1qLZVsuV/801dcc5753f63379a3ad24c8c52e6e5b/PD04508_-_M_CAFR_business_type_tiles_retail.png?w=319&h=245&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4MuE8Prqmegq7A1qLZVsuV/801dcc5753f63379a3ad24c8c52e6e5b/PD04508_-_M_CAFR_business_type_tiles_retail.png?w=638&h=490&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MuE8Prqmegq7A1qLZVsuV/801dcc5753f63379a3ad24c8c52e6e5b/PD04508_-_M_CAFR_business_type_tiles_retail.png?w=319&h=245&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4MuE8Prqmegq7A1qLZVsuV/801dcc5753f63379a3ad24c8c52e6e5b/PD04508_-_M_CAFR_business_type_tiles_retail.png?w=638&h=490&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/4MuE8Prqmegq7A1qLZVsuV/801dcc5753f63379a3ad24c8c52e6e5b/PD04508_-_M_CAFR_business_type_tiles_retail.png?w=270&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4MuE8Prqmegq7A1qLZVsuV/801dcc5753f63379a3ad24c8c52e6e5b/PD04508_-_M_CAFR_business_type_tiles_retail.png?w=540&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MuE8Prqmegq7A1qLZVsuV/801dcc5753f63379a3ad24c8c52e6e5b/PD04508_-_M_CAFR_business_type_tiles_retail.png?w=270&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4MuE8Prqmegq7A1qLZVsuV/801dcc5753f63379a3ad24c8c52e6e5b/PD04508_-_M_CAFR_business_type_tiles_retail.png?w=540&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MuE8Prqmegq7A1qLZVsuV/801dcc5753f63379a3ad24c8c52e6e5b/PD04508_-_M_CAFR_business_type_tiles_retail.png?w=270&h=207&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4MuE8Prqmegq7A1qLZVsuV/801dcc5753f63379a3ad24c8c52e6e5b/PD04508_-_M_CAFR_business_type_tiles_retail.png?w=540&h=414&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MuE8Prqmegq7A1qLZVsuV/801dcc5753f63379a3ad24c8c52e6e5b/PD04508_-_M_CAFR_business_type_tiles_retail.png?w=207&h=159&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4MuE8Prqmegq7A1qLZVsuV/801dcc5753f63379a3ad24c8c52e6e5b/PD04508_-_M_CAFR_business_type_tiles_retail.png?w=414&h=318&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MuE8Prqmegq7A1qLZVsuV/801dcc5753f63379a3ad24c8c52e6e5b/PD04508_-_M_CAFR_business_type_tiles_retail.png?w=207&h=159&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4MuE8Prqmegq7A1qLZVsuV/801dcc5753f63379a3ad24c8c52e6e5b/PD04508_-_M_CAFR_business_type_tiles_retail.png?w=414&h=318&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MuE8Prqmegq7A1qLZVsuV/801dcc5753f63379a3ad24c8c52e6e5b/PD04508_-_M_CAFR_business_type_tiles_retail.png?w=207&h=159&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4MuE8Prqmegq7A1qLZVsuV/801dcc5753f63379a3ad24c8c52e6e5b/PD04508_-_M_CAFR_business_type_tiles_retail.png?w=414&h=318&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7wkdMUFqZ1S5S1w1jYU8af/161d26b9e57ffb84487de117ebb7aee3/PD04508_-_S_CAFR_business_type_tiles_retail.png?w=424&h=170&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7wkdMUFqZ1S5S1w1jYU8af/161d26b9e57ffb84487de117ebb7aee3/PD04508_-_S_CAFR_business_type_tiles_retail.png?w=848&h=340&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7wkdMUFqZ1S5S1w1jYU8af/161d26b9e57ffb84487de117ebb7aee3/PD04508_-_S_CAFR_business_type_tiles_retail.png?w=424&h=170&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7wkdMUFqZ1S5S1w1jYU8af/161d26b9e57ffb84487de117ebb7aee3/PD04508_-_S_CAFR_business_type_tiles_retail.png?w=848&h=340&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7wkdMUFqZ1S5S1w1jYU8af/161d26b9e57ffb84487de117ebb7aee3/PD04508_-_S_CAFR_business_type_tiles_retail.png?w=424&h=170&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7wkdMUFqZ1S5S1w1jYU8af/161d26b9e57ffb84487de117ebb7aee3/PD04508_-_S_CAFR_business_type_tiles_retail.png?w=848&h=340&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/yNLXhSPhmc2oZpbwwf6NX/6d0547a2b68b6693e58269a68feb5202/PD04508_-_XS_CAFR_business_type_tiles_retail.png?w=324&h=176&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/yNLXhSPhmc2oZpbwwf6NX/6d0547a2b68b6693e58269a68feb5202/PD04508_-_XS_CAFR_business_type_tiles_retail.png?w=648&h=352&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/yNLXhSPhmc2oZpbwwf6NX/6d0547a2b68b6693e58269a68feb5202/PD04508_-_XS_CAFR_business_type_tiles_retail.png?w=324&h=176&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/yNLXhSPhmc2oZpbwwf6NX/6d0547a2b68b6693e58269a68feb5202/PD04508_-_XS_CAFR_business_type_tiles_retail.png?w=648&h=352&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/yNLXhSPhmc2oZpbwwf6NX/6d0547a2b68b6693e58269a68feb5202/PD04508_-_XS_CAFR_business_type_tiles_retail.png?w=324&h=176&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/yNLXhSPhmc2oZpbwwf6NX/6d0547a2b68b6693e58269a68feb5202/PD04508_-_XS_CAFR_business_type_tiles_retail.png?w=648&h=352&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/yNLXhSPhmc2oZpbwwf6NX/6d0547a2b68b6693e58269a68feb5202/PD04508_-_XS_CAFR_business_type_tiles_retail.png?w=276&h=150&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/yNLXhSPhmc2oZpbwwf6NX/6d0547a2b68b6693e58269a68feb5202/PD04508_-_XS_CAFR_business_type_tiles_retail.png?w=552&h=300&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/yNLXhSPhmc2oZpbwwf6NX/6d0547a2b68b6693e58269a68feb5202/PD04508_-_XS_CAFR_business_type_tiles_retail.png?w=276&h=150&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/yNLXhSPhmc2oZpbwwf6NX/6d0547a2b68b6693e58269a68feb5202/PD04508_-_XS_CAFR_business_type_tiles_retail.png?w=552&h=300&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/yNLXhSPhmc2oZpbwwf6NX/6d0547a2b68b6693e58269a68feb5202/PD04508_-_XS_CAFR_business_type_tiles_retail.png?w=276&h=150&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/yNLXhSPhmc2oZpbwwf6NX/6d0547a2b68b6693e58269a68feb5202/PD04508_-_XS_CAFR_business_type_tiles_retail.png?w=552&h=300&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h3" data-title-for="3sjGhbCv8TjtwZJqdx5bwW">Square pour détaillants</h3><p class="sq-custom-flex-grow">Tous les outils de vente au détail dont vous avez besoin pour vendre en ligne et en magasin, comme la gestion des stocks, les retours et les échanges, et les rapports.</p> <ul class="gap-top-none"> <li>Outils de suivi des stocks perfectionnés</li> <li>Rapports avancés de commerce au détail</li> <li>Accès avancé Square</li> </ul><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="33aCNRQVpCgR9dB9p00mWF"><a class="arrow" href="/ca/fr/point-of-sale/retail/pricing">Voir les abonnements</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="154jtLOX7oJ94kJjOlQWmS"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-4mPZs5WfL1FHbRH7qrBcAP-1c2f77b31ff15e8da462a8ca21dfe222cf180aed25a2a4547d8ce3b71712b93e"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2p28On5T3CECaey7uREayJ/112dac0d1cc5788fb3d7e6a52720f184/PD04508_-_M_CAFR_business_type_tiles_appointments.png?w=319&h=245&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2p28On5T3CECaey7uREayJ/112dac0d1cc5788fb3d7e6a52720f184/PD04508_-_M_CAFR_business_type_tiles_appointments.png?w=638&h=490&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2p28On5T3CECaey7uREayJ/112dac0d1cc5788fb3d7e6a52720f184/PD04508_-_M_CAFR_business_type_tiles_appointments.png?w=319&h=245&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2p28On5T3CECaey7uREayJ/112dac0d1cc5788fb3d7e6a52720f184/PD04508_-_M_CAFR_business_type_tiles_appointments.png?w=638&h=490&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2p28On5T3CECaey7uREayJ/112dac0d1cc5788fb3d7e6a52720f184/PD04508_-_M_CAFR_business_type_tiles_appointments.png?w=319&h=245&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2p28On5T3CECaey7uREayJ/112dac0d1cc5788fb3d7e6a52720f184/PD04508_-_M_CAFR_business_type_tiles_appointments.png?w=638&h=490&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/2p28On5T3CECaey7uREayJ/112dac0d1cc5788fb3d7e6a52720f184/PD04508_-_M_CAFR_business_type_tiles_appointments.png?w=270&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2p28On5T3CECaey7uREayJ/112dac0d1cc5788fb3d7e6a52720f184/PD04508_-_M_CAFR_business_type_tiles_appointments.png?w=540&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2p28On5T3CECaey7uREayJ/112dac0d1cc5788fb3d7e6a52720f184/PD04508_-_M_CAFR_business_type_tiles_appointments.png?w=270&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2p28On5T3CECaey7uREayJ/112dac0d1cc5788fb3d7e6a52720f184/PD04508_-_M_CAFR_business_type_tiles_appointments.png?w=540&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2p28On5T3CECaey7uREayJ/112dac0d1cc5788fb3d7e6a52720f184/PD04508_-_M_CAFR_business_type_tiles_appointments.png?w=270&h=207&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2p28On5T3CECaey7uREayJ/112dac0d1cc5788fb3d7e6a52720f184/PD04508_-_M_CAFR_business_type_tiles_appointments.png?w=540&h=414&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2p28On5T3CECaey7uREayJ/112dac0d1cc5788fb3d7e6a52720f184/PD04508_-_M_CAFR_business_type_tiles_appointments.png?w=207&h=159&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2p28On5T3CECaey7uREayJ/112dac0d1cc5788fb3d7e6a52720f184/PD04508_-_M_CAFR_business_type_tiles_appointments.png?w=414&h=318&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2p28On5T3CECaey7uREayJ/112dac0d1cc5788fb3d7e6a52720f184/PD04508_-_M_CAFR_business_type_tiles_appointments.png?w=207&h=159&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2p28On5T3CECaey7uREayJ/112dac0d1cc5788fb3d7e6a52720f184/PD04508_-_M_CAFR_business_type_tiles_appointments.png?w=414&h=318&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2p28On5T3CECaey7uREayJ/112dac0d1cc5788fb3d7e6a52720f184/PD04508_-_M_CAFR_business_type_tiles_appointments.png?w=207&h=159&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2p28On5T3CECaey7uREayJ/112dac0d1cc5788fb3d7e6a52720f184/PD04508_-_M_CAFR_business_type_tiles_appointments.png?w=414&h=318&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1IbzgkK0xE55JBJ8adj2o5/283bf1c71ca055e19dfa4cd5f98b4624/PD04508_-_S_CAFR_business_type_tiles_appointments.png?w=424&h=170&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1IbzgkK0xE55JBJ8adj2o5/283bf1c71ca055e19dfa4cd5f98b4624/PD04508_-_S_CAFR_business_type_tiles_appointments.png?w=848&h=340&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1IbzgkK0xE55JBJ8adj2o5/283bf1c71ca055e19dfa4cd5f98b4624/PD04508_-_S_CAFR_business_type_tiles_appointments.png?w=424&h=170&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1IbzgkK0xE55JBJ8adj2o5/283bf1c71ca055e19dfa4cd5f98b4624/PD04508_-_S_CAFR_business_type_tiles_appointments.png?w=848&h=340&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1IbzgkK0xE55JBJ8adj2o5/283bf1c71ca055e19dfa4cd5f98b4624/PD04508_-_S_CAFR_business_type_tiles_appointments.png?w=424&h=170&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1IbzgkK0xE55JBJ8adj2o5/283bf1c71ca055e19dfa4cd5f98b4624/PD04508_-_S_CAFR_business_type_tiles_appointments.png?w=848&h=340&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/6jobsHKo6IPUI7Sr51mqrd/b89faab967197b5cea9cd35004eb17d7/PD04508_-_base_CAFR_business_type_tiles_appointments.png?w=324&h=176&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jobsHKo6IPUI7Sr51mqrd/b89faab967197b5cea9cd35004eb17d7/PD04508_-_base_CAFR_business_type_tiles_appointments.png?w=648&h=352&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6jobsHKo6IPUI7Sr51mqrd/b89faab967197b5cea9cd35004eb17d7/PD04508_-_base_CAFR_business_type_tiles_appointments.png?w=324&h=176&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jobsHKo6IPUI7Sr51mqrd/b89faab967197b5cea9cd35004eb17d7/PD04508_-_base_CAFR_business_type_tiles_appointments.png?w=648&h=352&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6jobsHKo6IPUI7Sr51mqrd/b89faab967197b5cea9cd35004eb17d7/PD04508_-_base_CAFR_business_type_tiles_appointments.png?w=324&h=176&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6jobsHKo6IPUI7Sr51mqrd/b89faab967197b5cea9cd35004eb17d7/PD04508_-_base_CAFR_business_type_tiles_appointments.png?w=648&h=352&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6jobsHKo6IPUI7Sr51mqrd/b89faab967197b5cea9cd35004eb17d7/PD04508_-_base_CAFR_business_type_tiles_appointments.png?w=276&h=150&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jobsHKo6IPUI7Sr51mqrd/b89faab967197b5cea9cd35004eb17d7/PD04508_-_base_CAFR_business_type_tiles_appointments.png?w=552&h=300&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6jobsHKo6IPUI7Sr51mqrd/b89faab967197b5cea9cd35004eb17d7/PD04508_-_base_CAFR_business_type_tiles_appointments.png?w=276&h=150&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6jobsHKo6IPUI7Sr51mqrd/b89faab967197b5cea9cd35004eb17d7/PD04508_-_base_CAFR_business_type_tiles_appointments.png?w=552&h=300&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6jobsHKo6IPUI7Sr51mqrd/b89faab967197b5cea9cd35004eb17d7/PD04508_-_base_CAFR_business_type_tiles_appointments.png?w=276&h=150&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6jobsHKo6IPUI7Sr51mqrd/b89faab967197b5cea9cd35004eb17d7/PD04508_-_base_CAFR_business_type_tiles_appointments.png?w=552&h=300&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h3" data-title-for="154jtLOX7oJ94kJjOlQWmS">Rendez-vous Square</h3><p class="sq-custom-flex-grow">Que vous dirigiez un salon de beauté ou un centre de remise en forme, gardez une longueur d’avance grâce à la réservation en ligne simplifiée, aux rappels automatiques de rendez-vous et aux outils de gestion du personnel.</p> <ul class="gap-top-none"> <li>Site de réservation en ligne personnalisable</li> <li>Rappels de rendez-vous automatisés</li> <li>Équipe Plus Square</li> </ul><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="7E8OlFBTzeasoVdaGAjQFt"><a class="arrow" href="/ca/fr/appointments/pricing">Voir les abonnements</a></div></div></div></div></div></div></div></div></div></div></section><section class="section-custom-html bg-white auto-layout" data-entry-id="4f3VTM8pyKggnovIkoDzQX"><div class="content pad-top-none pad-bottom-none"><div id="hardware" class="anchor-link" /></div></section><section class="section-multi-column bg-white auto-layout sq-custom-section-hardware-grid sq-custom-grid-columns--clickable sq-custom-grid-column-gray-rounded sq-custom-section-hardware-grid-reset-order flex-valign-middle overflow-hidden" data-entry-id="1MSui9tEsFa34ejMh525gH"><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="1MSui9tEsFa34ejMh525gH">Solutions de matériel flexibles</h2><p><a href="/ca/fr/hardware" class="arrow">Magasiner tout le matériel et tous les accessoires</a></p></div><div class="carousel" data-buttons="true" data-opacity-focus="true" data-until-breakpoint="medium"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights carousel-slider"><div class="column carousel-slide"><div data-entry-id="3beUTJahuaiPfd1fLCtqrE"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-5rjOAWH9ID2PZS9z226JL9-b4389dd7f172654f9c063426aeeae2a13adffb950b7befc8163dfd69b9e8b636"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=319&h=319&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=638&h=638&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=319&h=319&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=638&h=638&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=319&h=319&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=638&h=638&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/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=270&h=270&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=540&h=540&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=270&h=270&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=540&h=540&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=270&h=270&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=540&h=540&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=207&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=414&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=207&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=414&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=207&h=207&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=414&h=414&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=424&h=424&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=848&h=848&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=424&h=424&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=848&h=848&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=424&h=424&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=848&h=848&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/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=324&h=324&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=648&h=648&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=324&h=324&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=648&h=648&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=324&h=324&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=648&h=648&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=276&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=552&h=552&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=276&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=552&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=276&h=276&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/2e356d094dbd60f8c1e7fb0f6fca9933/PD03944_-_CAFR_Register_tile_4000px.png?w=552&h=552&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 id="square-register"><a href="/ca/fr/hardware/register" class="arrow">Square Register</a></h4> <p class="color-gray">899 $ ou 75 $/mois avec le financement<sup>1</sup></p></div></div></div></div></div><div class="column carousel-slide"><div data-entry-id="4hATyIG6eUJwy66LuVgV32"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-4NL0o8dba04KN6cD0xJ25c-350d9e141aeb45f943cf094ecf20dbb4a0ff397aca01584b605d61d732d90752"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=319&h=319&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=638&h=638&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=319&h=319&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=638&h=638&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=319&h=319&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=638&h=638&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/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=270&h=270&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=540&h=540&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=270&h=270&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=540&h=540&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=270&h=270&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=540&h=540&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=207&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=414&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=207&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=414&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=207&h=207&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=414&h=414&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=424&h=424&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=848&h=848&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=424&h=424&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=848&h=848&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=424&h=424&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=848&h=848&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/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=324&h=324&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=648&h=648&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=324&h=324&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=648&h=648&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=324&h=324&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=648&h=648&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=276&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=552&h=552&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=276&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=552&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=276&h=276&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/5acd840fb159a7d879b7a3ba3bce3bf3/PD03942_-_CAFR_s3_stand_tile_4000px.png?w=552&h=552&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 id="square-stand"><a href="/ca/fr/hardware/stand" class="arrow">Square Stand</a></h4> <p class="color-gray">249 $ ou 21 $/mois avec le financement<sup>1</sup></p></div></div></div></div></div><div class="column carousel-slide"><div data-entry-id="5WeOqS8hSLR0OXI8xjvv3g"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-5vPEYaGa8mcL1x4ICrhIkf-bdf1a2d6ce43f8d76fefb5066afa5f58c065345c66949449046e1e94508d0eb4"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=319&h=319&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=638&h=638&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=319&h=319&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=638&h=638&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=319&h=319&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=638&h=638&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/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=270&h=270&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=540&h=540&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=270&h=270&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=540&h=540&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=270&h=270&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=540&h=540&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=207&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=414&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=207&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=414&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=207&h=207&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=414&h=414&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=424&h=424&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=848&h=848&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=424&h=424&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=848&h=848&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=424&h=424&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=848&h=848&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/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=324&h=324&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=648&h=648&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=324&h=324&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=648&h=648&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=324&h=324&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=648&h=648&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=276&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=552&h=552&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=276&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=552&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=276&h=276&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/4e0aa062eb6e208db2c9af0563d263f1/PD03940-_CAFR_terminal_tile_4000px.png?w=552&h=552&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 id="square-terminal"><a href="/ca/fr/hardware/terminal" class="arrow">Square Terminal</a></h4> <p class="color-gray">399 $ ou 34 $/mois avec le financement<sup>1</sup></p></div></div></div></div></div></div></div></div></section><section class="section-accordion bg-white auto-layout sq-custom-pricing-section-faq sq-custom-accordion-plus-minus-size-h4" data-entry-id="1hdcvvbmIWppqDVfWXExu0"><div class="content pad-top-none pad-bottom-large pad-bottom-xl-at-medium"><div class="intro font-size-base align-left gap-left-none"><h2 class="balance-text h1" data-title-for="1hdcvvbmIWppqDVfWXExu0">Questions fréquentes</h2></div><ul class="reset content-width-medium border-bottom"><li class="border-top pad-vert-small" data-entry-id="6EeWWu6Qg4X8lEomkuql9F"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-6EeWWu6Qg4X8lEomkuql9F" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">Puis-je modifier mon abonnement après en avoir accepté un?</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-6EeWWu6Qg4X8lEomkuql9F"><p>Oui. Vous pouvez passer à un niveau supérieur ou inférieur, ou annuler votre abonnement à tout moment.</p></div></li><li class="border-top pad-vert-small" data-entry-id="2TKi7wcOZdF0rPlcNImw8M"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-2TKi7wcOZdF0rPlcNImw8M" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">Dans quel délai recevrai-je mon argent?</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-2TKi7wcOZdF0rPlcNImw8M"><p>Avec Square, vous pouvez envoyer votre argent vers un compte bancaire externe en un ou deux jours ouvrables gratuitement ou instantanément moyennant des frais.</p></div></li><li class="border-top pad-vert-small" data-entry-id="5Ddas9gMkVF2SWqHMLwR5X"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-5Ddas9gMkVF2SWqHMLwR5X" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">Puis-je accepter tout type de cartes de crédit avec Square?</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-5Ddas9gMkVF2SWqHMLwR5X"><p>Vous payez le même tarif pour toutes les cartes de crédit. Les tarifs pour les cartes Visa, Mastercard, American Express et les cartes internationales sont les mêmes.</p></div></li><li class="border-top pad-vert-small" data-entry-id="6oyg2U7ejwGXNRLvzXXtGB"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-6oyg2U7ejwGXNRLvzXXtGB" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">Dois-je faire l’achat de matériel pour utiliser Square?</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-6oyg2U7ejwGXNRLvzXXtGB"><p>Non, nous offrons un éventail d’outils pour vous aider à <a href="/ca/fr/solutions/run-your-business">gérer votre entreprise</a> qui ne nécessitent pas l’achat de matériel Square.</p></div></li><li class="border-top pad-vert-small" data-entry-id="3TY5CEpkuulcMIsDvJerQR"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-3TY5CEpkuulcMIsDvJerQR" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">Pouvez-vous me suggérer la meilleure solution pour mon entreprise?</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-3TY5CEpkuulcMIsDvJerQR"><p>Square offre des outils qui permettent de relier toutes les facettes de votre entreprise. Découvrez les meilleures solutions en matière de <a href="/ca/fr/software">logiciels d’entreprise</a> adaptées à vos besoins uniques.</p></div></li></ul></div></section><section class="section-multi-column bg-white auto-layout sq-custom-section-multi-column-half-off-grid-image flex-valign-middle" data-entry-id="7otpTZK2WyBQVtOj0ztb7D"><div class="content pad-top-none pad-bottom-large pad-bottom-xl-at-medium"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="1RAUKnW6TQetYckphbqvnE"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><h2 class="h1 balance-text" id="commencez-à-vendre-avec-square">Commencez à vendre avec Square.</h2> <p>La configuration est rapide et sécurisée.</p> <p><a href="/signup/fr-CA" class="button gap-right-base">Démarrer</a> <a href="/ca/fr/sales/contact?page=/ca/fr/pricing" class="button button-alt">Communiquer avec nous</a></p></div></div></div></div></div><div class="column one-whole-at-medium"><div data-entry-id="2R6tpltyqG4Ehv8EHBjTr2"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-3dJf9GIEb53eQMg3Y9l1cf-b2a30ed489fe3fb282a148054243311ed652a8e34f4700089dff6537e8330369"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=1016&h=565&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=2032&h=1130&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=1016&h=565&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=2032&h=1130&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=1016&h=565&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=2032&h=1130&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/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=868&h=483&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=1736&h=966&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=868&h=483&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=1736&h=966&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=868&h=483&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=1736&h=966&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=680&h=378&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=1360&h=756&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=680&h=378&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=1360&h=756&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=680&h=378&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=1360&h=756&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=424&h=236&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=848&h=472&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=424&h=236&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=848&h=472&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=424&h=236&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=848&h=472&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/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=324&h=180&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=648&h=360&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=324&h=180&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=648&h=360&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=324&h=180&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=648&h=360&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=276&h=153&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=552&h=306&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=276&h=153&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=552&h=306&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=276&h=153&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5kh8ETwzvwXUXgqwheCtSq/ca1a18564c069db3f3838c231252aa70/PD04509_-_CAFR_pricing_start_selling4000px.png?w=552&h=306&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-invert auto-layout section-hidden hidden flex-valign-middle" data-entry-id="3vvTrZIbfXKkEFtUR6vnFB"><div class="content pad-top-medium pad-bottom-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"><div class="column one-whole-at-medium"><div data-entry-id="33vuzVOMCdzuzhRbmnOl7Y"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-tiny"><p class="color-gray-light"><sup>1</sup> Tous les plans de paiement sont émis par Square Technologies, Inc. Le TAEG est à 0 %. Le premier paiement doit être réglé lors du passage en caisse. Des taxes s’appliqueront. Les plans de paiement proposés sont échelonnés sur 3, 6 ou 12 versements selon le montant de l’achat. Tous les plans sont assujettis à une approbation de crédit.</p> <p class="color-gray-light"><sup>2</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. Les délais de disponibilité des fonds peuvent varier en raison de problèmes techniques. Square ne facture aucuns frais, mais des frais de retrait des fournisseurs de services de GAB peuvent s’appliquer. La Carte Square est financée sur une base prépayée. 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 class="color-gray-light"><sup>3</sup> Les transferts instantanés requièrent une carte de débit associée et comportent des frais par transfert. À l’heure actuelle, seules les cartes de débit physiques canadiennes prises en charge par Débit Visa ou réseau PLUS peuvent être associées à un compte Square. Les fonds sont soumis au calendrier de disponibilité de votre banque, mais ils sont généralement disponibles sur votre compte bancaire dans un délai de 20 minutes après le début de la procédure de transfert instantané. Le minimum est de 25 $ et le maximum est de 5 000 $ par transfert. Les nouveaux commerçants Square peuvent être limités à un seul transfert instantané par jour d’un maximum de 500 $.</p> <p class="color-gray-light"><sup>4</sup> Tous les prêts sont émis par Square Canada Inc. Les Prêts Square ne sont pas offerts au Québec. Les frais réels dépendent de l’historique des traitements de paiements par carte, du montant du prêt et d’autres facteurs d’admissibilité. Un paiement minimum de 1/18e du solde initial du prêt est dû tous les 60 jours, et le remboursement total du prêt doit être fait à l’intérieur de 18 mois. L’admissibilité à l’offre n’est pas garantie. Tous les prêts sont sujets à approbation. Des conditions s’appliquent.</p> <p class="color-gray-light"><sup>5</sup> L’offre se termine le 2ieme décembre 2024 à 23 h 59 HP ou à l’épuisement des stocks, selon la première éventualité. Offre de 20 % de remise sur le coût total de Square Terminal, Square Register, Square Stand ou Square Reader, taxes applicables en sus. Le code promotionnel peut uniquement être appliqué sur un maximum de trois appareils Square admissibles par titulaire de compte. L’offre est valide pour les clients Square situés uniquement au Canada avec un compte Square canadien. L’offre n’est pas valide pour le passage en caisse en tant qu’invité. Square se réserve le droit de modifier, de révoquer ou d’annuler l’offre en tout temps. Cette offre ne peut être jumelée à aucune autre offre. Nulle là où la loi l’interdit, non monnayable et non transférable.</p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-invert auto-layout flex-valign-middle" data-entry-id="5ZubiZGF04eBea1OIK50S5"><div class="content pad-top-medium pad-bottom-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"><div class="column one-whole-at-medium"><div data-entry-id="4rM1pSyYuzsWeILnnrey2L"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-tiny"><p class="color-gray-light"><sup>1</sup> Tous les plans de paiement sont émis par Square Technologies, Inc. Le TAEG est à 0 %. Le premier paiement doit être réglé lors du passage en caisse. Des taxes s’appliqueront. Les plans de paiement proposés sont échelonnés sur 3, 6 ou 12 versements selon le montant de l’achat. Tous les plans sont assujettis à une approbation de crédit.</p> <p class="color-gray-light"><sup>2</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. Les délais de disponibilité des fonds peuvent varier en raison de problèmes techniques. Square ne facture aucuns frais, mais des frais de retrait des fournisseurs de services de GAB peuvent s’appliquer. La Carte Square est financée sur une base prépayée. 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 class="color-gray-light"><sup>3</sup> Les transferts instantanés requièrent une carte de débit associée et comportent des frais par transfert. À l’heure actuelle, seules les cartes de débit physiques canadiennes prises en charge par Débit Visa ou réseau PLUS peuvent être associées à un compte Square. Les fonds sont soumis au calendrier de disponibilité de votre banque, mais ils sont généralement disponibles sur votre compte bancaire dans un délai de 20 minutes après le début de la procédure de transfert instantané. Le minimum est de 25 $ et le maximum est de 5 000 $ par transfert. Les nouveaux commerçants Square peuvent être limités à un seul transfert instantané par jour d’un maximum de 500 $.</p> <p class="color-gray-light"><sup>4</sup> Tous les prêts sont émis par Square Canada Inc. Les Prêts Square ne sont pas offerts au Québec. Les frais réels dépendent de l’historique des traitements de paiements par carte, du montant du prêt et d’autres facteurs d’admissibilité. Un paiement minimum de 1/18e du solde initial du prêt est dû tous les 60 jours, et le remboursement total du prêt doit être fait à l’intérieur de 18 mois. L’admissibilité à l’offre n’est pas garantie. Tous les prêts sont sujets à approbation. Des conditions s’appliquent.</p> <p class="color-gray-light">⁵ Offre valable jusqu’au 28 février 2025 à 23 h 59 HNP ou jusqu’à l’épuisement des stocks, selon la première éventualité. Bénéficiez d’une offre de 200 $ de réduction sur le coût d’un Square Register, 100 $ de réduction sur le coût d’un Square Terminal, 50 $ de réduction sur le coût d’un Square Stand, 50 $ de réduction sur le coût d’un Square Kiosk, ou 15 $ de réduction sur le coût d’un Square Reader, taxes applicables non incluses. Le code est limité à une utilisation par titulaire de compte lors d’un premier achat de matériel Square. L’offre est valide uniquement pour les clients Square situés au Canada et détenteurs d’un compte bancaire canadien. L’offre est non valide avec le passage en caisse en tant qu’invité. Square se réserve le droit de modifier, de révoquer ou d’annuler l’offre en tout temps. L’offre ne peut être jumelée à aucune autre offre. L’offre est nulle là où la loi l’interdit et est non monnayable et non transférable.</p></div></div></div></div></div></div></div></section><hr class="section-border content" data-entry-id="7e0qhknUVUEYcAgCAcaAgc" /><section class="section-one-column bg-white auto-layout sq-custom-hw-promo-modal sq-custom-hw-promo-modal--video sq-custom-hw-pricing flex-valign-middle" data-entry-id="38cACZdwA9M0yzkjrrXcPj"><div class="content pad-top-none pad-bottom-none"><div class="intro intro font-size-base align-left gap-left-none"><p class="font-eyebrow-large">À VOS DÉBUTS AVEC LE MATÉRIEL SQUARE?</p> <h4 class="font-weight-regular" id="obtenez-jusquà-200--de-réduction-sur-certains-appareils-avec-le-code-commencez-jusquau-28-février">Obtenez jusqu’à 200 $ de réduction sur certains appareils avec le code <strong>COMMENCEZ</strong> jusqu’au 28 février⁵.</h4> <p class="no-collapse"><picture><source data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JBse8Co3aoTdMRzNvbdXi/cbe8e45530add1d50ee6378c46909349/X.png?fm=avif&q=85" type="image/avif"><source data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JBse8Co3aoTdMRzNvbdXi/cbe8e45530add1d50ee6378c46909349/X.png?fm=webp&q=85" type="image/webp"><img alt="Close" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JBse8Co3aoTdMRzNvbdXi/cbe8e45530add1d50ee6378c46909349/X.png?fm=jpg&q=85&fl=progressive"></picture></p></div><div class="position-relative"><div class="component-video"><video data-reset="true" loop="" muted="" playsinline=""><source src="//videos.ctfassets.net/2d5q1td6cyxq/2KSYXDqZzdTeLzJrXjJ8ch/192f7d218d699eaca0309566bcada266/PD07236_CA_Q1_Promo_Animation_Frame_CAFR.mp4" type="video/mp4" /></video></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/pricing?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/pricing?country_redirection=true">Canada (English)</a></li><li><a href="/ca/fr/pricing?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/pricing?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/pricing?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/pricing?country_redirection=true">日本 (日本語)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/es/es/pricing?country_redirection=true">España (Español)</a></li><li><a href="/es/ca/pricing?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/pricing?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/pricing?country_redirection=true">United States (English)</a></li><li><a href="/us/es/pricing?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/pricing?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/pricing?country_redirection=true">Canada (English)</a></li><li><a href="/ca/fr/pricing?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/pricing?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/pricing?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/pricing?country_redirection=true">日本 (日本語)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/es/es/pricing?country_redirection=true">España (Español)</a></li><li><a href="/es/ca/pricing?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/pricing?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/pricing?country_redirection=true">United States (English)</a></li><li><a href="/us/es/pricing?country_redirection=true">Estados Unidos (Español)</a></li></ul></div></div></div></div></div></body></html>