CINXE.COM

<!DOCTYPE html><html class="no-js country-FR lang-fr locale-fr-FR site-squareup type-display html-bg-white" data-entry-id="1tBXlCzrh5u6XIQDboRdvc" lang="fr-FR"><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":"FR","lang_code":"fr","locale":"fr-FR","country_default_language":"fr","default_country":"US","default_language":"en","supported_countries":["AU","CA","ES","FR","GB","IE","JP","US"],"detected_country_code":"fr","available_languages":["ca","en","en-AU","en-CA","en-GB","en-IE","en-US","fr","fr-FR","fr-CA","es","es-ES","ca-ES","es-US","ja","ja-JP","pt","pt-PT"]}" /> <meta name="sq:tracking" content="{"eventstream":"xms","google_universal":["UA-9517040-46"],"martech":true,"autotrack":{"page_view":true,"link_click":true,"scroll_depth":true},"cdp":"41ec1b68-21b1-4687-853a-f968e54134db","new_cdp_exp_api_key":"a4e60b87-3ea2-4fb5-a8d0-b04ed68c74fa","pageview_rawdata":{"entry_id":"1tBXlCzrh5u6XIQDboRdvc","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}" /> <title>Square : Des solutions et des outils pour développer votre entreprise</title> <meta name="description" content="Square aide des millions de commerçants à gérer leur entreprise, du traitement sécurisé des cartes, des solutions de point de vente à la création d’une boutique en ligne. Soyez payé plus vite grâce à Square et inscrivez-vous aujourd’hui !" /> <link rel="canonical" href="https://squareup.com/fr/fr" /> <link rel="alternate" hreflang="ca-ES" href="https://squareup.com/es/ca" /> <link rel="alternate" hreflang="en-AU" href="https://squareup.com/au/en" /> <link rel="alternate" hreflang="en-CA" href="https://squareup.com/ca/en" /> <link rel="alternate" hreflang="en-GB" href="https://squareup.com/gb/en" /> <link rel="alternate" hreflang="en-IE" href="https://squareup.com/ie/en" /> <link rel="alternate" hreflang="en-US" href="https://squareup.com/us/en" /> <link rel="alternate" hreflang="es-ES" href="https://squareup.com/es/es" /> <link rel="alternate" hreflang="es-US" href="https://squareup.com/us/es" /> <link rel="alternate" hreflang="fr-CA" href="https://squareup.com/ca/fr" /> <link rel="alternate" hreflang="fr-FR" href="https://squareup.com/fr/fr" /> <link rel="alternate" hreflang="ja-JP" href="https://squareup.com/jp/ja" /> <meta property="og:title" content="Square : Des solutions et des outils pour développer votre entreprise" /> <meta property="og:url" content="https://squareup.com/fr/fr" /> <meta property="og:image" content="https://images.ctfassets.net/2d5q1td6cyxq/55CmEWbrYSkHaG0f6MjwhE/f930a2a274d00a16c6bfc202852d47d3/PD03970_-_FRFR_2022Q3_social_image.png?w=1200&h=630&fm=jpg&q=90&fit=thumb" /> <meta property="og:locale" content="fr_FR" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="Square" /> <meta property="og:description" content="Square aide des millions de commerçants à gérer leur entreprise, du traitement sécurisé des cartes, des solutions de point de vente à la création d’une boutique en ligne. Soyez payé plus vite grâce à Square et inscrivez-vous aujourd’hui !" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="Square" /> <meta name="twitter:creator" content="Square" /> <meta name="twitter:domain" content="squareup.com" /> <meta name="p:domain_verify" content="cb526aa3706990fc2d2969e5ac7ad060" /> <meta name="msvalidate.01" content="35D69B458439DE93C5CAF25B15B09E6C" /><meta content="{"id":"1G5BxAN7xjv8peMM1gTDna"}" name="sq:route" /><link type="application/opensearchdescription+xml" href="https://supportcenter-production-f.squarecdn.com/help/opensearch.xml" rel="search" title="Search Square Support" /><script>window.DDErrorQueue ||= []; window.onerror = function (msg, url, lineNo, columnNo, error) { if (!window.DD_RUM) window.DDErrorQueue.push(error); }; window.onunhandledrejection = function (event) { if (!window.DD_RUM) window.DDErrorQueue.push(event.reason); };</script><link rel="stylesheet" media="all" href="https://xms-production-f.squarecdn.com/xms/assets/application-e0c1bf6dae528bd563993f8dcca7511e2fbe285d156e69c19723d3e0516f6a04.css" /><style nonce="6+FWs6ors8bQPYUgm7NvuD5imzermmEsog+kDft7Aes=">.bg-invert a:not([class~="button"]) { color: var(--color-blue); } .sq-custom-bg-blue-light { --color-blue-light: #CEE7F3; background-color: var(--color-blue-light) !important; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]):not([data-dragging="true"]):not([data-animationg="true"]) .carousel-slide[data-clickable="true"]:not([data-active="true"]) * { pointer-events: all; } .sq-custom-img-border-radius { --border-radius: 10px; } .sq-custom-img-border-radius img { border-radius: var(--border-radius); } .sq-custom-grid-column-gray-rounded { background-color: white !important; } .sq-custom-grid-column-gray-rounded .multi-column-grid { align-items: stretch !important; align-content: stretch !important; } .sq-custom-grid-column-gray-rounded .multi-column-grid > .column > * { background-color: var(--color-gray-05); border-radius: 10px; border: none; } .sq-custom-grid-column-pad-small .multi-column-grid > .column > * { padding: var(--space-small); } .sq-custom-section-1-to-2-col .content { max-width: 100%; } @media (min-width: 1024px) { .sq-custom-section-1-to-2-col .content { width: 100%; } } .sq-custom-section-1-to-2-col .multi-column-grid { justify-content: flex-start !important; } @media (min-width: 1024px) { .sq-custom-section-1-to-2-col .multi-column-grid > .column { width: 50%; } } .sq-custom-section-1-to-2-col .multi-column-grid .picture { height: auto !important; } .sq-custom-section-1-to-2-col .multi-column-grid img { width: 100% !important; height: auto !important; } @media (min-width: 1024px) { .sq-custom-section-1-to-2-col .multi-column-grid > .column:nth-child(1) { width: calc(50% + 15px + 5px); } .sq-custom-section-1-to-2-col .multi-column-grid > .column:nth-child(1) .grid > .column > div { padding-left: 40px; } } @media (min-width: 1292px) { .sq-custom-section-1-to-2-col .multi-column-grid > .column:nth-child(1) { width: calc(50% + 40px); } } @media (min-width: 1024px) { .sq-custom-section-1-to-2-col .multi-column-grid > .column:nth-child(2) { max-width: 434px; } } @media (min-width: 1292px) { .sq-custom-section-1-to-2-col .multi-column-grid > .column:nth-child(2) { max-width: 508px; } } @media (min-width: 838px) { .sq-custom-section-rounded-corners { border-radius: var(--custom-section-border-radius, 10px); margin: 30px; margin-bottom: 0; overflow: hidden; } } .sq-custom-section-rounded-corners-content-width { margin: 0 auto !important; max-width: var(--container-width-extra-large); padding-left: var(--space-small); padding-right: var(--space-small); } @media (min-width: 838px) { .sq-custom-section-rounded-corners-content-width { border-radius: var(--custom-section-border-radius, 10px); margin: 30px; overflow: hidden; } } .sq-custom-section-rounded-corners-radius-small { --custom-section-border-radius: var(--space-small); } .sq-custom-section-hardware-grid .multi-column-grid > .column > div { padding: 30px; position: relative; } .sq-custom-section-hardware-grid .multi-column-grid > .column > div > .grid { min-height: 100%; flex-direction: column-reverse; justify-content: space-between; } .sq-custom-section-hardware-grid .multi-column-grid > .column > div > .grid > .column:nth-child(2) a { position: static; } .sq-custom-section-hardware-grid .multi-column-grid > .column > div > .grid > .column:nth-child(2) a::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .sq-custom-section-hardware-grid .multi-column-grid picture { overflow: visible; } .sq-custom-section-hardware-grid .carousel:not([data-carousel-enabled="false"]) .carousel-slide img { width: auto; } .sq-custom-section-hardware-grid-price { position: absolute; bottom: 0; margin-bottom: 30px; } .sq-custom-section-hardware-grid-price--highlight { background-color: #EDFF80 !important; border-color: transparent !important; color: var(--color-text) !important; font-size: var(--font-size-tiny); line-height: 1; padding: 8px 13px; } .sq-custom-section-hardware-grid-reset-order .multi-column-grid > .column > div > .grid { flex-direction: column; } @media (min-width: 718px) { .sq-custom-section-toolbox-carousel .carousel { margin-left: -5px; } .sq-custom-section-toolbox-carousel .carousel .multi-column-grid { left: -25%; } .sq-custom-section-toolbox-carousel .carousel .carousel-nav { text-align: left; } } @media (max-width: 479px) { .sq-custom-section-toolbox-carousel .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-nav { display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 10px; } .sq-custom-section-toolbox-carousel .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-nav .carousel-button { width: 10px; height: 10px; padding: 0px; } } .sq-custom-section-toolbox-carousel .multi-column-grid { align-items: stretch !important; } .sq-custom-section-toolbox-carousel .multi-column-grid > .column > div { padding: 30px; position: relative; } .section-lead-form .content { max-width: none !important; } .section-lead-form .intro:not(:last-child) { margin-bottom: var(--space-small); } .section-lead-form form .grid-flex-at-medium { margin-left: 0; } .tile .font-size-normal { font-size: 16px !important; } .sq-custom-section-2-col-waterfall .two-column-outer-grid > .column:not(:last-child) { margin-bottom: 120px !important; } @media (min-width: 718px) { .sq-custom-section-2-col-waterfall .two-column-outer-grid > .column:not(:last-child) { margin-bottom: 160px !important; } } @media (max-width: 717px) { .sq-custom-section-resources .multi-column-grid > .column:not(:last-child) { margin-bottom: 120px !important; } } .price-group { border-radius: 10px; overflow: hidden; } .price-group .bg-white { background-color: #f2f2f2 !important; } .sq-custom-section-disclaimer-rounded-corners { position: relative; background-color: #ffffff !important; } .sq-custom-section-disclaimer-rounded-corners .headings-compact { padding: 30px; } @media (min-width: 718px) { .sq-custom-section-disclaimer-rounded-corners .headings-compact { padding: 80px; } } .sq-custom-section-hero-valign-middle { display: flex; align-items: center; } .sq-custom-disable-balance-text br[data-owner='balance-text'] { content: ''; } .sq-custom-disable-balance-text br[data-owner='balance-text']:after { content: ' '; } .sq-custom-disable-balance-text-in-headings h1 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings .h1 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings h2 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings .h2 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings h3 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings .h3 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings h4 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings .h4 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings h5 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings .h5 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings h6 br[data-owner='balance-text'], .sq-custom-disable-balance-text-in-headings .h6 br[data-owner='balance-text'] { content: ''; } .sq-custom-disable-balance-text-in-headings h1 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings .h1 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings h2 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings .h2 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings h3 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings .h3 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings h4 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings .h4 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings h5 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings .h5 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings h6 br[data-owner='balance-text']:after, .sq-custom-disable-balance-text-in-headings .h6 br[data-owner='balance-text']:after { content: ' '; } .sq-custom-section-with-check-list-align-left-stacked-on-mobile .check-list, .sq-custom-section-with-checklist-align-left-stacked-on-mobile .check-list { text-align: left !important; justify-content: flex-start !important; } .sq-custom-section-with-check-list-align-left-stacked-on-mobile .check-list > *, .sq-custom-section-with-checklist-align-left-stacked-on-mobile .check-list > * { width: auto; } @media (max-width: 1023px) { .sq-custom-section-with-check-list-align-left-stacked-on-mobile .check-list, .sq-custom-section-with-checklist-align-left-stacked-on-mobile .check-list { flex-direction: column; margin: auto; } } .sq-custom-section-with-check-list-align-left-stacked-on-mobile.sq-custom-column-checklist .check-list, .sq-custom-section-with-checklist-align-left-stacked-on-mobile.sq-custom-column-checklist .check-list { flex-direction: column; } .sq-custom-section-with-check-list-align-left-stacked-on-mobile.sq-custom-check-list-space-medium .check-list, .sq-custom-section-with-checklist-align-left-stacked-on-mobile.sq-custom-check-list-space-medium .check-list { margin-left: 0; margin-right: -30px; } .sq-custom-section-with-check-list-align-left-stacked-on-mobile.sq-custom-check-list-space-medium .check-list > *, .sq-custom-section-with-checklist-align-left-stacked-on-mobile.sq-custom-check-list-space-medium .check-list > * { padding-left: 30px; padding-right: 30px; } .sq-custom-section-with-check-list-align-left-stacked-on-mobile.sq-custom-check-list-blue ul.check-list > li::before, .sq-custom-section-with-checklist-align-left-stacked-on-mobile.sq-custom-check-list-blue ul.check-list > li::before { color: #006aff; } .type-display .sq-custom-section-with-check-list-align-left-stacked-on-mobile .font-size-large ul.check-list[class^='grid']:not(.reset):not(.graphical):not(.check-list-stacked) > li, .type-display .sq-custom-section-with-checklist-align-left-stacked-on-mobile .font-size-large ul.check-list[class^='grid']:not(.reset):not(.graphical):not(.check-list-stacked) > li { padding-left: calc(5px + 1.5em); } .type-display .sq-custom-section-with-check-list-align-left-stacked-on-mobile .font-size-large ul.check-list[class^='grid']:not(.reset):not(.graphical):not(.check-list-stacked) > li::before, .type-display .sq-custom-section-with-checklist-align-left-stacked-on-mobile .font-size-large ul.check-list[class^='grid']:not(.reset):not(.graphical):not(.check-list-stacked) > li::before { margin-left: -1.5em; top: 0.375em; } @media (max-width: 1023px) { .sq-custom-section-with-check-list-align-left-on-mobile .intro { text-align: left; } .sq-custom-section-with-check-list-align-left-on-mobile .check-list.align-center { text-align: left !important; } } .sq-custom-section-with-check-list-font-size-normal .check-list { font-size: 16px; line-height: 28px; } .type-display .sq-custom-section-with-check-list-font-size-normal .check-list { font-size: 16px; line-height: 28px; } @media (min-width: 718px) { .sq-custom-pricing-page-section-hero.section-hero .content-wrapper { max-width: 48em; } } .sq-custom-pricing-page-section-intro-gap-bottom-line .intro { margin-bottom: 20px; } .sq-custom-pricing-page-section-intro-gap-bottom-small .intro { margin-bottom: 30px; } @media (min-width: 718px) { .sq-custom-section-lead-form-input-checkbox-button > .lead-form-section > .single-column-lead-form-section form > div { display: flex; flex-wrap: wrap; max-width: 680px !important; } .sq-custom-section-lead-form-input-checkbox-button > .lead-form-section > .single-column-lead-form-section form > div > div:nth-child(1) { width: auto; flex-grow: 1; } .sq-custom-section-lead-form-input-checkbox-button > .lead-form-section > .single-column-lead-form-section form > div > div:nth-child(2) { order: 3; width: 100%; } .sq-custom-section-lead-form-input-checkbox-button > .lead-form-section > .single-column-lead-form-section form > div > .column.align-right { text-align: left !important; order: 2; margin-left: 10px; } .sq-custom-section-lead-form-input-checkbox-button > .lead-form-section > .single-column-lead-form-section form > div > .column:not(.align-right) .lead-form-submit-button { margin-left: 10px; } } @media (min-width: 718px) { .sq-custom-section-lead-form-input-checkbox-button-centered > .lead-form-section > .single-column-lead-form-section form > div { margin-left: auto; margin-right: auto; text-align: center; } } .type-display .sq-custom-2021-q1-brand-campaign-hero-ie h1 { font-weight: 500; font-size: 46px; line-height: 90%; } @media (min-width: 718px) { .type-display .sq-custom-2021-q1-brand-campaign-hero-ie h1 { font-size: 96px; line-height: 90%; } } @media (min-width: 1024px) { .type-display .sq-custom-2021-q1-brand-campaign-hero-ie h1 { font-size: 125px; line-height: 90%; } } /* BUNDLE=home-page-2021-q1 */ .section-hotspot-image { --hotspot-button-size: 32px; --hotspot-button-padding--near: calc(var(--space-line) - 0.5 * var(--space-base)); --hotspot-button-padding--far: calc(var(--hotspot-button-size) + var(--space-line) - 0.5 * var(--space-base)); --hotspot-button-label-shift--left: calc(0.5 * var(--space-base)); --hotspot-button-label-shift--right: calc(-0.5 * var(--space-base)); --hotspot-tile-button-shift: calc((var(--hotspot-button-size) + var(--space-base)) / 2 ); --hotspot-tile-content-shift: 0px; --hotspot-button-opacity: 0.8; } .section-hotspot-image .hotspot-button, .section-hotspot-image .hotspot-button svg, .section-hotspot-image .hotspot-close-button svg { width: var(--hotspot-button-size); height: var(--hotspot-button-size); } .section-hotspot-image .hotspot-icon, .section-hotspot-image .hotspot-close-button { position: relative; transition: transform var(--duration-slow) var(--easing-decelerate); } .section-hotspot-image .hotspot-icon svg, .section-hotspot-image .hotspot-close-button svg { border: 2px solid var(--color-blue); border-radius: var(--hotspot-button-size); } .section-hotspot-image .hotspot-button .hotspot-button-label { width: auto; cursor: pointer; font-weight: var(--font-weight-medium); line-height: calc(var(--hotspot-button-size) + var(--space-base)); padding-left: calc(var(--hotspot-button-size) + var(--space-line) - 0.5 * var(--space-base)); padding-right: calc(var(--space-line) - 0.5 * var(--space-base)); border-radius: var(--hotspot-button-size); white-space: nowrap; color: var(--color-blue); background-color: white; position: absolute; top: 50%; left: 0%; transform-origin: var(--hotspot-button-size) center; transform: translate(calc(-0.5 * var(--space-base)), -50%) scale(1); z-index: -1; } .section-hotspot-image .hotspot-button.hotspot-quadrant-top-right .hotspot-button-label, .section-hotspot-image .hotspot-button.hotspot-quadrant-bottom-right .hotspot-button-label { left: auto; right: 0%; padding-left: var(--hotspot-button-padding--near); padding-right: var(--hotspot-button-padding--far); transform: translate(var(--hotspot-button-label-shift--left), -50%) scale(1); } .section-hotspot-image .hotspot-tile { border-radius: 20px; overflow: hidden; } .section-hotspot-image .hotspot-tile .hotspot-close-button { display: none; position: absolute; right: calc(-1 * var(--space-base)); top: var(--hotspot-tile-button-shift); pointer-events: none; } .section-hotspot-image .hotspot-tile .hotspot-close-button svg { transform: rotate(0); opacity: 0; transition: transform var(--duration-default) var(--easing-accelerate), opacity var(--duration-slow) var(--easing-accelerate); } .section-hotspot-image .hotspot-tile.hotspot-quadrant-top-left { transform: translate3d(calc(-1 * var(--hotspot-tile-button-shift)), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image .hotspot-tile.hotspot-quadrant-bottom-left { transform: translate3d(calc(-1 * var(--hotspot-tile-button-shift)), calc(-100% + var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image .hotspot-tile.hotspot-quadrant-bottom-left .hotspot-close-button { top: auto; bottom: calc(-1 * var(--space-base)); } .section-hotspot-image .hotspot-tile.hotspot-quadrant-top-left svg, .section-hotspot-image .hotspot-tile.hotspot-quadrant-bottom-left svg { transform: translate(-25%, 0%); } .section-hotspot-image .hotspot-tile.hotspot-quadrant-top-right { transform: translate3d(calc(-100% + var(--hotspot-tile-button-shift)), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image .hotspot-tile.hotspot-quadrant-bottom-right { transform: translate(calc(-100% + var(--hotspot-tile-button-shift)), calc(-100% + var(--hotspot-tile-button-shift))); } .section-hotspot-image .hotspot-tile.hotspot-quadrant-bottom-right .hotspot-close-button { top: auto; bottom: calc(-1 * var(--space-base)); } .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-translucent .hotspot-icon svg circle, .section-hotspot-image.sq-custom-hotspot--button-translucent .hotspot-icon svg circle { fill-opacity: 0; } .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-translucent .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--button-translucent .hotspot-button-label { background-color: rgba(255, 255, 255, var(--hotspot-button-opacity)); } .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-compact, .section-hotspot-image.sq-custom-hotspot--button-compact { --hotspot-button-size: 20px; --hotspot-button-padding--far: calc(var(--hotspot-button-size) + 1ch); } .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-compact .hotspot-button, .section-hotspot-image.sq-custom-hotspot--button-compact .hotspot-button { --hotspot-button-padding--near: 0px; } .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-compact .hotspot-button .hotspot-icon svg, .section-hotspot-image.sq-custom-hotspot--button-compact .hotspot-button .hotspot-icon svg { border: none; vertical-align: unset; } .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-compact .hotspot-button .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--button-compact .hotspot-button .hotspot-button-label { background-color: transparent; color: inherit; } .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-compact .hotspot-button.hotspot-quadrant-top-left .hotspot-button-label, .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-compact .hotspot-button.hotspot-quadrant-bottom-left .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--button-compact .hotspot-button.hotspot-quadrant-top-left .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--button-compact .hotspot-button.hotspot-quadrant-bottom-left .hotspot-button-label { padding-left: var(--hotspot-button-padding--far); padding-right: var(--hotspot-button-padding--near); } .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-compact .hotspot-button.hotspot-quadrant-top-right .hotspot-button-label, .section-hotspot-image.sq-custom-section-hotspot-image--hotspot-button-compact .hotspot-button.hotspot-quadrant-bottom-right .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--button-compact .hotspot-button.hotspot-quadrant-top-right .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--button-compact .hotspot-button.hotspot-quadrant-bottom-right .hotspot-button-label { padding-left: var(--hotspot-button-padding--near); padding-right: var(--hotspot-button-padding--far); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-button.hotspot-quadrant-top-left .hotspot-button-label, .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-button.hotspot-quadrant-bottom-left .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-button.hotspot-quadrant-top-left .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-button.hotspot-quadrant-bottom-left .hotspot-button-label { left: auto; right: 0%; padding-left: var(--hotspot-button-padding--near); padding-right: var(--hotspot-button-padding--far); transform: translate(calc(var(--hotspot-button-label-shift--left)), -50%) scale(1); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-button.hotspot-quadrant-top-right .hotspot-button-label, .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-button.hotspot-quadrant-bottom-right .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-button.hotspot-quadrant-top-right .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-button.hotspot-quadrant-bottom-right .hotspot-button-label { left: 0%; right: auto; padding-left: var(--hotspot-button-padding--far); padding-right: var(--hotspot-button-padding--near); transform: translate(calc(var(--hotspot-button-label-shift--right)), -50%) scale(1); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-tile.hotspot-quadrant-top-left, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-tile.hotspot-quadrant-top-left { transform: translate3d(calc(max(-1px * var(--hotspot-button-label-width, 0), -100%) + var(--hotspot-tile-button-shift)), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-tile.hotspot-quadrant-bottom-left, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-tile.hotspot-quadrant-bottom-left { transform: translate(calc(max(-1px * var(--hotspot-button-label-width, 0), -100%) + var(--hotspot-tile-button-shift)), calc(-100% + var(--hotspot-tile-button-shift))); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-tile.hotspot-quadrant-top-left svg, .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-tile.hotspot-quadrant-bottom-left svg, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-tile.hotspot-quadrant-top-left svg, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-tile.hotspot-quadrant-bottom-left svg { transform: translate(-25%, 0%); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-tile.hotspot-quadrant-top-right, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-tile.hotspot-quadrant-top-right { transform: translate3d(calc(min(-100% + (1px * var(--hotspot-button-label-width)), 0px) - 1 * var(--hotspot-tile-button-shift)), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-tile.hotspot-quadrant-bottom-right, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-tile.hotspot-quadrant-bottom-right { transform: translate3d(calc(min(-100% + (1px * var(--hotspot-button-label-width)), 0px) - 1 * var(--hotspot-tile-button-shift)), calc(-100% + var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-tile.hotspot-quadrant-top-right .hotspot-close-button svg, .section-hotspot-image.sq-custom-section-hotspot-image--flip-horizontal-placement .hotspot-tile.hotspot-quadrant-bottom-right .hotspot-close-button svg, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-tile.hotspot-quadrant-top-right .hotspot-close-button svg, .section-hotspot-image.sq-custom-hotspot--flip-label .hotspot-tile.hotspot-quadrant-bottom-right .hotspot-close-button svg { transform: translate(-25%, 0%); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-top-left[data-flip=true] .hotspot-button-label, .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-left[data-flip=true] .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-top-left[data-flip=true] .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-left[data-flip=true] .hotspot-button-label { left: auto; right: 0%; padding-left: var(--hotspot-button-padding--near); padding-right: var(--hotspot-button-padding--far); transform: translate(calc(var(--hotspot-button-label-shift--left)), -50%) scale(1); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-top-right[data-flip=true] .hotspot-button-label, .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-right[data-flip=true] .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-top-right[data-flip=true] .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-right[data-flip=true] .hotspot-button-label { left: 0%; right: auto; padding-left: var(--hotspot-button-padding--far); padding-right: var(--hotspot-button-padding--near); transform: translate(calc(var(--hotspot-button-label-shift--right)), -50%) scale(1); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-left[data-flip=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-left[data-flip=true] { transform: translate3d(calc(max(-1px * var(--hotspot-button-label-width, 0), -100%) + var(--hotspot-tile-button-shift)), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-left[data-flip=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-left[data-flip=true] { transform: translate(calc(max(-1px * var(--hotspot-button-label-width, 0), -100%) + var(--hotspot-tile-button-shift)), calc(-100% + var(--hotspot-tile-button-shift))); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-left[data-flip=true] svg, .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-left[data-flip=true] svg, .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-left[data-flip=true] svg, .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-left[data-flip=true] svg { transform: translate(-25%, 0%); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-right[data-flip=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-right[data-flip=true] { transform: translate3d(calc(min(-100% + (1px * var(--hotspot-button-label-width)), 0px) - 1 * var(--hotspot-tile-button-shift)), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-right[data-flip=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-right[data-flip=true] { transform: translate3d(calc(min(-100% + (1px * var(--hotspot-button-label-width)), 0px) - 1 * var(--hotspot-tile-button-shift)), calc(-100% + var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-right[data-flip=true] .hotspot-close-button svg, .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-right[data-flip=true] .hotspot-close-button svg, .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-right[data-flip=true] .hotspot-close-button svg, .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-right[data-flip=true] .hotspot-close-button svg { transform: translate(-25%, 0%); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-top-left[data-center=true], .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-left[data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-top-left[data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-left[data-center=true] { transform: translate3d(calc((var(--hotspot-button-size) - var(--hotspot-button-label-shift--left) - 1px * var(--hotspot-button-label-width)) / 2), -50%, 0) scale(1); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-top-right[data-center=true], .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-right[data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-top-right[data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-right[data-center=true] { transform: translate3d(calc((-1 * var(--hotspot-button-size) + var(--hotspot-button-label-shift--right) + 1px * var(--hotspot-button-label-width)) / 2), -50%, 0) scale(1); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-left[data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-left[data-center=true] { transform: translate3d(calc(max(-1px * var(--hotspot-button-label-width) / 2, -100%) + var(--hotspot-button-label-shift--left)), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-left[data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-left[data-center=true] { transform: translate3d(calc(max(-1px * var(--hotspot-button-label-width) / 2, -100%) + var(--hotspot-button-label-shift--left)), calc(-100% + var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-right[data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-right[data-center=true] { transform: translate3d(calc(max(-100% + 1px * var(--hotspot-button-label-width) / 2, -100%) + var(--hotspot-tile-button-shift)), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-right[data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-right[data-center=true] { transform: translate3d(calc(max(-100% + 1px * var(--hotspot-button-label-width) / 2, -100%) + var(--hotspot-tile-button-shift)), calc(-100% + var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-top-left[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-left[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-top-left[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-left[data-flip=true][data-center=true] { transform: translate3d(calc((-2 * var(--hotspot-button-size) - var(--hotspot-button-label-shift--left) + 1px * var(--hotspot-button-label-width)) / 2), -50%, 0) scale(1); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-top-right[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-right[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-top-right[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-button.hotspot-quadrant-bottom-right[data-flip=true][data-center=true] { transform: translate3d(calc((1 * var(--hotspot-button-size) + var(--hotspot-button-label-shift--right) - 1px * var(--hotspot-button-label-width)) / 2), -50%, 0) scale(1); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-left[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-left[data-flip=true][data-center=true] { transform: translate3d(calc(max(-1px * var(--hotspot-button-label-width) / 2, -100%)), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-left[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-left[data-flip=true][data-center=true] { transform: translate3d(calc(max(-1px * var(--hotspot-button-label-width) / 2, -100%)), calc(-100% + var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-right[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-top-right[data-flip=true][data-center=true] { transform: translate3d(calc(max(-100% + 1px * var(--hotspot-button-label-width) / 2, -100%) + var(--hotspot-tile-button-shift) / 2), calc(-1 * var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-right[data-flip=true][data-center=true], .section-hotspot-image.sq-custom-hotspot--flip-label-per-button .hotspot-tile.hotspot-quadrant-bottom-right[data-flip=true][data-center=true] { transform: translate3d(calc(max(-100% + 1px * var(--hotspot-button-label-width) / 2, -100%) + var(--hotspot-tile-button-shift) / 2), calc(-100% + var(--hotspot-tile-button-shift)), 0px); } .section-hotspot-image.sq-custom-section-hotspot-image--disable-pulse .hotspot-pulse:before, .section-hotspot-image.sq-custom-section-hotspot-image--disable-pulse .hotspot-pulse:after, .section-hotspot-image.sq-custom-hotspot--disable-pulse .hotspot-pulse:before, .section-hotspot-image.sq-custom-hotspot--disable-pulse .hotspot-pulse:after { visibility: hidden; animation-play-state: paused; } .section-hotspot-image.sq-custom-section-hotspot-image--pulse-on-hover .hotspot-pulse:before, .section-hotspot-image.sq-custom-section-hotspot-image--pulse-on-hover .hotspot-pulse:after, .section-hotspot-image.sq-custom-hotspot--pulse-on-hover .hotspot-pulse:before, .section-hotspot-image.sq-custom-hotspot--pulse-on-hover .hotspot-pulse:after { visibility: hidden; animation-play-state: paused; } .section-hotspot-image.sq-custom-section-hotspot-image--pulse-on-hover .hotspot-pulse:hover::before, .section-hotspot-image.sq-custom-section-hotspot-image--pulse-on-hover .hotspot-pulse:hover::after, .section-hotspot-image.sq-custom-hotspot--pulse-on-hover .hotspot-pulse:hover::before, .section-hotspot-image.sq-custom-hotspot--pulse-on-hover .hotspot-pulse:hover::after { visibility: visible; animation-play-state: running; animation-duration: 3000ms; } .section-hotspot-image.sq-custom-section-hotspot-image--hide-labels .hotspot-button .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--hide-labels .hotspot-button .hotspot-button-label { display: none; } @media (max-width: 717px) { .section-hotspot-image.sq-custom-section-hotspot-image--hide-labels-until-medium .hotspot-button .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--hide-labels-until-medium .hotspot-button .hotspot-button-label { display: none; } } @media (max-width: 1023px) { .section-hotspot-image.sq-custom-section-hotspot-image--hide-labels-until-large .hotspot-button .hotspot-button-label, .section-hotspot-image.sq-custom-hotspot--hide-labels-until-large .hotspot-button .hotspot-button-label { display: none; } } .section-hotspot-image.sq-custom-section-hotspot-image--show-close-button .hotspot-tile .hotspot-close-button, .section-hotspot-image.sq-custom-hotspot--show-close-button .hotspot-tile .hotspot-close-button { display: block; } .section-hotspot-image .hotspot-tile.active .hotspot-close-button { pointer-events: auto; } .section-hotspot-image .hotspot-tile.active .hotspot-close-button svg { opacity: 1; transform: translate(0%, 0%) rotate(45deg) !important; transition: transform var(--duration-default) var(--easing-decelerate), opacity var(--duration-slow) var(--easing-decelerate); } @media (max-width: 717px) { .section-hotspot-image.sq-custom-section-hotspot-image--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile, .section-hotspot-image.sq-custom-hotspot--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile { left: 50% !important; } .section-hotspot-image.sq-custom-section-hotspot-image--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile.hotspot-quadrant-top-left, .section-hotspot-image.sq-custom-section-hotspot-image--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile.hotspot-quadrant-top-right, .section-hotspot-image.sq-custom-hotspot--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile.hotspot-quadrant-top-left, .section-hotspot-image.sq-custom-hotspot--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile.hotspot-quadrant-top-right { transform: translate3d(-50%, calc(-1 * var(--hotspot-tile-button-shift)), 0) !important; } .section-hotspot-image.sq-custom-section-hotspot-image--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile.hotspot-quadrant-bottom-left, .section-hotspot-image.sq-custom-section-hotspot-image--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile.hotspot-quadrant-bottom-right, .section-hotspot-image.sq-custom-hotspot--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile.hotspot-quadrant-bottom-left, .section-hotspot-image.sq-custom-hotspot--horizontally-center-tiles-until-medium.hotspot-is-interactive .hotspot-tile.hotspot-quadrant-bottom-right { transform: translate3d(-50%, calc(-100% + 1 * var(--hotspot-tile-button-shift)), 0) !important; } } .section-hotspot-image.sq-custom-section-hotspot-image--tile-heading-gap-bottom-base .hotspot-tile-heading, .section-hotspot-image.sq-custom-hotspot--tile-heading-gap-bottom-base .hotspot-tile-heading { margin-bottom: var(--space-base); } .section-hotspot-image.sq-custom-section-hotspot-image--tile-heading-gap-bottom-tweak .hotspot-tile-heading, .section-hotspot-image.sq-custom-hotspot--tile-heading-gap-bottom-tweak .hotspot-tile-heading { margin-bottom: calc(var(--space-base) / 2); } @media (min-width: 718px) { .main-content .sq-custom-two-column-responsive-apropos-bg { margin-top: var(--space-medium); } .main-content .sq-custom-two-column-responsive-apropos-bg:last-of-type { margin-bottom: var(--space-medium); } .main-content .sq-custom-two-column-responsive-apropos-bg .content { padding: 0 !important; } } @media (max-width: 717px) { .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 { padding-top: 0 !important; } .main-content .sq-custom-two-column-responsive-apropos-bg--valign-bottom-until-medium > .image { order: 1; } } @media (max-width: 1023px) { .sq-custom-section-scroll-animation-video-hotspots { display: none; } } @media (min-width: 1024px) { .sq-custom-section-scroll-animation-video-hotspots-mobile { display: none; } } .sq-custom-section-scroll-animation-video-hotspots-mobile:before, .sq-custom-section-scroll-animation-video-hotspots-mobile:after { content: ""; z-index: 10; display: block; height: var(--space-large); width: 100%; background-color: var(--color-gray-05); } @media (min-width: 480px) { .sq-custom-section-scroll-animation-video-hotspots-mobile:before, .sq-custom-section-scroll-animation-video-hotspots-mobile:after { height: var(--space-xl); } } .sq-custom-section-scroll-animation-video-hotspots-mobile .apropos-entry { background-color: var(--color-accent); } .sq-custom-section-scroll-animation-video-hotspots-mobile .apropos-entry picture { overflow: visible; } .sq-custom-section-scroll-animation-video-hotspots-mobile .apropos-entry img { transform: scale(1.5); transform-origin: center center; } /* Override options for link styles DRI: adoshi@ BUNDLE=home-page-2021-q1 */ /* Link hover color ------------------------------------ */ a:not([class~="button"]):not(.tile), .link:not([class~="button"]):not(.tile) { --color-blue-light: #207DFF; --color-blue-dark: #005FE3; transition: color var(--duration-quick) var(--easing-sharp); } .main-content section:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .main-content section:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .main-content section:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .main-content section:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-blue-dark); } .main-content .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .main-content .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .main-content .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .main-content .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-blue-light); } .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-lime-dark); } .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-lime-light); } .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-green-dark); } .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-green-light); } .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-teal-dark); } .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-teal-light); } .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-blue-dark); } .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-blue-light); } .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-royal-blue-dark); } .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-royal-blue-light); } .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-indigo-dark); } .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-indigo-light); } .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-purple-dark); } .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-purple-light); } .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-plum-dark); } .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-plum-light); } .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-rose-dark); } .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-rose-light); } .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-orange-dark); } .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-orange-light); } /* Link arrow animation -------------------------------- */ @keyframes slide-forward { from { transform: translateX(0); } to { transform: translateX(35%); } } .main-content section:not(.sq-custom-disable-link-hover-animation) a:hover .arrow::after, .main-content section:not(.sq-custom-disable-link-hover-animation) a:hover .arrow-right::after, .main-content section:not(.sq-custom-disable-link-hover-animation) a:focus .arrow::after, .main-content section:not(.sq-custom-disable-link-hover-animation) a:focus .arrow-right::after, .main-content section:not(.sq-custom-disable-link-hover-animation) .link:hover .arrow::after, .main-content section:not(.sq-custom-disable-link-hover-animation) .link:hover .arrow-right::after, .main-content section:not(.sq-custom-disable-link-hover-animation) .link:focus .arrow::after, .main-content section:not(.sq-custom-disable-link-hover-animation) .link:focus .arrow-right::after { animation-name: slide-forward; animation-duration: var(--duration-complex); animation-timing-function: var(--easing-decelerate); animation-iteration-count: 2; animation-direction: alternate; } @charset "UTF-8"; /* do not edit; file hosted in public-web-customizations. Contains EDI custom grid variables DRI: adoshi@ BUNDLE=home-page-2021-q1 */ /* do not edit; file hosted in public-web-customizations. Contains EDI custom grid overrides DRI: adoshi@ BUNDLE=home-page-2021-q1 */ /* --- NOTES --- These overrides only support apropos fluid option --- END --- */ :root { --old-body-width-max: 1680px; --body-width-min: 320px; --body-width-max: 2560px; --content-width-max: 2000px; --breakpoint-width-extra-small: 375px; --breakpoint-width-small: 717px; --breakpoint-width-medium: 1023px; --breakpoint-width-large: 1240px; --breakpoint-width-extra-large: 1500px; --container-width-base: 295px; --container-width-extra-small: 344px; --container-width-small: 624px; --container-width-medium: 972px; --container-width-large: 1200px; --container-width-extra-large: 1416px; --container-border-radius-base: 16px; --container-border-radius-medium: 24px; --container-border-radius: var(--container-border-radius-base); } @media (min-width: 1023px) { :root { --container-border-radius: var(--container-border-radius-medium); } } @media (min-width: 0) { .hide-at-base, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 374px) { .hide-at-extra-small, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 480px) { .hide-at-small, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 718px) { .hide-at-medium, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 1024px) { .hide-at-large, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 1292px) { .hide-at-extra-large, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 718px) { .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-nav { position: revert; top: revert; left: revert; margin: revert; width: revert; max-width: revert; height: revert; transform: revert; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left { position: revert; left: revert; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left::before { border-color: revert; box-shadow: revert; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { position: revert; right: revert; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { border-color: revert; box-shadow: revert; } } @media (min-width: 718px) { .two-thirds-at-medium { width: unset !important; } } @media (min-width: 718px) { .align-left-at-medium { text-align: unset !important; } .align-center-at-medium { text-align: unset !important; } .align-right-at-medium { text-align: unset !important; } .align-justify-at-medium { text-align: unset !important; } } @media (min-width: 1024px) { .align-left-at-large { text-align: unset !important; } .align-center-at-large { text-align: unset !important; } .align-right-at-large { text-align: unset !important; } .align-justify-at-large { text-align: unset !important; } } [class^='grid'], [class*=' grid'] { display: flex; flex-wrap: wrap; margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); margin-bottom: calc(-1 * var(--space-line)) !important; } [class^='grid'] > *, [class*=' grid'] > * { flex: 0 1 auto; } [class^='grid'] > *, [class*=' grid'] > * { width: 100%; } [class^='grid'] > *, [class*=' grid'] > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } [class^='grid'] > *, [class*=' grid'] > * { margin-bottom: var(--space-line) !important; } .gap-base[class^='grid'], .gap-vert-base[class^='grid'], .gap-bottom-base[class^='grid'], .gap-base[class*=' grid'], .gap-vert-base[class*=' grid'], .gap-bottom-base[class*=' grid'] { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .gap-line[class^='grid'], .gap-vert-line[class^='grid'], .gap-bottom-line[class^='grid'], .gap-line[class*=' grid'], .gap-vert-line[class*=' grid'], .gap-bottom-line[class*=' grid'] { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .gap-small[class^='grid'], .gap-vert-small[class^='grid'], .gap-bottom-small[class^='grid'], .gap-small[class*=' grid'], .gap-vert-small[class*=' grid'], .gap-bottom-small[class*=' grid'] { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .gap-medium[class^='grid'], .gap-vert-medium[class^='grid'], .gap-bottom-medium[class^='grid'], .gap-medium[class*=' grid'], .gap-vert-medium[class*=' grid'], .gap-bottom-medium[class*=' grid'] { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .gap-large[class^='grid'], .gap-vert-large[class^='grid'], .gap-bottom-large[class^='grid'], .gap-large[class*=' grid'], .gap-vert-large[class*=' grid'], .gap-bottom-large[class*=' grid'] { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .gap-xl[class^='grid'], .gap-vert-xl[class^='grid'], .gap-bottom-xl[class^='grid'], .gap-xl[class*=' grid'], .gap-vert-xl[class*=' grid'], .gap-bottom-xl[class*=' grid'] { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .gap-xxl[class^='grid'], .gap-vert-xxl[class^='grid'], .gap-bottom-xxl[class^='grid'], .gap-xxl[class*=' grid'], .gap-vert-xxl[class*=' grid'], .gap-bottom-xxl[class*=' grid'] { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .gap-none[class^='grid'], .gap-vert-none[class^='grid'], .gap-bottom-none[class^='grid'], .gap-none[class*=' grid'], .gap-vert-none[class*=' grid'], .gap-bottom-none[class*=' grid'] { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-reverse { flex-direction: row-reverse; } .grid-row-equal-heights > * { display: flex; flex-wrap: wrap; } .grid-row-equal-heights > * > * { flex: 0 1 auto; } .grid-row-equal-heights > * > * { width: 100%; } .no-shrink { flex-shrink: 0 !important; } .grid-auto > *, .grid-flex > * { width: auto; } .grid-flex { display: flex; flex-wrap: nowrap; } .grid-flex > * { flex: 0 1 auto; } .grid-1 { flex-wrap: wrap; } .grid-1 > * { width: 100%; } .grid-2 { flex-wrap: wrap; } .grid-2 > * { width: 50%; } .grid-3 { flex-wrap: wrap; } .grid-3 > * { width: 33.3333333333%; } .grid-4 { flex-wrap: wrap; } .grid-4 > * { width: 25%; } .grid-5 { flex-wrap: wrap; } .grid-5 > * { width: 20%; } .grid-space-base, .grid-col-space-base { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base > *, .grid-col-space-base > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base, .grid-row-space-base { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base > *, .grid-row-space-base > * { margin-bottom: var(--space-base) !important; } .grid-space-base.gap-base, .grid-space-base.gap-vert-base, .grid-space-base.gap-bottom-base, .grid-row-space-base.gap-base, .grid-row-space-base.gap-vert-base, .grid-row-space-base.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base.gap-line, .grid-space-base.gap-vert-line, .grid-space-base.gap-bottom-line, .grid-row-space-base.gap-line, .grid-row-space-base.gap-vert-line, .grid-row-space-base.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base.gap-small, .grid-space-base.gap-vert-small, .grid-space-base.gap-bottom-small, .grid-row-space-base.gap-small, .grid-row-space-base.gap-vert-small, .grid-row-space-base.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base.gap-medium, .grid-space-base.gap-vert-medium, .grid-space-base.gap-bottom-medium, .grid-row-space-base.gap-medium, .grid-row-space-base.gap-vert-medium, .grid-row-space-base.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base.gap-large, .grid-space-base.gap-vert-large, .grid-space-base.gap-bottom-large, .grid-row-space-base.gap-large, .grid-row-space-base.gap-vert-large, .grid-row-space-base.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base.gap-xl, .grid-space-base.gap-vert-xl, .grid-space-base.gap-bottom-xl, .grid-row-space-base.gap-xl, .grid-row-space-base.gap-vert-xl, .grid-row-space-base.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base.gap-xxl, .grid-space-base.gap-vert-xxl, .grid-space-base.gap-bottom-xxl, .grid-row-space-base.gap-xxl, .grid-row-space-base.gap-vert-xxl, .grid-row-space-base.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base.gap-none, .grid-space-base.gap-vert-none, .grid-space-base.gap-bottom-none, .grid-row-space-base.gap-none, .grid-row-space-base.gap-vert-none, .grid-row-space-base.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line, .grid-col-space-line { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line > *, .grid-col-space-line > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line, .grid-row-space-line { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line > *, .grid-row-space-line > * { margin-bottom: var(--space-line) !important; } .grid-space-line.gap-base, .grid-space-line.gap-vert-base, .grid-space-line.gap-bottom-base, .grid-row-space-line.gap-base, .grid-row-space-line.gap-vert-base, .grid-row-space-line.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line.gap-line, .grid-space-line.gap-vert-line, .grid-space-line.gap-bottom-line, .grid-row-space-line.gap-line, .grid-row-space-line.gap-vert-line, .grid-row-space-line.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line.gap-small, .grid-space-line.gap-vert-small, .grid-space-line.gap-bottom-small, .grid-row-space-line.gap-small, .grid-row-space-line.gap-vert-small, .grid-row-space-line.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line.gap-medium, .grid-space-line.gap-vert-medium, .grid-space-line.gap-bottom-medium, .grid-row-space-line.gap-medium, .grid-row-space-line.gap-vert-medium, .grid-row-space-line.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line.gap-large, .grid-space-line.gap-vert-large, .grid-space-line.gap-bottom-large, .grid-row-space-line.gap-large, .grid-row-space-line.gap-vert-large, .grid-row-space-line.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line.gap-xl, .grid-space-line.gap-vert-xl, .grid-space-line.gap-bottom-xl, .grid-row-space-line.gap-xl, .grid-row-space-line.gap-vert-xl, .grid-row-space-line.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line.gap-xxl, .grid-space-line.gap-vert-xxl, .grid-space-line.gap-bottom-xxl, .grid-row-space-line.gap-xxl, .grid-row-space-line.gap-vert-xxl, .grid-row-space-line.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line.gap-none, .grid-space-line.gap-vert-none, .grid-space-line.gap-bottom-none, .grid-row-space-line.gap-none, .grid-row-space-line.gap-vert-none, .grid-row-space-line.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small, .grid-col-space-small { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small > *, .grid-col-space-small > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small, .grid-row-space-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small > *, .grid-row-space-small > * { margin-bottom: var(--space-small) !important; } .grid-space-small.gap-base, .grid-space-small.gap-vert-base, .grid-space-small.gap-bottom-base, .grid-row-space-small.gap-base, .grid-row-space-small.gap-vert-base, .grid-row-space-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small.gap-line, .grid-space-small.gap-vert-line, .grid-space-small.gap-bottom-line, .grid-row-space-small.gap-line, .grid-row-space-small.gap-vert-line, .grid-row-space-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small.gap-small, .grid-space-small.gap-vert-small, .grid-space-small.gap-bottom-small, .grid-row-space-small.gap-small, .grid-row-space-small.gap-vert-small, .grid-row-space-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small.gap-medium, .grid-space-small.gap-vert-medium, .grid-space-small.gap-bottom-medium, .grid-row-space-small.gap-medium, .grid-row-space-small.gap-vert-medium, .grid-row-space-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small.gap-large, .grid-space-small.gap-vert-large, .grid-space-small.gap-bottom-large, .grid-row-space-small.gap-large, .grid-row-space-small.gap-vert-large, .grid-row-space-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small.gap-xl, .grid-space-small.gap-vert-xl, .grid-space-small.gap-bottom-xl, .grid-row-space-small.gap-xl, .grid-row-space-small.gap-vert-xl, .grid-row-space-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small.gap-xxl, .grid-space-small.gap-vert-xxl, .grid-space-small.gap-bottom-xxl, .grid-row-space-small.gap-xxl, .grid-row-space-small.gap-vert-xxl, .grid-row-space-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small.gap-none, .grid-space-small.gap-vert-none, .grid-space-small.gap-bottom-none, .grid-row-space-small.gap-none, .grid-row-space-small.gap-vert-none, .grid-row-space-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium, .grid-col-space-medium { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium > *, .grid-col-space-medium > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium, .grid-row-space-medium { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium > *, .grid-row-space-medium > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium.gap-base, .grid-space-medium.gap-vert-base, .grid-space-medium.gap-bottom-base, .grid-row-space-medium.gap-base, .grid-row-space-medium.gap-vert-base, .grid-row-space-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium.gap-line, .grid-space-medium.gap-vert-line, .grid-space-medium.gap-bottom-line, .grid-row-space-medium.gap-line, .grid-row-space-medium.gap-vert-line, .grid-row-space-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium.gap-small, .grid-space-medium.gap-vert-small, .grid-space-medium.gap-bottom-small, .grid-row-space-medium.gap-small, .grid-row-space-medium.gap-vert-small, .grid-row-space-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium.gap-medium, .grid-space-medium.gap-vert-medium, .grid-space-medium.gap-bottom-medium, .grid-row-space-medium.gap-medium, .grid-row-space-medium.gap-vert-medium, .grid-row-space-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium.gap-large, .grid-space-medium.gap-vert-large, .grid-space-medium.gap-bottom-large, .grid-row-space-medium.gap-large, .grid-row-space-medium.gap-vert-large, .grid-row-space-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium.gap-xl, .grid-space-medium.gap-vert-xl, .grid-space-medium.gap-bottom-xl, .grid-row-space-medium.gap-xl, .grid-row-space-medium.gap-vert-xl, .grid-row-space-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium.gap-xxl, .grid-space-medium.gap-vert-xxl, .grid-space-medium.gap-bottom-xxl, .grid-row-space-medium.gap-xxl, .grid-row-space-medium.gap-vert-xxl, .grid-row-space-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium.gap-none, .grid-space-medium.gap-vert-none, .grid-space-medium.gap-bottom-none, .grid-row-space-medium.gap-none, .grid-row-space-medium.gap-vert-none, .grid-row-space-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large, .grid-col-space-large { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large > *, .grid-col-space-large > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large, .grid-row-space-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large > *, .grid-row-space-large > * { margin-bottom: var(--space-large) !important; } .grid-space-large.gap-base, .grid-space-large.gap-vert-base, .grid-space-large.gap-bottom-base, .grid-row-space-large.gap-base, .grid-row-space-large.gap-vert-base, .grid-row-space-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large.gap-line, .grid-space-large.gap-vert-line, .grid-space-large.gap-bottom-line, .grid-row-space-large.gap-line, .grid-row-space-large.gap-vert-line, .grid-row-space-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large.gap-small, .grid-space-large.gap-vert-small, .grid-space-large.gap-bottom-small, .grid-row-space-large.gap-small, .grid-row-space-large.gap-vert-small, .grid-row-space-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large.gap-medium, .grid-space-large.gap-vert-medium, .grid-space-large.gap-bottom-medium, .grid-row-space-large.gap-medium, .grid-row-space-large.gap-vert-medium, .grid-row-space-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large.gap-large, .grid-space-large.gap-vert-large, .grid-space-large.gap-bottom-large, .grid-row-space-large.gap-large, .grid-row-space-large.gap-vert-large, .grid-row-space-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large.gap-xl, .grid-space-large.gap-vert-xl, .grid-space-large.gap-bottom-xl, .grid-row-space-large.gap-xl, .grid-row-space-large.gap-vert-xl, .grid-row-space-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large.gap-xxl, .grid-space-large.gap-vert-xxl, .grid-space-large.gap-bottom-xxl, .grid-row-space-large.gap-xxl, .grid-row-space-large.gap-vert-xxl, .grid-row-space-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large.gap-none, .grid-space-large.gap-vert-none, .grid-space-large.gap-bottom-none, .grid-row-space-large.gap-none, .grid-row-space-large.gap-vert-none, .grid-row-space-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl, .grid-col-space-xl { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl > *, .grid-col-space-xl > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl, .grid-row-space-xl { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl > *, .grid-row-space-xl > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl.gap-base, .grid-space-xl.gap-vert-base, .grid-space-xl.gap-bottom-base, .grid-row-space-xl.gap-base, .grid-row-space-xl.gap-vert-base, .grid-row-space-xl.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl.gap-line, .grid-space-xl.gap-vert-line, .grid-space-xl.gap-bottom-line, .grid-row-space-xl.gap-line, .grid-row-space-xl.gap-vert-line, .grid-row-space-xl.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl.gap-small, .grid-space-xl.gap-vert-small, .grid-space-xl.gap-bottom-small, .grid-row-space-xl.gap-small, .grid-row-space-xl.gap-vert-small, .grid-row-space-xl.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl.gap-medium, .grid-space-xl.gap-vert-medium, .grid-space-xl.gap-bottom-medium, .grid-row-space-xl.gap-medium, .grid-row-space-xl.gap-vert-medium, .grid-row-space-xl.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl.gap-large, .grid-space-xl.gap-vert-large, .grid-space-xl.gap-bottom-large, .grid-row-space-xl.gap-large, .grid-row-space-xl.gap-vert-large, .grid-row-space-xl.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl.gap-xl, .grid-space-xl.gap-vert-xl, .grid-space-xl.gap-bottom-xl, .grid-row-space-xl.gap-xl, .grid-row-space-xl.gap-vert-xl, .grid-row-space-xl.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl.gap-xxl, .grid-space-xl.gap-vert-xxl, .grid-space-xl.gap-bottom-xxl, .grid-row-space-xl.gap-xxl, .grid-row-space-xl.gap-vert-xxl, .grid-row-space-xl.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl.gap-none, .grid-space-xl.gap-vert-none, .grid-space-xl.gap-bottom-none, .grid-row-space-xl.gap-none, .grid-row-space-xl.gap-vert-none, .grid-row-space-xl.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl, .grid-col-space-xxl { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl > *, .grid-col-space-xxl > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl, .grid-row-space-xxl { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl > *, .grid-row-space-xxl > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl.gap-base, .grid-space-xxl.gap-vert-base, .grid-space-xxl.gap-bottom-base, .grid-row-space-xxl.gap-base, .grid-row-space-xxl.gap-vert-base, .grid-row-space-xxl.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl.gap-line, .grid-space-xxl.gap-vert-line, .grid-space-xxl.gap-bottom-line, .grid-row-space-xxl.gap-line, .grid-row-space-xxl.gap-vert-line, .grid-row-space-xxl.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl.gap-small, .grid-space-xxl.gap-vert-small, .grid-space-xxl.gap-bottom-small, .grid-row-space-xxl.gap-small, .grid-row-space-xxl.gap-vert-small, .grid-row-space-xxl.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl.gap-medium, .grid-space-xxl.gap-vert-medium, .grid-space-xxl.gap-bottom-medium, .grid-row-space-xxl.gap-medium, .grid-row-space-xxl.gap-vert-medium, .grid-row-space-xxl.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl.gap-large, .grid-space-xxl.gap-vert-large, .grid-space-xxl.gap-bottom-large, .grid-row-space-xxl.gap-large, .grid-row-space-xxl.gap-vert-large, .grid-row-space-xxl.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl.gap-xl, .grid-space-xxl.gap-vert-xl, .grid-space-xxl.gap-bottom-xl, .grid-row-space-xxl.gap-xl, .grid-row-space-xxl.gap-vert-xl, .grid-row-space-xxl.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl.gap-xxl, .grid-space-xxl.gap-vert-xxl, .grid-space-xxl.gap-bottom-xxl, .grid-row-space-xxl.gap-xxl, .grid-row-space-xxl.gap-vert-xxl, .grid-row-space-xxl.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl.gap-none, .grid-space-xxl.gap-vert-none, .grid-space-xxl.gap-bottom-none, .grid-row-space-xxl.gap-none, .grid-row-space-xxl.gap-vert-none, .grid-row-space-xxl.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none, .grid-col-space-none { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none > *, .grid-col-space-none > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none, .grid-row-space-none { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none > *, .grid-row-space-none > * { margin-bottom: var(--space-none) !important; } .grid-space-none.gap-base, .grid-space-none.gap-vert-base, .grid-space-none.gap-bottom-base, .grid-row-space-none.gap-base, .grid-row-space-none.gap-vert-base, .grid-row-space-none.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none.gap-line, .grid-space-none.gap-vert-line, .grid-space-none.gap-bottom-line, .grid-row-space-none.gap-line, .grid-row-space-none.gap-vert-line, .grid-row-space-none.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none.gap-small, .grid-space-none.gap-vert-small, .grid-space-none.gap-bottom-small, .grid-row-space-none.gap-small, .grid-row-space-none.gap-vert-small, .grid-row-space-none.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none.gap-medium, .grid-space-none.gap-vert-medium, .grid-space-none.gap-bottom-medium, .grid-row-space-none.gap-medium, .grid-row-space-none.gap-vert-medium, .grid-row-space-none.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none.gap-large, .grid-space-none.gap-vert-large, .grid-space-none.gap-bottom-large, .grid-row-space-none.gap-large, .grid-row-space-none.gap-vert-large, .grid-row-space-none.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none.gap-xl, .grid-space-none.gap-vert-xl, .grid-space-none.gap-bottom-xl, .grid-row-space-none.gap-xl, .grid-row-space-none.gap-vert-xl, .grid-row-space-none.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none.gap-xxl, .grid-space-none.gap-vert-xxl, .grid-space-none.gap-bottom-xxl, .grid-row-space-none.gap-xxl, .grid-row-space-none.gap-vert-xxl, .grid-row-space-none.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none.gap-none, .grid-space-none.gap-vert-none, .grid-space-none.gap-bottom-none, .grid-row-space-none.gap-none, .grid-row-space-none.gap-vert-none, .grid-row-space-none.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left, .flex-align-left { display: flex !important; justify-content: flex-start !important; } .grid-align-center, .flex-align-center { display: flex !important; justify-content: center !important; } .grid-align-right, .flex-align-right { display: flex !important; justify-content: flex-end !important; } .grid-align-justify, .flex-align-justify { display: flex !important; justify-content: space-between !important; } .grid-valign-top, .flex-valign-top { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle, .flex-valign-middle { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom, .flex-valign-bottom { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify, .flex-valign-justify { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } @media (min-width: 375px) { .grid-auto-at-extra-small > *, .grid-flex-at-extra-small > * { width: auto; } .grid-flex-at-extra-small { display: flex; flex-wrap: nowrap; } .grid-flex-at-extra-small > * { flex: 0 1 auto; } .grid-1-at-extra-small { flex-wrap: wrap; } .grid-1-at-extra-small > * { width: 100%; } .grid-2-at-extra-small { flex-wrap: wrap; } .grid-2-at-extra-small > * { width: 50%; } .grid-3-at-extra-small { flex-wrap: wrap; } .grid-3-at-extra-small > * { width: 33.3333333333%; } .grid-4-at-extra-small { flex-wrap: wrap; } .grid-4-at-extra-small > * { width: 25%; } .grid-5-at-extra-small { flex-wrap: wrap; } .grid-5-at-extra-small > * { width: 20%; } .grid-space-base-at-extra-small, .grid-col-space-base-at-extra-small { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-extra-small > *, .grid-col-space-base-at-extra-small > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-extra-small, .grid-row-space-base-at-extra-small { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-extra-small > *, .grid-row-space-base-at-extra-small > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-extra-small.gap-base, .grid-space-base-at-extra-small.gap-vert-base, .grid-space-base-at-extra-small.gap-bottom-base, .grid-row-space-base-at-extra-small.gap-base, .grid-row-space-base-at-extra-small.gap-vert-base, .grid-row-space-base-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-line, .grid-space-base-at-extra-small.gap-vert-line, .grid-space-base-at-extra-small.gap-bottom-line, .grid-row-space-base-at-extra-small.gap-line, .grid-row-space-base-at-extra-small.gap-vert-line, .grid-row-space-base-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-small, .grid-space-base-at-extra-small.gap-vert-small, .grid-space-base-at-extra-small.gap-bottom-small, .grid-row-space-base-at-extra-small.gap-small, .grid-row-space-base-at-extra-small.gap-vert-small, .grid-row-space-base-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-medium, .grid-space-base-at-extra-small.gap-vert-medium, .grid-space-base-at-extra-small.gap-bottom-medium, .grid-row-space-base-at-extra-small.gap-medium, .grid-row-space-base-at-extra-small.gap-vert-medium, .grid-row-space-base-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-large, .grid-space-base-at-extra-small.gap-vert-large, .grid-space-base-at-extra-small.gap-bottom-large, .grid-row-space-base-at-extra-small.gap-large, .grid-row-space-base-at-extra-small.gap-vert-large, .grid-row-space-base-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-xl, .grid-space-base-at-extra-small.gap-vert-xl, .grid-space-base-at-extra-small.gap-bottom-xl, .grid-row-space-base-at-extra-small.gap-xl, .grid-row-space-base-at-extra-small.gap-vert-xl, .grid-row-space-base-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-xxl, .grid-space-base-at-extra-small.gap-vert-xxl, .grid-space-base-at-extra-small.gap-bottom-xxl, .grid-row-space-base-at-extra-small.gap-xxl, .grid-row-space-base-at-extra-small.gap-vert-xxl, .grid-row-space-base-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-none, .grid-space-base-at-extra-small.gap-vert-none, .grid-space-base-at-extra-small.gap-bottom-none, .grid-row-space-base-at-extra-small.gap-none, .grid-row-space-base-at-extra-small.gap-vert-none, .grid-row-space-base-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-extra-small, .grid-col-space-line-at-extra-small { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-extra-small > *, .grid-col-space-line-at-extra-small > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-extra-small, .grid-row-space-line-at-extra-small { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-extra-small > *, .grid-row-space-line-at-extra-small > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-extra-small.gap-base, .grid-space-line-at-extra-small.gap-vert-base, .grid-space-line-at-extra-small.gap-bottom-base, .grid-row-space-line-at-extra-small.gap-base, .grid-row-space-line-at-extra-small.gap-vert-base, .grid-row-space-line-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-line, .grid-space-line-at-extra-small.gap-vert-line, .grid-space-line-at-extra-small.gap-bottom-line, .grid-row-space-line-at-extra-small.gap-line, .grid-row-space-line-at-extra-small.gap-vert-line, .grid-row-space-line-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-small, .grid-space-line-at-extra-small.gap-vert-small, .grid-space-line-at-extra-small.gap-bottom-small, .grid-row-space-line-at-extra-small.gap-small, .grid-row-space-line-at-extra-small.gap-vert-small, .grid-row-space-line-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-medium, .grid-space-line-at-extra-small.gap-vert-medium, .grid-space-line-at-extra-small.gap-bottom-medium, .grid-row-space-line-at-extra-small.gap-medium, .grid-row-space-line-at-extra-small.gap-vert-medium, .grid-row-space-line-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-large, .grid-space-line-at-extra-small.gap-vert-large, .grid-space-line-at-extra-small.gap-bottom-large, .grid-row-space-line-at-extra-small.gap-large, .grid-row-space-line-at-extra-small.gap-vert-large, .grid-row-space-line-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-xl, .grid-space-line-at-extra-small.gap-vert-xl, .grid-space-line-at-extra-small.gap-bottom-xl, .grid-row-space-line-at-extra-small.gap-xl, .grid-row-space-line-at-extra-small.gap-vert-xl, .grid-row-space-line-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-xxl, .grid-space-line-at-extra-small.gap-vert-xxl, .grid-space-line-at-extra-small.gap-bottom-xxl, .grid-row-space-line-at-extra-small.gap-xxl, .grid-row-space-line-at-extra-small.gap-vert-xxl, .grid-row-space-line-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-none, .grid-space-line-at-extra-small.gap-vert-none, .grid-space-line-at-extra-small.gap-bottom-none, .grid-row-space-line-at-extra-small.gap-none, .grid-row-space-line-at-extra-small.gap-vert-none, .grid-row-space-line-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-extra-small, .grid-col-space-small-at-extra-small { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-extra-small > *, .grid-col-space-small-at-extra-small > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-extra-small, .grid-row-space-small-at-extra-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-extra-small > *, .grid-row-space-small-at-extra-small > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-extra-small.gap-base, .grid-space-small-at-extra-small.gap-vert-base, .grid-space-small-at-extra-small.gap-bottom-base, .grid-row-space-small-at-extra-small.gap-base, .grid-row-space-small-at-extra-small.gap-vert-base, .grid-row-space-small-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-line, .grid-space-small-at-extra-small.gap-vert-line, .grid-space-small-at-extra-small.gap-bottom-line, .grid-row-space-small-at-extra-small.gap-line, .grid-row-space-small-at-extra-small.gap-vert-line, .grid-row-space-small-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-small, .grid-space-small-at-extra-small.gap-vert-small, .grid-space-small-at-extra-small.gap-bottom-small, .grid-row-space-small-at-extra-small.gap-small, .grid-row-space-small-at-extra-small.gap-vert-small, .grid-row-space-small-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-medium, .grid-space-small-at-extra-small.gap-vert-medium, .grid-space-small-at-extra-small.gap-bottom-medium, .grid-row-space-small-at-extra-small.gap-medium, .grid-row-space-small-at-extra-small.gap-vert-medium, .grid-row-space-small-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-large, .grid-space-small-at-extra-small.gap-vert-large, .grid-space-small-at-extra-small.gap-bottom-large, .grid-row-space-small-at-extra-small.gap-large, .grid-row-space-small-at-extra-small.gap-vert-large, .grid-row-space-small-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-xl, .grid-space-small-at-extra-small.gap-vert-xl, .grid-space-small-at-extra-small.gap-bottom-xl, .grid-row-space-small-at-extra-small.gap-xl, .grid-row-space-small-at-extra-small.gap-vert-xl, .grid-row-space-small-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-xxl, .grid-space-small-at-extra-small.gap-vert-xxl, .grid-space-small-at-extra-small.gap-bottom-xxl, .grid-row-space-small-at-extra-small.gap-xxl, .grid-row-space-small-at-extra-small.gap-vert-xxl, .grid-row-space-small-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-none, .grid-space-small-at-extra-small.gap-vert-none, .grid-space-small-at-extra-small.gap-bottom-none, .grid-row-space-small-at-extra-small.gap-none, .grid-row-space-small-at-extra-small.gap-vert-none, .grid-row-space-small-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-extra-small, .grid-col-space-medium-at-extra-small { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-extra-small > *, .grid-col-space-medium-at-extra-small > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-extra-small, .grid-row-space-medium-at-extra-small { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-extra-small > *, .grid-row-space-medium-at-extra-small > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-extra-small.gap-base, .grid-space-medium-at-extra-small.gap-vert-base, .grid-space-medium-at-extra-small.gap-bottom-base, .grid-row-space-medium-at-extra-small.gap-base, .grid-row-space-medium-at-extra-small.gap-vert-base, .grid-row-space-medium-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-line, .grid-space-medium-at-extra-small.gap-vert-line, .grid-space-medium-at-extra-small.gap-bottom-line, .grid-row-space-medium-at-extra-small.gap-line, .grid-row-space-medium-at-extra-small.gap-vert-line, .grid-row-space-medium-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-small, .grid-space-medium-at-extra-small.gap-vert-small, .grid-space-medium-at-extra-small.gap-bottom-small, .grid-row-space-medium-at-extra-small.gap-small, .grid-row-space-medium-at-extra-small.gap-vert-small, .grid-row-space-medium-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-medium, .grid-space-medium-at-extra-small.gap-vert-medium, .grid-space-medium-at-extra-small.gap-bottom-medium, .grid-row-space-medium-at-extra-small.gap-medium, .grid-row-space-medium-at-extra-small.gap-vert-medium, .grid-row-space-medium-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-large, .grid-space-medium-at-extra-small.gap-vert-large, .grid-space-medium-at-extra-small.gap-bottom-large, .grid-row-space-medium-at-extra-small.gap-large, .grid-row-space-medium-at-extra-small.gap-vert-large, .grid-row-space-medium-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-xl, .grid-space-medium-at-extra-small.gap-vert-xl, .grid-space-medium-at-extra-small.gap-bottom-xl, .grid-row-space-medium-at-extra-small.gap-xl, .grid-row-space-medium-at-extra-small.gap-vert-xl, .grid-row-space-medium-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-xxl, .grid-space-medium-at-extra-small.gap-vert-xxl, .grid-space-medium-at-extra-small.gap-bottom-xxl, .grid-row-space-medium-at-extra-small.gap-xxl, .grid-row-space-medium-at-extra-small.gap-vert-xxl, .grid-row-space-medium-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-none, .grid-space-medium-at-extra-small.gap-vert-none, .grid-space-medium-at-extra-small.gap-bottom-none, .grid-row-space-medium-at-extra-small.gap-none, .grid-row-space-medium-at-extra-small.gap-vert-none, .grid-row-space-medium-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-extra-small, .grid-col-space-large-at-extra-small { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-extra-small > *, .grid-col-space-large-at-extra-small > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-extra-small, .grid-row-space-large-at-extra-small { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-extra-small > *, .grid-row-space-large-at-extra-small > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-extra-small.gap-base, .grid-space-large-at-extra-small.gap-vert-base, .grid-space-large-at-extra-small.gap-bottom-base, .grid-row-space-large-at-extra-small.gap-base, .grid-row-space-large-at-extra-small.gap-vert-base, .grid-row-space-large-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-line, .grid-space-large-at-extra-small.gap-vert-line, .grid-space-large-at-extra-small.gap-bottom-line, .grid-row-space-large-at-extra-small.gap-line, .grid-row-space-large-at-extra-small.gap-vert-line, .grid-row-space-large-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-small, .grid-space-large-at-extra-small.gap-vert-small, .grid-space-large-at-extra-small.gap-bottom-small, .grid-row-space-large-at-extra-small.gap-small, .grid-row-space-large-at-extra-small.gap-vert-small, .grid-row-space-large-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-medium, .grid-space-large-at-extra-small.gap-vert-medium, .grid-space-large-at-extra-small.gap-bottom-medium, .grid-row-space-large-at-extra-small.gap-medium, .grid-row-space-large-at-extra-small.gap-vert-medium, .grid-row-space-large-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-large, .grid-space-large-at-extra-small.gap-vert-large, .grid-space-large-at-extra-small.gap-bottom-large, .grid-row-space-large-at-extra-small.gap-large, .grid-row-space-large-at-extra-small.gap-vert-large, .grid-row-space-large-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-xl, .grid-space-large-at-extra-small.gap-vert-xl, .grid-space-large-at-extra-small.gap-bottom-xl, .grid-row-space-large-at-extra-small.gap-xl, .grid-row-space-large-at-extra-small.gap-vert-xl, .grid-row-space-large-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-xxl, .grid-space-large-at-extra-small.gap-vert-xxl, .grid-space-large-at-extra-small.gap-bottom-xxl, .grid-row-space-large-at-extra-small.gap-xxl, .grid-row-space-large-at-extra-small.gap-vert-xxl, .grid-row-space-large-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-none, .grid-space-large-at-extra-small.gap-vert-none, .grid-space-large-at-extra-small.gap-bottom-none, .grid-row-space-large-at-extra-small.gap-none, .grid-row-space-large-at-extra-small.gap-vert-none, .grid-row-space-large-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-extra-small, .grid-col-space-xl-at-extra-small { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-extra-small > *, .grid-col-space-xl-at-extra-small > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-extra-small, .grid-row-space-xl-at-extra-small { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-extra-small > *, .grid-row-space-xl-at-extra-small > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-extra-small.gap-base, .grid-space-xl-at-extra-small.gap-vert-base, .grid-space-xl-at-extra-small.gap-bottom-base, .grid-row-space-xl-at-extra-small.gap-base, .grid-row-space-xl-at-extra-small.gap-vert-base, .grid-row-space-xl-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-line, .grid-space-xl-at-extra-small.gap-vert-line, .grid-space-xl-at-extra-small.gap-bottom-line, .grid-row-space-xl-at-extra-small.gap-line, .grid-row-space-xl-at-extra-small.gap-vert-line, .grid-row-space-xl-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-small, .grid-space-xl-at-extra-small.gap-vert-small, .grid-space-xl-at-extra-small.gap-bottom-small, .grid-row-space-xl-at-extra-small.gap-small, .grid-row-space-xl-at-extra-small.gap-vert-small, .grid-row-space-xl-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-medium, .grid-space-xl-at-extra-small.gap-vert-medium, .grid-space-xl-at-extra-small.gap-bottom-medium, .grid-row-space-xl-at-extra-small.gap-medium, .grid-row-space-xl-at-extra-small.gap-vert-medium, .grid-row-space-xl-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-large, .grid-space-xl-at-extra-small.gap-vert-large, .grid-space-xl-at-extra-small.gap-bottom-large, .grid-row-space-xl-at-extra-small.gap-large, .grid-row-space-xl-at-extra-small.gap-vert-large, .grid-row-space-xl-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-xl, .grid-space-xl-at-extra-small.gap-vert-xl, .grid-space-xl-at-extra-small.gap-bottom-xl, .grid-row-space-xl-at-extra-small.gap-xl, .grid-row-space-xl-at-extra-small.gap-vert-xl, .grid-row-space-xl-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-xxl, .grid-space-xl-at-extra-small.gap-vert-xxl, .grid-space-xl-at-extra-small.gap-bottom-xxl, .grid-row-space-xl-at-extra-small.gap-xxl, .grid-row-space-xl-at-extra-small.gap-vert-xxl, .grid-row-space-xl-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-none, .grid-space-xl-at-extra-small.gap-vert-none, .grid-space-xl-at-extra-small.gap-bottom-none, .grid-row-space-xl-at-extra-small.gap-none, .grid-row-space-xl-at-extra-small.gap-vert-none, .grid-row-space-xl-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-extra-small, .grid-col-space-xxl-at-extra-small { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-extra-small > *, .grid-col-space-xxl-at-extra-small > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-extra-small, .grid-row-space-xxl-at-extra-small { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small > *, .grid-row-space-xxl-at-extra-small > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-extra-small.gap-base, .grid-space-xxl-at-extra-small.gap-vert-base, .grid-space-xxl-at-extra-small.gap-bottom-base, .grid-row-space-xxl-at-extra-small.gap-base, .grid-row-space-xxl-at-extra-small.gap-vert-base, .grid-row-space-xxl-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-line, .grid-space-xxl-at-extra-small.gap-vert-line, .grid-space-xxl-at-extra-small.gap-bottom-line, .grid-row-space-xxl-at-extra-small.gap-line, .grid-row-space-xxl-at-extra-small.gap-vert-line, .grid-row-space-xxl-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-small, .grid-space-xxl-at-extra-small.gap-vert-small, .grid-space-xxl-at-extra-small.gap-bottom-small, .grid-row-space-xxl-at-extra-small.gap-small, .grid-row-space-xxl-at-extra-small.gap-vert-small, .grid-row-space-xxl-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-medium, .grid-space-xxl-at-extra-small.gap-vert-medium, .grid-space-xxl-at-extra-small.gap-bottom-medium, .grid-row-space-xxl-at-extra-small.gap-medium, .grid-row-space-xxl-at-extra-small.gap-vert-medium, .grid-row-space-xxl-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-large, .grid-space-xxl-at-extra-small.gap-vert-large, .grid-space-xxl-at-extra-small.gap-bottom-large, .grid-row-space-xxl-at-extra-small.gap-large, .grid-row-space-xxl-at-extra-small.gap-vert-large, .grid-row-space-xxl-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-xl, .grid-space-xxl-at-extra-small.gap-vert-xl, .grid-space-xxl-at-extra-small.gap-bottom-xl, .grid-row-space-xxl-at-extra-small.gap-xl, .grid-row-space-xxl-at-extra-small.gap-vert-xl, .grid-row-space-xxl-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-xxl, .grid-space-xxl-at-extra-small.gap-vert-xxl, .grid-space-xxl-at-extra-small.gap-bottom-xxl, .grid-row-space-xxl-at-extra-small.gap-xxl, .grid-row-space-xxl-at-extra-small.gap-vert-xxl, .grid-row-space-xxl-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-none, .grid-space-xxl-at-extra-small.gap-vert-none, .grid-space-xxl-at-extra-small.gap-bottom-none, .grid-row-space-xxl-at-extra-small.gap-none, .grid-row-space-xxl-at-extra-small.gap-vert-none, .grid-row-space-xxl-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-extra-small, .grid-col-space-none-at-extra-small { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-extra-small > *, .grid-col-space-none-at-extra-small > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-extra-small, .grid-row-space-none-at-extra-small { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-extra-small > *, .grid-row-space-none-at-extra-small > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-extra-small.gap-base, .grid-space-none-at-extra-small.gap-vert-base, .grid-space-none-at-extra-small.gap-bottom-base, .grid-row-space-none-at-extra-small.gap-base, .grid-row-space-none-at-extra-small.gap-vert-base, .grid-row-space-none-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-line, .grid-space-none-at-extra-small.gap-vert-line, .grid-space-none-at-extra-small.gap-bottom-line, .grid-row-space-none-at-extra-small.gap-line, .grid-row-space-none-at-extra-small.gap-vert-line, .grid-row-space-none-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-small, .grid-space-none-at-extra-small.gap-vert-small, .grid-space-none-at-extra-small.gap-bottom-small, .grid-row-space-none-at-extra-small.gap-small, .grid-row-space-none-at-extra-small.gap-vert-small, .grid-row-space-none-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-medium, .grid-space-none-at-extra-small.gap-vert-medium, .grid-space-none-at-extra-small.gap-bottom-medium, .grid-row-space-none-at-extra-small.gap-medium, .grid-row-space-none-at-extra-small.gap-vert-medium, .grid-row-space-none-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-large, .grid-space-none-at-extra-small.gap-vert-large, .grid-space-none-at-extra-small.gap-bottom-large, .grid-row-space-none-at-extra-small.gap-large, .grid-row-space-none-at-extra-small.gap-vert-large, .grid-row-space-none-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-xl, .grid-space-none-at-extra-small.gap-vert-xl, .grid-space-none-at-extra-small.gap-bottom-xl, .grid-row-space-none-at-extra-small.gap-xl, .grid-row-space-none-at-extra-small.gap-vert-xl, .grid-row-space-none-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-xxl, .grid-space-none-at-extra-small.gap-vert-xxl, .grid-space-none-at-extra-small.gap-bottom-xxl, .grid-row-space-none-at-extra-small.gap-xxl, .grid-row-space-none-at-extra-small.gap-vert-xxl, .grid-row-space-none-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-none, .grid-space-none-at-extra-small.gap-vert-none, .grid-space-none-at-extra-small.gap-bottom-none, .grid-row-space-none-at-extra-small.gap-none, .grid-row-space-none-at-extra-small.gap-vert-none, .grid-row-space-none-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-extra-small, .flex-align-left-at-extra-small { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-extra-small, .flex-align-center-at-extra-small { display: flex !important; justify-content: center !important; } .grid-align-right-at-extra-small, .flex-align-right-at-extra-small { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-extra-small, .flex-align-justify-at-extra-small { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-extra-small, .flex-valign-top-at-extra-small { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-extra-small, .flex-valign-middle-at-extra-small { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-extra-small, .flex-valign-bottom-at-extra-small { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-extra-small, .flex-valign-justify-at-extra-small { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } @media (min-width: 717px) { .grid-auto-at-small > *, .grid-flex-at-small > * { width: auto; } .grid-flex-at-small { display: flex; flex-wrap: nowrap; } .grid-flex-at-small > * { flex: 0 1 auto; } .grid-1-at-small { flex-wrap: wrap; } .grid-1-at-small > * { width: 100%; } .grid-2-at-small { flex-wrap: wrap; } .grid-2-at-small > * { width: 50%; } .grid-3-at-small { flex-wrap: wrap; } .grid-3-at-small > * { width: 33.3333333333%; } .grid-4-at-small { flex-wrap: wrap; } .grid-4-at-small > * { width: 25%; } .grid-5-at-small { flex-wrap: wrap; } .grid-5-at-small > * { width: 20%; } .grid-space-base-at-small, .grid-col-space-base-at-small { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-small > *, .grid-col-space-base-at-small > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-small, .grid-row-space-base-at-small { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-small > *, .grid-row-space-base-at-small > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-small.gap-base, .grid-space-base-at-small.gap-vert-base, .grid-space-base-at-small.gap-bottom-base, .grid-row-space-base-at-small.gap-base, .grid-row-space-base-at-small.gap-vert-base, .grid-row-space-base-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-small.gap-line, .grid-space-base-at-small.gap-vert-line, .grid-space-base-at-small.gap-bottom-line, .grid-row-space-base-at-small.gap-line, .grid-row-space-base-at-small.gap-vert-line, .grid-row-space-base-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-small.gap-small, .grid-space-base-at-small.gap-vert-small, .grid-space-base-at-small.gap-bottom-small, .grid-row-space-base-at-small.gap-small, .grid-row-space-base-at-small.gap-vert-small, .grid-row-space-base-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-small.gap-medium, .grid-space-base-at-small.gap-vert-medium, .grid-space-base-at-small.gap-bottom-medium, .grid-row-space-base-at-small.gap-medium, .grid-row-space-base-at-small.gap-vert-medium, .grid-row-space-base-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-small.gap-large, .grid-space-base-at-small.gap-vert-large, .grid-space-base-at-small.gap-bottom-large, .grid-row-space-base-at-small.gap-large, .grid-row-space-base-at-small.gap-vert-large, .grid-row-space-base-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-small.gap-xl, .grid-space-base-at-small.gap-vert-xl, .grid-space-base-at-small.gap-bottom-xl, .grid-row-space-base-at-small.gap-xl, .grid-row-space-base-at-small.gap-vert-xl, .grid-row-space-base-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-small.gap-xxl, .grid-space-base-at-small.gap-vert-xxl, .grid-space-base-at-small.gap-bottom-xxl, .grid-row-space-base-at-small.gap-xxl, .grid-row-space-base-at-small.gap-vert-xxl, .grid-row-space-base-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-small.gap-none, .grid-space-base-at-small.gap-vert-none, .grid-space-base-at-small.gap-bottom-none, .grid-row-space-base-at-small.gap-none, .grid-row-space-base-at-small.gap-vert-none, .grid-row-space-base-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-small, .grid-col-space-line-at-small { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-small > *, .grid-col-space-line-at-small > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-small, .grid-row-space-line-at-small { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-small > *, .grid-row-space-line-at-small > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-small.gap-base, .grid-space-line-at-small.gap-vert-base, .grid-space-line-at-small.gap-bottom-base, .grid-row-space-line-at-small.gap-base, .grid-row-space-line-at-small.gap-vert-base, .grid-row-space-line-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-small.gap-line, .grid-space-line-at-small.gap-vert-line, .grid-space-line-at-small.gap-bottom-line, .grid-row-space-line-at-small.gap-line, .grid-row-space-line-at-small.gap-vert-line, .grid-row-space-line-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-small.gap-small, .grid-space-line-at-small.gap-vert-small, .grid-space-line-at-small.gap-bottom-small, .grid-row-space-line-at-small.gap-small, .grid-row-space-line-at-small.gap-vert-small, .grid-row-space-line-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-small.gap-medium, .grid-space-line-at-small.gap-vert-medium, .grid-space-line-at-small.gap-bottom-medium, .grid-row-space-line-at-small.gap-medium, .grid-row-space-line-at-small.gap-vert-medium, .grid-row-space-line-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-small.gap-large, .grid-space-line-at-small.gap-vert-large, .grid-space-line-at-small.gap-bottom-large, .grid-row-space-line-at-small.gap-large, .grid-row-space-line-at-small.gap-vert-large, .grid-row-space-line-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-small.gap-xl, .grid-space-line-at-small.gap-vert-xl, .grid-space-line-at-small.gap-bottom-xl, .grid-row-space-line-at-small.gap-xl, .grid-row-space-line-at-small.gap-vert-xl, .grid-row-space-line-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-small.gap-xxl, .grid-space-line-at-small.gap-vert-xxl, .grid-space-line-at-small.gap-bottom-xxl, .grid-row-space-line-at-small.gap-xxl, .grid-row-space-line-at-small.gap-vert-xxl, .grid-row-space-line-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-small.gap-none, .grid-space-line-at-small.gap-vert-none, .grid-space-line-at-small.gap-bottom-none, .grid-row-space-line-at-small.gap-none, .grid-row-space-line-at-small.gap-vert-none, .grid-row-space-line-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-small, .grid-col-space-small-at-small { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-small > *, .grid-col-space-small-at-small > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-small, .grid-row-space-small-at-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-small > *, .grid-row-space-small-at-small > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-small.gap-base, .grid-space-small-at-small.gap-vert-base, .grid-space-small-at-small.gap-bottom-base, .grid-row-space-small-at-small.gap-base, .grid-row-space-small-at-small.gap-vert-base, .grid-row-space-small-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-small.gap-line, .grid-space-small-at-small.gap-vert-line, .grid-space-small-at-small.gap-bottom-line, .grid-row-space-small-at-small.gap-line, .grid-row-space-small-at-small.gap-vert-line, .grid-row-space-small-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-small.gap-small, .grid-space-small-at-small.gap-vert-small, .grid-space-small-at-small.gap-bottom-small, .grid-row-space-small-at-small.gap-small, .grid-row-space-small-at-small.gap-vert-small, .grid-row-space-small-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-small.gap-medium, .grid-space-small-at-small.gap-vert-medium, .grid-space-small-at-small.gap-bottom-medium, .grid-row-space-small-at-small.gap-medium, .grid-row-space-small-at-small.gap-vert-medium, .grid-row-space-small-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-small.gap-large, .grid-space-small-at-small.gap-vert-large, .grid-space-small-at-small.gap-bottom-large, .grid-row-space-small-at-small.gap-large, .grid-row-space-small-at-small.gap-vert-large, .grid-row-space-small-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-small.gap-xl, .grid-space-small-at-small.gap-vert-xl, .grid-space-small-at-small.gap-bottom-xl, .grid-row-space-small-at-small.gap-xl, .grid-row-space-small-at-small.gap-vert-xl, .grid-row-space-small-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-small.gap-xxl, .grid-space-small-at-small.gap-vert-xxl, .grid-space-small-at-small.gap-bottom-xxl, .grid-row-space-small-at-small.gap-xxl, .grid-row-space-small-at-small.gap-vert-xxl, .grid-row-space-small-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-small.gap-none, .grid-space-small-at-small.gap-vert-none, .grid-space-small-at-small.gap-bottom-none, .grid-row-space-small-at-small.gap-none, .grid-row-space-small-at-small.gap-vert-none, .grid-row-space-small-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-small, .grid-col-space-medium-at-small { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-small > *, .grid-col-space-medium-at-small > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-small, .grid-row-space-medium-at-small { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-small > *, .grid-row-space-medium-at-small > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-small.gap-base, .grid-space-medium-at-small.gap-vert-base, .grid-space-medium-at-small.gap-bottom-base, .grid-row-space-medium-at-small.gap-base, .grid-row-space-medium-at-small.gap-vert-base, .grid-row-space-medium-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-line, .grid-space-medium-at-small.gap-vert-line, .grid-space-medium-at-small.gap-bottom-line, .grid-row-space-medium-at-small.gap-line, .grid-row-space-medium-at-small.gap-vert-line, .grid-row-space-medium-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-small, .grid-space-medium-at-small.gap-vert-small, .grid-space-medium-at-small.gap-bottom-small, .grid-row-space-medium-at-small.gap-small, .grid-row-space-medium-at-small.gap-vert-small, .grid-row-space-medium-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-medium, .grid-space-medium-at-small.gap-vert-medium, .grid-space-medium-at-small.gap-bottom-medium, .grid-row-space-medium-at-small.gap-medium, .grid-row-space-medium-at-small.gap-vert-medium, .grid-row-space-medium-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-large, .grid-space-medium-at-small.gap-vert-large, .grid-space-medium-at-small.gap-bottom-large, .grid-row-space-medium-at-small.gap-large, .grid-row-space-medium-at-small.gap-vert-large, .grid-row-space-medium-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-xl, .grid-space-medium-at-small.gap-vert-xl, .grid-space-medium-at-small.gap-bottom-xl, .grid-row-space-medium-at-small.gap-xl, .grid-row-space-medium-at-small.gap-vert-xl, .grid-row-space-medium-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-xxl, .grid-space-medium-at-small.gap-vert-xxl, .grid-space-medium-at-small.gap-bottom-xxl, .grid-row-space-medium-at-small.gap-xxl, .grid-row-space-medium-at-small.gap-vert-xxl, .grid-row-space-medium-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-none, .grid-space-medium-at-small.gap-vert-none, .grid-space-medium-at-small.gap-bottom-none, .grid-row-space-medium-at-small.gap-none, .grid-row-space-medium-at-small.gap-vert-none, .grid-row-space-medium-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-small, .grid-col-space-large-at-small { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-small > *, .grid-col-space-large-at-small > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-small, .grid-row-space-large-at-small { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-small > *, .grid-row-space-large-at-small > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-small.gap-base, .grid-space-large-at-small.gap-vert-base, .grid-space-large-at-small.gap-bottom-base, .grid-row-space-large-at-small.gap-base, .grid-row-space-large-at-small.gap-vert-base, .grid-row-space-large-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-small.gap-line, .grid-space-large-at-small.gap-vert-line, .grid-space-large-at-small.gap-bottom-line, .grid-row-space-large-at-small.gap-line, .grid-row-space-large-at-small.gap-vert-line, .grid-row-space-large-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-small.gap-small, .grid-space-large-at-small.gap-vert-small, .grid-space-large-at-small.gap-bottom-small, .grid-row-space-large-at-small.gap-small, .grid-row-space-large-at-small.gap-vert-small, .grid-row-space-large-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-small.gap-medium, .grid-space-large-at-small.gap-vert-medium, .grid-space-large-at-small.gap-bottom-medium, .grid-row-space-large-at-small.gap-medium, .grid-row-space-large-at-small.gap-vert-medium, .grid-row-space-large-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-small.gap-large, .grid-space-large-at-small.gap-vert-large, .grid-space-large-at-small.gap-bottom-large, .grid-row-space-large-at-small.gap-large, .grid-row-space-large-at-small.gap-vert-large, .grid-row-space-large-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-small.gap-xl, .grid-space-large-at-small.gap-vert-xl, .grid-space-large-at-small.gap-bottom-xl, .grid-row-space-large-at-small.gap-xl, .grid-row-space-large-at-small.gap-vert-xl, .grid-row-space-large-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-small.gap-xxl, .grid-space-large-at-small.gap-vert-xxl, .grid-space-large-at-small.gap-bottom-xxl, .grid-row-space-large-at-small.gap-xxl, .grid-row-space-large-at-small.gap-vert-xxl, .grid-row-space-large-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-small.gap-none, .grid-space-large-at-small.gap-vert-none, .grid-space-large-at-small.gap-bottom-none, .grid-row-space-large-at-small.gap-none, .grid-row-space-large-at-small.gap-vert-none, .grid-row-space-large-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-small, .grid-col-space-xl-at-small { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-small > *, .grid-col-space-xl-at-small > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-small, .grid-row-space-xl-at-small { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-small > *, .grid-row-space-xl-at-small > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-small.gap-base, .grid-space-xl-at-small.gap-vert-base, .grid-space-xl-at-small.gap-bottom-base, .grid-row-space-xl-at-small.gap-base, .grid-row-space-xl-at-small.gap-vert-base, .grid-row-space-xl-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-line, .grid-space-xl-at-small.gap-vert-line, .grid-space-xl-at-small.gap-bottom-line, .grid-row-space-xl-at-small.gap-line, .grid-row-space-xl-at-small.gap-vert-line, .grid-row-space-xl-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-small, .grid-space-xl-at-small.gap-vert-small, .grid-space-xl-at-small.gap-bottom-small, .grid-row-space-xl-at-small.gap-small, .grid-row-space-xl-at-small.gap-vert-small, .grid-row-space-xl-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-medium, .grid-space-xl-at-small.gap-vert-medium, .grid-space-xl-at-small.gap-bottom-medium, .grid-row-space-xl-at-small.gap-medium, .grid-row-space-xl-at-small.gap-vert-medium, .grid-row-space-xl-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-large, .grid-space-xl-at-small.gap-vert-large, .grid-space-xl-at-small.gap-bottom-large, .grid-row-space-xl-at-small.gap-large, .grid-row-space-xl-at-small.gap-vert-large, .grid-row-space-xl-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-xl, .grid-space-xl-at-small.gap-vert-xl, .grid-space-xl-at-small.gap-bottom-xl, .grid-row-space-xl-at-small.gap-xl, .grid-row-space-xl-at-small.gap-vert-xl, .grid-row-space-xl-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-xxl, .grid-space-xl-at-small.gap-vert-xxl, .grid-space-xl-at-small.gap-bottom-xxl, .grid-row-space-xl-at-small.gap-xxl, .grid-row-space-xl-at-small.gap-vert-xxl, .grid-row-space-xl-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-none, .grid-space-xl-at-small.gap-vert-none, .grid-space-xl-at-small.gap-bottom-none, .grid-row-space-xl-at-small.gap-none, .grid-row-space-xl-at-small.gap-vert-none, .grid-row-space-xl-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-small, .grid-col-space-xxl-at-small { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-small > *, .grid-col-space-xxl-at-small > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-small, .grid-row-space-xxl-at-small { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-small > *, .grid-row-space-xxl-at-small > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-small.gap-base, .grid-space-xxl-at-small.gap-vert-base, .grid-space-xxl-at-small.gap-bottom-base, .grid-row-space-xxl-at-small.gap-base, .grid-row-space-xxl-at-small.gap-vert-base, .grid-row-space-xxl-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-line, .grid-space-xxl-at-small.gap-vert-line, .grid-space-xxl-at-small.gap-bottom-line, .grid-row-space-xxl-at-small.gap-line, .grid-row-space-xxl-at-small.gap-vert-line, .grid-row-space-xxl-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-small, .grid-space-xxl-at-small.gap-vert-small, .grid-space-xxl-at-small.gap-bottom-small, .grid-row-space-xxl-at-small.gap-small, .grid-row-space-xxl-at-small.gap-vert-small, .grid-row-space-xxl-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-medium, .grid-space-xxl-at-small.gap-vert-medium, .grid-space-xxl-at-small.gap-bottom-medium, .grid-row-space-xxl-at-small.gap-medium, .grid-row-space-xxl-at-small.gap-vert-medium, .grid-row-space-xxl-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-large, .grid-space-xxl-at-small.gap-vert-large, .grid-space-xxl-at-small.gap-bottom-large, .grid-row-space-xxl-at-small.gap-large, .grid-row-space-xxl-at-small.gap-vert-large, .grid-row-space-xxl-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-xl, .grid-space-xxl-at-small.gap-vert-xl, .grid-space-xxl-at-small.gap-bottom-xl, .grid-row-space-xxl-at-small.gap-xl, .grid-row-space-xxl-at-small.gap-vert-xl, .grid-row-space-xxl-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-xxl, .grid-space-xxl-at-small.gap-vert-xxl, .grid-space-xxl-at-small.gap-bottom-xxl, .grid-row-space-xxl-at-small.gap-xxl, .grid-row-space-xxl-at-small.gap-vert-xxl, .grid-row-space-xxl-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-none, .grid-space-xxl-at-small.gap-vert-none, .grid-space-xxl-at-small.gap-bottom-none, .grid-row-space-xxl-at-small.gap-none, .grid-row-space-xxl-at-small.gap-vert-none, .grid-row-space-xxl-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-small, .grid-col-space-none-at-small { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-small > *, .grid-col-space-none-at-small > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-small, .grid-row-space-none-at-small { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-small > *, .grid-row-space-none-at-small > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-small.gap-base, .grid-space-none-at-small.gap-vert-base, .grid-space-none-at-small.gap-bottom-base, .grid-row-space-none-at-small.gap-base, .grid-row-space-none-at-small.gap-vert-base, .grid-row-space-none-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-small.gap-line, .grid-space-none-at-small.gap-vert-line, .grid-space-none-at-small.gap-bottom-line, .grid-row-space-none-at-small.gap-line, .grid-row-space-none-at-small.gap-vert-line, .grid-row-space-none-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-small.gap-small, .grid-space-none-at-small.gap-vert-small, .grid-space-none-at-small.gap-bottom-small, .grid-row-space-none-at-small.gap-small, .grid-row-space-none-at-small.gap-vert-small, .grid-row-space-none-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-small.gap-medium, .grid-space-none-at-small.gap-vert-medium, .grid-space-none-at-small.gap-bottom-medium, .grid-row-space-none-at-small.gap-medium, .grid-row-space-none-at-small.gap-vert-medium, .grid-row-space-none-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-small.gap-large, .grid-space-none-at-small.gap-vert-large, .grid-space-none-at-small.gap-bottom-large, .grid-row-space-none-at-small.gap-large, .grid-row-space-none-at-small.gap-vert-large, .grid-row-space-none-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-small.gap-xl, .grid-space-none-at-small.gap-vert-xl, .grid-space-none-at-small.gap-bottom-xl, .grid-row-space-none-at-small.gap-xl, .grid-row-space-none-at-small.gap-vert-xl, .grid-row-space-none-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-small.gap-xxl, .grid-space-none-at-small.gap-vert-xxl, .grid-space-none-at-small.gap-bottom-xxl, .grid-row-space-none-at-small.gap-xxl, .grid-row-space-none-at-small.gap-vert-xxl, .grid-row-space-none-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-small.gap-none, .grid-space-none-at-small.gap-vert-none, .grid-space-none-at-small.gap-bottom-none, .grid-row-space-none-at-small.gap-none, .grid-row-space-none-at-small.gap-vert-none, .grid-row-space-none-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-small, .flex-align-left-at-small { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-small, .flex-align-center-at-small { display: flex !important; justify-content: center !important; } .grid-align-right-at-small, .flex-align-right-at-small { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-small, .flex-align-justify-at-small { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-small, .flex-valign-top-at-small { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-small, .flex-valign-middle-at-small { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-small, .flex-valign-bottom-at-small { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-small, .flex-valign-justify-at-small { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } @media (min-width: 1023px) { .grid-auto-at-medium > *, .grid-flex-at-medium > * { width: auto; } .grid-flex-at-medium { display: flex; flex-wrap: nowrap; } .grid-flex-at-medium > * { flex: 0 1 auto; } .grid-1-at-medium { flex-wrap: wrap; } .grid-1-at-medium > * { width: 100%; } .grid-2-at-medium { flex-wrap: wrap; } .grid-2-at-medium > * { width: 50%; } .grid-3-at-medium { flex-wrap: wrap; } .grid-3-at-medium > * { width: 33.3333333333%; } .grid-4-at-medium { flex-wrap: wrap; } .grid-4-at-medium > * { width: 25%; } .grid-5-at-medium { flex-wrap: wrap; } .grid-5-at-medium > * { width: 20%; } .grid-space-base-at-medium, .grid-col-space-base-at-medium { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-medium > *, .grid-col-space-base-at-medium > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-medium, .grid-row-space-base-at-medium { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-medium > *, .grid-row-space-base-at-medium > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-medium.gap-base, .grid-space-base-at-medium.gap-vert-base, .grid-space-base-at-medium.gap-bottom-base, .grid-row-space-base-at-medium.gap-base, .grid-row-space-base-at-medium.gap-vert-base, .grid-row-space-base-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-line, .grid-space-base-at-medium.gap-vert-line, .grid-space-base-at-medium.gap-bottom-line, .grid-row-space-base-at-medium.gap-line, .grid-row-space-base-at-medium.gap-vert-line, .grid-row-space-base-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-small, .grid-space-base-at-medium.gap-vert-small, .grid-space-base-at-medium.gap-bottom-small, .grid-row-space-base-at-medium.gap-small, .grid-row-space-base-at-medium.gap-vert-small, .grid-row-space-base-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-medium, .grid-space-base-at-medium.gap-vert-medium, .grid-space-base-at-medium.gap-bottom-medium, .grid-row-space-base-at-medium.gap-medium, .grid-row-space-base-at-medium.gap-vert-medium, .grid-row-space-base-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-large, .grid-space-base-at-medium.gap-vert-large, .grid-space-base-at-medium.gap-bottom-large, .grid-row-space-base-at-medium.gap-large, .grid-row-space-base-at-medium.gap-vert-large, .grid-row-space-base-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-xl, .grid-space-base-at-medium.gap-vert-xl, .grid-space-base-at-medium.gap-bottom-xl, .grid-row-space-base-at-medium.gap-xl, .grid-row-space-base-at-medium.gap-vert-xl, .grid-row-space-base-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-xxl, .grid-space-base-at-medium.gap-vert-xxl, .grid-space-base-at-medium.gap-bottom-xxl, .grid-row-space-base-at-medium.gap-xxl, .grid-row-space-base-at-medium.gap-vert-xxl, .grid-row-space-base-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-none, .grid-space-base-at-medium.gap-vert-none, .grid-space-base-at-medium.gap-bottom-none, .grid-row-space-base-at-medium.gap-none, .grid-row-space-base-at-medium.gap-vert-none, .grid-row-space-base-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-medium, .grid-col-space-line-at-medium { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-medium > *, .grid-col-space-line-at-medium > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-medium, .grid-row-space-line-at-medium { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-medium > *, .grid-row-space-line-at-medium > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-medium.gap-base, .grid-space-line-at-medium.gap-vert-base, .grid-space-line-at-medium.gap-bottom-base, .grid-row-space-line-at-medium.gap-base, .grid-row-space-line-at-medium.gap-vert-base, .grid-row-space-line-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-line, .grid-space-line-at-medium.gap-vert-line, .grid-space-line-at-medium.gap-bottom-line, .grid-row-space-line-at-medium.gap-line, .grid-row-space-line-at-medium.gap-vert-line, .grid-row-space-line-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-small, .grid-space-line-at-medium.gap-vert-small, .grid-space-line-at-medium.gap-bottom-small, .grid-row-space-line-at-medium.gap-small, .grid-row-space-line-at-medium.gap-vert-small, .grid-row-space-line-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-medium, .grid-space-line-at-medium.gap-vert-medium, .grid-space-line-at-medium.gap-bottom-medium, .grid-row-space-line-at-medium.gap-medium, .grid-row-space-line-at-medium.gap-vert-medium, .grid-row-space-line-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-large, .grid-space-line-at-medium.gap-vert-large, .grid-space-line-at-medium.gap-bottom-large, .grid-row-space-line-at-medium.gap-large, .grid-row-space-line-at-medium.gap-vert-large, .grid-row-space-line-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-xl, .grid-space-line-at-medium.gap-vert-xl, .grid-space-line-at-medium.gap-bottom-xl, .grid-row-space-line-at-medium.gap-xl, .grid-row-space-line-at-medium.gap-vert-xl, .grid-row-space-line-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-xxl, .grid-space-line-at-medium.gap-vert-xxl, .grid-space-line-at-medium.gap-bottom-xxl, .grid-row-space-line-at-medium.gap-xxl, .grid-row-space-line-at-medium.gap-vert-xxl, .grid-row-space-line-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-none, .grid-space-line-at-medium.gap-vert-none, .grid-space-line-at-medium.gap-bottom-none, .grid-row-space-line-at-medium.gap-none, .grid-row-space-line-at-medium.gap-vert-none, .grid-row-space-line-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-medium, .grid-col-space-small-at-medium { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-medium > *, .grid-col-space-small-at-medium > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-medium, .grid-row-space-small-at-medium { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-medium > *, .grid-row-space-small-at-medium > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-medium.gap-base, .grid-space-small-at-medium.gap-vert-base, .grid-space-small-at-medium.gap-bottom-base, .grid-row-space-small-at-medium.gap-base, .grid-row-space-small-at-medium.gap-vert-base, .grid-row-space-small-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-line, .grid-space-small-at-medium.gap-vert-line, .grid-space-small-at-medium.gap-bottom-line, .grid-row-space-small-at-medium.gap-line, .grid-row-space-small-at-medium.gap-vert-line, .grid-row-space-small-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-small, .grid-space-small-at-medium.gap-vert-small, .grid-space-small-at-medium.gap-bottom-small, .grid-row-space-small-at-medium.gap-small, .grid-row-space-small-at-medium.gap-vert-small, .grid-row-space-small-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-medium, .grid-space-small-at-medium.gap-vert-medium, .grid-space-small-at-medium.gap-bottom-medium, .grid-row-space-small-at-medium.gap-medium, .grid-row-space-small-at-medium.gap-vert-medium, .grid-row-space-small-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-large, .grid-space-small-at-medium.gap-vert-large, .grid-space-small-at-medium.gap-bottom-large, .grid-row-space-small-at-medium.gap-large, .grid-row-space-small-at-medium.gap-vert-large, .grid-row-space-small-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-xl, .grid-space-small-at-medium.gap-vert-xl, .grid-space-small-at-medium.gap-bottom-xl, .grid-row-space-small-at-medium.gap-xl, .grid-row-space-small-at-medium.gap-vert-xl, .grid-row-space-small-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-xxl, .grid-space-small-at-medium.gap-vert-xxl, .grid-space-small-at-medium.gap-bottom-xxl, .grid-row-space-small-at-medium.gap-xxl, .grid-row-space-small-at-medium.gap-vert-xxl, .grid-row-space-small-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-none, .grid-space-small-at-medium.gap-vert-none, .grid-space-small-at-medium.gap-bottom-none, .grid-row-space-small-at-medium.gap-none, .grid-row-space-small-at-medium.gap-vert-none, .grid-row-space-small-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-medium, .grid-col-space-medium-at-medium { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-medium > *, .grid-col-space-medium-at-medium > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-medium, .grid-row-space-medium-at-medium { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-medium > *, .grid-row-space-medium-at-medium > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-medium.gap-base, .grid-space-medium-at-medium.gap-vert-base, .grid-space-medium-at-medium.gap-bottom-base, .grid-row-space-medium-at-medium.gap-base, .grid-row-space-medium-at-medium.gap-vert-base, .grid-row-space-medium-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-line, .grid-space-medium-at-medium.gap-vert-line, .grid-space-medium-at-medium.gap-bottom-line, .grid-row-space-medium-at-medium.gap-line, .grid-row-space-medium-at-medium.gap-vert-line, .grid-row-space-medium-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-small, .grid-space-medium-at-medium.gap-vert-small, .grid-space-medium-at-medium.gap-bottom-small, .grid-row-space-medium-at-medium.gap-small, .grid-row-space-medium-at-medium.gap-vert-small, .grid-row-space-medium-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-medium, .grid-space-medium-at-medium.gap-vert-medium, .grid-space-medium-at-medium.gap-bottom-medium, .grid-row-space-medium-at-medium.gap-medium, .grid-row-space-medium-at-medium.gap-vert-medium, .grid-row-space-medium-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-large, .grid-space-medium-at-medium.gap-vert-large, .grid-space-medium-at-medium.gap-bottom-large, .grid-row-space-medium-at-medium.gap-large, .grid-row-space-medium-at-medium.gap-vert-large, .grid-row-space-medium-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-xl, .grid-space-medium-at-medium.gap-vert-xl, .grid-space-medium-at-medium.gap-bottom-xl, .grid-row-space-medium-at-medium.gap-xl, .grid-row-space-medium-at-medium.gap-vert-xl, .grid-row-space-medium-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-xxl, .grid-space-medium-at-medium.gap-vert-xxl, .grid-space-medium-at-medium.gap-bottom-xxl, .grid-row-space-medium-at-medium.gap-xxl, .grid-row-space-medium-at-medium.gap-vert-xxl, .grid-row-space-medium-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-none, .grid-space-medium-at-medium.gap-vert-none, .grid-space-medium-at-medium.gap-bottom-none, .grid-row-space-medium-at-medium.gap-none, .grid-row-space-medium-at-medium.gap-vert-none, .grid-row-space-medium-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-medium, .grid-col-space-large-at-medium { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-medium > *, .grid-col-space-large-at-medium > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-medium, .grid-row-space-large-at-medium { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-medium > *, .grid-row-space-large-at-medium > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-medium.gap-base, .grid-space-large-at-medium.gap-vert-base, .grid-space-large-at-medium.gap-bottom-base, .grid-row-space-large-at-medium.gap-base, .grid-row-space-large-at-medium.gap-vert-base, .grid-row-space-large-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-line, .grid-space-large-at-medium.gap-vert-line, .grid-space-large-at-medium.gap-bottom-line, .grid-row-space-large-at-medium.gap-line, .grid-row-space-large-at-medium.gap-vert-line, .grid-row-space-large-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-small, .grid-space-large-at-medium.gap-vert-small, .grid-space-large-at-medium.gap-bottom-small, .grid-row-space-large-at-medium.gap-small, .grid-row-space-large-at-medium.gap-vert-small, .grid-row-space-large-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-medium, .grid-space-large-at-medium.gap-vert-medium, .grid-space-large-at-medium.gap-bottom-medium, .grid-row-space-large-at-medium.gap-medium, .grid-row-space-large-at-medium.gap-vert-medium, .grid-row-space-large-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-large, .grid-space-large-at-medium.gap-vert-large, .grid-space-large-at-medium.gap-bottom-large, .grid-row-space-large-at-medium.gap-large, .grid-row-space-large-at-medium.gap-vert-large, .grid-row-space-large-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-xl, .grid-space-large-at-medium.gap-vert-xl, .grid-space-large-at-medium.gap-bottom-xl, .grid-row-space-large-at-medium.gap-xl, .grid-row-space-large-at-medium.gap-vert-xl, .grid-row-space-large-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-xxl, .grid-space-large-at-medium.gap-vert-xxl, .grid-space-large-at-medium.gap-bottom-xxl, .grid-row-space-large-at-medium.gap-xxl, .grid-row-space-large-at-medium.gap-vert-xxl, .grid-row-space-large-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-none, .grid-space-large-at-medium.gap-vert-none, .grid-space-large-at-medium.gap-bottom-none, .grid-row-space-large-at-medium.gap-none, .grid-row-space-large-at-medium.gap-vert-none, .grid-row-space-large-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-medium, .grid-col-space-xl-at-medium { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-medium > *, .grid-col-space-xl-at-medium > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-medium, .grid-row-space-xl-at-medium { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-medium > *, .grid-row-space-xl-at-medium > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-medium.gap-base, .grid-space-xl-at-medium.gap-vert-base, .grid-space-xl-at-medium.gap-bottom-base, .grid-row-space-xl-at-medium.gap-base, .grid-row-space-xl-at-medium.gap-vert-base, .grid-row-space-xl-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-line, .grid-space-xl-at-medium.gap-vert-line, .grid-space-xl-at-medium.gap-bottom-line, .grid-row-space-xl-at-medium.gap-line, .grid-row-space-xl-at-medium.gap-vert-line, .grid-row-space-xl-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-small, .grid-space-xl-at-medium.gap-vert-small, .grid-space-xl-at-medium.gap-bottom-small, .grid-row-space-xl-at-medium.gap-small, .grid-row-space-xl-at-medium.gap-vert-small, .grid-row-space-xl-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-medium, .grid-space-xl-at-medium.gap-vert-medium, .grid-space-xl-at-medium.gap-bottom-medium, .grid-row-space-xl-at-medium.gap-medium, .grid-row-space-xl-at-medium.gap-vert-medium, .grid-row-space-xl-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-large, .grid-space-xl-at-medium.gap-vert-large, .grid-space-xl-at-medium.gap-bottom-large, .grid-row-space-xl-at-medium.gap-large, .grid-row-space-xl-at-medium.gap-vert-large, .grid-row-space-xl-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-xl, .grid-space-xl-at-medium.gap-vert-xl, .grid-space-xl-at-medium.gap-bottom-xl, .grid-row-space-xl-at-medium.gap-xl, .grid-row-space-xl-at-medium.gap-vert-xl, .grid-row-space-xl-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-xxl, .grid-space-xl-at-medium.gap-vert-xxl, .grid-space-xl-at-medium.gap-bottom-xxl, .grid-row-space-xl-at-medium.gap-xxl, .grid-row-space-xl-at-medium.gap-vert-xxl, .grid-row-space-xl-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-none, .grid-space-xl-at-medium.gap-vert-none, .grid-space-xl-at-medium.gap-bottom-none, .grid-row-space-xl-at-medium.gap-none, .grid-row-space-xl-at-medium.gap-vert-none, .grid-row-space-xl-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-medium, .grid-col-space-xxl-at-medium { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-medium > *, .grid-col-space-xxl-at-medium > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-medium, .grid-row-space-xxl-at-medium { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-medium > *, .grid-row-space-xxl-at-medium > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-medium.gap-base, .grid-space-xxl-at-medium.gap-vert-base, .grid-space-xxl-at-medium.gap-bottom-base, .grid-row-space-xxl-at-medium.gap-base, .grid-row-space-xxl-at-medium.gap-vert-base, .grid-row-space-xxl-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-line, .grid-space-xxl-at-medium.gap-vert-line, .grid-space-xxl-at-medium.gap-bottom-line, .grid-row-space-xxl-at-medium.gap-line, .grid-row-space-xxl-at-medium.gap-vert-line, .grid-row-space-xxl-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-small, .grid-space-xxl-at-medium.gap-vert-small, .grid-space-xxl-at-medium.gap-bottom-small, .grid-row-space-xxl-at-medium.gap-small, .grid-row-space-xxl-at-medium.gap-vert-small, .grid-row-space-xxl-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-medium, .grid-space-xxl-at-medium.gap-vert-medium, .grid-space-xxl-at-medium.gap-bottom-medium, .grid-row-space-xxl-at-medium.gap-medium, .grid-row-space-xxl-at-medium.gap-vert-medium, .grid-row-space-xxl-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-large, .grid-space-xxl-at-medium.gap-vert-large, .grid-space-xxl-at-medium.gap-bottom-large, .grid-row-space-xxl-at-medium.gap-large, .grid-row-space-xxl-at-medium.gap-vert-large, .grid-row-space-xxl-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-xl, .grid-space-xxl-at-medium.gap-vert-xl, .grid-space-xxl-at-medium.gap-bottom-xl, .grid-row-space-xxl-at-medium.gap-xl, .grid-row-space-xxl-at-medium.gap-vert-xl, .grid-row-space-xxl-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-xxl, .grid-space-xxl-at-medium.gap-vert-xxl, .grid-space-xxl-at-medium.gap-bottom-xxl, .grid-row-space-xxl-at-medium.gap-xxl, .grid-row-space-xxl-at-medium.gap-vert-xxl, .grid-row-space-xxl-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-none, .grid-space-xxl-at-medium.gap-vert-none, .grid-space-xxl-at-medium.gap-bottom-none, .grid-row-space-xxl-at-medium.gap-none, .grid-row-space-xxl-at-medium.gap-vert-none, .grid-row-space-xxl-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-medium, .grid-col-space-none-at-medium { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-medium > *, .grid-col-space-none-at-medium > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-medium, .grid-row-space-none-at-medium { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-medium > *, .grid-row-space-none-at-medium > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-medium.gap-base, .grid-space-none-at-medium.gap-vert-base, .grid-space-none-at-medium.gap-bottom-base, .grid-row-space-none-at-medium.gap-base, .grid-row-space-none-at-medium.gap-vert-base, .grid-row-space-none-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-line, .grid-space-none-at-medium.gap-vert-line, .grid-space-none-at-medium.gap-bottom-line, .grid-row-space-none-at-medium.gap-line, .grid-row-space-none-at-medium.gap-vert-line, .grid-row-space-none-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-small, .grid-space-none-at-medium.gap-vert-small, .grid-space-none-at-medium.gap-bottom-small, .grid-row-space-none-at-medium.gap-small, .grid-row-space-none-at-medium.gap-vert-small, .grid-row-space-none-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-medium, .grid-space-none-at-medium.gap-vert-medium, .grid-space-none-at-medium.gap-bottom-medium, .grid-row-space-none-at-medium.gap-medium, .grid-row-space-none-at-medium.gap-vert-medium, .grid-row-space-none-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-large, .grid-space-none-at-medium.gap-vert-large, .grid-space-none-at-medium.gap-bottom-large, .grid-row-space-none-at-medium.gap-large, .grid-row-space-none-at-medium.gap-vert-large, .grid-row-space-none-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-xl, .grid-space-none-at-medium.gap-vert-xl, .grid-space-none-at-medium.gap-bottom-xl, .grid-row-space-none-at-medium.gap-xl, .grid-row-space-none-at-medium.gap-vert-xl, .grid-row-space-none-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-xxl, .grid-space-none-at-medium.gap-vert-xxl, .grid-space-none-at-medium.gap-bottom-xxl, .grid-row-space-none-at-medium.gap-xxl, .grid-row-space-none-at-medium.gap-vert-xxl, .grid-row-space-none-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-none, .grid-space-none-at-medium.gap-vert-none, .grid-space-none-at-medium.gap-bottom-none, .grid-row-space-none-at-medium.gap-none, .grid-row-space-none-at-medium.gap-vert-none, .grid-row-space-none-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-medium, .flex-align-left-at-medium { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-medium, .flex-align-center-at-medium { display: flex !important; justify-content: center !important; } .grid-align-right-at-medium, .flex-align-right-at-medium { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-medium, .flex-align-justify-at-medium { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-medium, .flex-valign-top-at-medium { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-medium, .flex-valign-middle-at-medium { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-medium, .flex-valign-bottom-at-medium { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-medium, .flex-valign-justify-at-medium { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } @media (min-width: 1240px) { .grid-auto-at-large > *, .grid-flex-at-large > * { width: auto; } .grid-flex-at-large { display: flex; flex-wrap: nowrap; } .grid-flex-at-large > * { flex: 0 1 auto; } .grid-1-at-large { flex-wrap: wrap; } .grid-1-at-large > * { width: 100%; } .grid-2-at-large { flex-wrap: wrap; } .grid-2-at-large > * { width: 50%; } .grid-3-at-large { flex-wrap: wrap; } .grid-3-at-large > * { width: 33.3333333333%; } .grid-4-at-large { flex-wrap: wrap; } .grid-4-at-large > * { width: 25%; } .grid-5-at-large { flex-wrap: wrap; } .grid-5-at-large > * { width: 20%; } .grid-space-base-at-large, .grid-col-space-base-at-large { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-large > *, .grid-col-space-base-at-large > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-large, .grid-row-space-base-at-large { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-large > *, .grid-row-space-base-at-large > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-large.gap-base, .grid-space-base-at-large.gap-vert-base, .grid-space-base-at-large.gap-bottom-base, .grid-row-space-base-at-large.gap-base, .grid-row-space-base-at-large.gap-vert-base, .grid-row-space-base-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-large.gap-line, .grid-space-base-at-large.gap-vert-line, .grid-space-base-at-large.gap-bottom-line, .grid-row-space-base-at-large.gap-line, .grid-row-space-base-at-large.gap-vert-line, .grid-row-space-base-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-large.gap-small, .grid-space-base-at-large.gap-vert-small, .grid-space-base-at-large.gap-bottom-small, .grid-row-space-base-at-large.gap-small, .grid-row-space-base-at-large.gap-vert-small, .grid-row-space-base-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-large.gap-medium, .grid-space-base-at-large.gap-vert-medium, .grid-space-base-at-large.gap-bottom-medium, .grid-row-space-base-at-large.gap-medium, .grid-row-space-base-at-large.gap-vert-medium, .grid-row-space-base-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-large.gap-large, .grid-space-base-at-large.gap-vert-large, .grid-space-base-at-large.gap-bottom-large, .grid-row-space-base-at-large.gap-large, .grid-row-space-base-at-large.gap-vert-large, .grid-row-space-base-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-large.gap-xl, .grid-space-base-at-large.gap-vert-xl, .grid-space-base-at-large.gap-bottom-xl, .grid-row-space-base-at-large.gap-xl, .grid-row-space-base-at-large.gap-vert-xl, .grid-row-space-base-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-large.gap-xxl, .grid-space-base-at-large.gap-vert-xxl, .grid-space-base-at-large.gap-bottom-xxl, .grid-row-space-base-at-large.gap-xxl, .grid-row-space-base-at-large.gap-vert-xxl, .grid-row-space-base-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-large.gap-none, .grid-space-base-at-large.gap-vert-none, .grid-space-base-at-large.gap-bottom-none, .grid-row-space-base-at-large.gap-none, .grid-row-space-base-at-large.gap-vert-none, .grid-row-space-base-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-large, .grid-col-space-line-at-large { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-large > *, .grid-col-space-line-at-large > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-large, .grid-row-space-line-at-large { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-large > *, .grid-row-space-line-at-large > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-large.gap-base, .grid-space-line-at-large.gap-vert-base, .grid-space-line-at-large.gap-bottom-base, .grid-row-space-line-at-large.gap-base, .grid-row-space-line-at-large.gap-vert-base, .grid-row-space-line-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-large.gap-line, .grid-space-line-at-large.gap-vert-line, .grid-space-line-at-large.gap-bottom-line, .grid-row-space-line-at-large.gap-line, .grid-row-space-line-at-large.gap-vert-line, .grid-row-space-line-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-large.gap-small, .grid-space-line-at-large.gap-vert-small, .grid-space-line-at-large.gap-bottom-small, .grid-row-space-line-at-large.gap-small, .grid-row-space-line-at-large.gap-vert-small, .grid-row-space-line-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-large.gap-medium, .grid-space-line-at-large.gap-vert-medium, .grid-space-line-at-large.gap-bottom-medium, .grid-row-space-line-at-large.gap-medium, .grid-row-space-line-at-large.gap-vert-medium, .grid-row-space-line-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-large.gap-large, .grid-space-line-at-large.gap-vert-large, .grid-space-line-at-large.gap-bottom-large, .grid-row-space-line-at-large.gap-large, .grid-row-space-line-at-large.gap-vert-large, .grid-row-space-line-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-large.gap-xl, .grid-space-line-at-large.gap-vert-xl, .grid-space-line-at-large.gap-bottom-xl, .grid-row-space-line-at-large.gap-xl, .grid-row-space-line-at-large.gap-vert-xl, .grid-row-space-line-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-large.gap-xxl, .grid-space-line-at-large.gap-vert-xxl, .grid-space-line-at-large.gap-bottom-xxl, .grid-row-space-line-at-large.gap-xxl, .grid-row-space-line-at-large.gap-vert-xxl, .grid-row-space-line-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-large.gap-none, .grid-space-line-at-large.gap-vert-none, .grid-space-line-at-large.gap-bottom-none, .grid-row-space-line-at-large.gap-none, .grid-row-space-line-at-large.gap-vert-none, .grid-row-space-line-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-large, .grid-col-space-small-at-large { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-large > *, .grid-col-space-small-at-large > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-large, .grid-row-space-small-at-large { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-large > *, .grid-row-space-small-at-large > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-large.gap-base, .grid-space-small-at-large.gap-vert-base, .grid-space-small-at-large.gap-bottom-base, .grid-row-space-small-at-large.gap-base, .grid-row-space-small-at-large.gap-vert-base, .grid-row-space-small-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-large.gap-line, .grid-space-small-at-large.gap-vert-line, .grid-space-small-at-large.gap-bottom-line, .grid-row-space-small-at-large.gap-line, .grid-row-space-small-at-large.gap-vert-line, .grid-row-space-small-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-large.gap-small, .grid-space-small-at-large.gap-vert-small, .grid-space-small-at-large.gap-bottom-small, .grid-row-space-small-at-large.gap-small, .grid-row-space-small-at-large.gap-vert-small, .grid-row-space-small-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-large.gap-medium, .grid-space-small-at-large.gap-vert-medium, .grid-space-small-at-large.gap-bottom-medium, .grid-row-space-small-at-large.gap-medium, .grid-row-space-small-at-large.gap-vert-medium, .grid-row-space-small-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-large.gap-large, .grid-space-small-at-large.gap-vert-large, .grid-space-small-at-large.gap-bottom-large, .grid-row-space-small-at-large.gap-large, .grid-row-space-small-at-large.gap-vert-large, .grid-row-space-small-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-large.gap-xl, .grid-space-small-at-large.gap-vert-xl, .grid-space-small-at-large.gap-bottom-xl, .grid-row-space-small-at-large.gap-xl, .grid-row-space-small-at-large.gap-vert-xl, .grid-row-space-small-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-large.gap-xxl, .grid-space-small-at-large.gap-vert-xxl, .grid-space-small-at-large.gap-bottom-xxl, .grid-row-space-small-at-large.gap-xxl, .grid-row-space-small-at-large.gap-vert-xxl, .grid-row-space-small-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-large.gap-none, .grid-space-small-at-large.gap-vert-none, .grid-space-small-at-large.gap-bottom-none, .grid-row-space-small-at-large.gap-none, .grid-row-space-small-at-large.gap-vert-none, .grid-row-space-small-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-large, .grid-col-space-medium-at-large { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-large > *, .grid-col-space-medium-at-large > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-large, .grid-row-space-medium-at-large { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-large > *, .grid-row-space-medium-at-large > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-large.gap-base, .grid-space-medium-at-large.gap-vert-base, .grid-space-medium-at-large.gap-bottom-base, .grid-row-space-medium-at-large.gap-base, .grid-row-space-medium-at-large.gap-vert-base, .grid-row-space-medium-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-line, .grid-space-medium-at-large.gap-vert-line, .grid-space-medium-at-large.gap-bottom-line, .grid-row-space-medium-at-large.gap-line, .grid-row-space-medium-at-large.gap-vert-line, .grid-row-space-medium-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-small, .grid-space-medium-at-large.gap-vert-small, .grid-space-medium-at-large.gap-bottom-small, .grid-row-space-medium-at-large.gap-small, .grid-row-space-medium-at-large.gap-vert-small, .grid-row-space-medium-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-medium, .grid-space-medium-at-large.gap-vert-medium, .grid-space-medium-at-large.gap-bottom-medium, .grid-row-space-medium-at-large.gap-medium, .grid-row-space-medium-at-large.gap-vert-medium, .grid-row-space-medium-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-large, .grid-space-medium-at-large.gap-vert-large, .grid-space-medium-at-large.gap-bottom-large, .grid-row-space-medium-at-large.gap-large, .grid-row-space-medium-at-large.gap-vert-large, .grid-row-space-medium-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-xl, .grid-space-medium-at-large.gap-vert-xl, .grid-space-medium-at-large.gap-bottom-xl, .grid-row-space-medium-at-large.gap-xl, .grid-row-space-medium-at-large.gap-vert-xl, .grid-row-space-medium-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-xxl, .grid-space-medium-at-large.gap-vert-xxl, .grid-space-medium-at-large.gap-bottom-xxl, .grid-row-space-medium-at-large.gap-xxl, .grid-row-space-medium-at-large.gap-vert-xxl, .grid-row-space-medium-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-none, .grid-space-medium-at-large.gap-vert-none, .grid-space-medium-at-large.gap-bottom-none, .grid-row-space-medium-at-large.gap-none, .grid-row-space-medium-at-large.gap-vert-none, .grid-row-space-medium-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-large, .grid-col-space-large-at-large { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-large > *, .grid-col-space-large-at-large > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-large, .grid-row-space-large-at-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-large > *, .grid-row-space-large-at-large > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-large.gap-base, .grid-space-large-at-large.gap-vert-base, .grid-space-large-at-large.gap-bottom-base, .grid-row-space-large-at-large.gap-base, .grid-row-space-large-at-large.gap-vert-base, .grid-row-space-large-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-large.gap-line, .grid-space-large-at-large.gap-vert-line, .grid-space-large-at-large.gap-bottom-line, .grid-row-space-large-at-large.gap-line, .grid-row-space-large-at-large.gap-vert-line, .grid-row-space-large-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-large.gap-small, .grid-space-large-at-large.gap-vert-small, .grid-space-large-at-large.gap-bottom-small, .grid-row-space-large-at-large.gap-small, .grid-row-space-large-at-large.gap-vert-small, .grid-row-space-large-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-large.gap-medium, .grid-space-large-at-large.gap-vert-medium, .grid-space-large-at-large.gap-bottom-medium, .grid-row-space-large-at-large.gap-medium, .grid-row-space-large-at-large.gap-vert-medium, .grid-row-space-large-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-large.gap-large, .grid-space-large-at-large.gap-vert-large, .grid-space-large-at-large.gap-bottom-large, .grid-row-space-large-at-large.gap-large, .grid-row-space-large-at-large.gap-vert-large, .grid-row-space-large-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-large.gap-xl, .grid-space-large-at-large.gap-vert-xl, .grid-space-large-at-large.gap-bottom-xl, .grid-row-space-large-at-large.gap-xl, .grid-row-space-large-at-large.gap-vert-xl, .grid-row-space-large-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-large.gap-xxl, .grid-space-large-at-large.gap-vert-xxl, .grid-space-large-at-large.gap-bottom-xxl, .grid-row-space-large-at-large.gap-xxl, .grid-row-space-large-at-large.gap-vert-xxl, .grid-row-space-large-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-large.gap-none, .grid-space-large-at-large.gap-vert-none, .grid-space-large-at-large.gap-bottom-none, .grid-row-space-large-at-large.gap-none, .grid-row-space-large-at-large.gap-vert-none, .grid-row-space-large-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-large, .grid-col-space-xl-at-large { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-large > *, .grid-col-space-xl-at-large > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-large, .grid-row-space-xl-at-large { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-large > *, .grid-row-space-xl-at-large > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-large.gap-base, .grid-space-xl-at-large.gap-vert-base, .grid-space-xl-at-large.gap-bottom-base, .grid-row-space-xl-at-large.gap-base, .grid-row-space-xl-at-large.gap-vert-base, .grid-row-space-xl-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-line, .grid-space-xl-at-large.gap-vert-line, .grid-space-xl-at-large.gap-bottom-line, .grid-row-space-xl-at-large.gap-line, .grid-row-space-xl-at-large.gap-vert-line, .grid-row-space-xl-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-small, .grid-space-xl-at-large.gap-vert-small, .grid-space-xl-at-large.gap-bottom-small, .grid-row-space-xl-at-large.gap-small, .grid-row-space-xl-at-large.gap-vert-small, .grid-row-space-xl-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-medium, .grid-space-xl-at-large.gap-vert-medium, .grid-space-xl-at-large.gap-bottom-medium, .grid-row-space-xl-at-large.gap-medium, .grid-row-space-xl-at-large.gap-vert-medium, .grid-row-space-xl-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-large, .grid-space-xl-at-large.gap-vert-large, .grid-space-xl-at-large.gap-bottom-large, .grid-row-space-xl-at-large.gap-large, .grid-row-space-xl-at-large.gap-vert-large, .grid-row-space-xl-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-xl, .grid-space-xl-at-large.gap-vert-xl, .grid-space-xl-at-large.gap-bottom-xl, .grid-row-space-xl-at-large.gap-xl, .grid-row-space-xl-at-large.gap-vert-xl, .grid-row-space-xl-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-xxl, .grid-space-xl-at-large.gap-vert-xxl, .grid-space-xl-at-large.gap-bottom-xxl, .grid-row-space-xl-at-large.gap-xxl, .grid-row-space-xl-at-large.gap-vert-xxl, .grid-row-space-xl-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-none, .grid-space-xl-at-large.gap-vert-none, .grid-space-xl-at-large.gap-bottom-none, .grid-row-space-xl-at-large.gap-none, .grid-row-space-xl-at-large.gap-vert-none, .grid-row-space-xl-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-large, .grid-col-space-xxl-at-large { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-large > *, .grid-col-space-xxl-at-large > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-large, .grid-row-space-xxl-at-large { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-large > *, .grid-row-space-xxl-at-large > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-large.gap-base, .grid-space-xxl-at-large.gap-vert-base, .grid-space-xxl-at-large.gap-bottom-base, .grid-row-space-xxl-at-large.gap-base, .grid-row-space-xxl-at-large.gap-vert-base, .grid-row-space-xxl-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-line, .grid-space-xxl-at-large.gap-vert-line, .grid-space-xxl-at-large.gap-bottom-line, .grid-row-space-xxl-at-large.gap-line, .grid-row-space-xxl-at-large.gap-vert-line, .grid-row-space-xxl-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-small, .grid-space-xxl-at-large.gap-vert-small, .grid-space-xxl-at-large.gap-bottom-small, .grid-row-space-xxl-at-large.gap-small, .grid-row-space-xxl-at-large.gap-vert-small, .grid-row-space-xxl-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-medium, .grid-space-xxl-at-large.gap-vert-medium, .grid-space-xxl-at-large.gap-bottom-medium, .grid-row-space-xxl-at-large.gap-medium, .grid-row-space-xxl-at-large.gap-vert-medium, .grid-row-space-xxl-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-large, .grid-space-xxl-at-large.gap-vert-large, .grid-space-xxl-at-large.gap-bottom-large, .grid-row-space-xxl-at-large.gap-large, .grid-row-space-xxl-at-large.gap-vert-large, .grid-row-space-xxl-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-xl, .grid-space-xxl-at-large.gap-vert-xl, .grid-space-xxl-at-large.gap-bottom-xl, .grid-row-space-xxl-at-large.gap-xl, .grid-row-space-xxl-at-large.gap-vert-xl, .grid-row-space-xxl-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-xxl, .grid-space-xxl-at-large.gap-vert-xxl, .grid-space-xxl-at-large.gap-bottom-xxl, .grid-row-space-xxl-at-large.gap-xxl, .grid-row-space-xxl-at-large.gap-vert-xxl, .grid-row-space-xxl-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-none, .grid-space-xxl-at-large.gap-vert-none, .grid-space-xxl-at-large.gap-bottom-none, .grid-row-space-xxl-at-large.gap-none, .grid-row-space-xxl-at-large.gap-vert-none, .grid-row-space-xxl-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-large, .grid-col-space-none-at-large { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-large > *, .grid-col-space-none-at-large > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-large, .grid-row-space-none-at-large { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-large > *, .grid-row-space-none-at-large > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-large.gap-base, .grid-space-none-at-large.gap-vert-base, .grid-space-none-at-large.gap-bottom-base, .grid-row-space-none-at-large.gap-base, .grid-row-space-none-at-large.gap-vert-base, .grid-row-space-none-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-large.gap-line, .grid-space-none-at-large.gap-vert-line, .grid-space-none-at-large.gap-bottom-line, .grid-row-space-none-at-large.gap-line, .grid-row-space-none-at-large.gap-vert-line, .grid-row-space-none-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-large.gap-small, .grid-space-none-at-large.gap-vert-small, .grid-space-none-at-large.gap-bottom-small, .grid-row-space-none-at-large.gap-small, .grid-row-space-none-at-large.gap-vert-small, .grid-row-space-none-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-large.gap-medium, .grid-space-none-at-large.gap-vert-medium, .grid-space-none-at-large.gap-bottom-medium, .grid-row-space-none-at-large.gap-medium, .grid-row-space-none-at-large.gap-vert-medium, .grid-row-space-none-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-large.gap-large, .grid-space-none-at-large.gap-vert-large, .grid-space-none-at-large.gap-bottom-large, .grid-row-space-none-at-large.gap-large, .grid-row-space-none-at-large.gap-vert-large, .grid-row-space-none-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-large.gap-xl, .grid-space-none-at-large.gap-vert-xl, .grid-space-none-at-large.gap-bottom-xl, .grid-row-space-none-at-large.gap-xl, .grid-row-space-none-at-large.gap-vert-xl, .grid-row-space-none-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-large.gap-xxl, .grid-space-none-at-large.gap-vert-xxl, .grid-space-none-at-large.gap-bottom-xxl, .grid-row-space-none-at-large.gap-xxl, .grid-row-space-none-at-large.gap-vert-xxl, .grid-row-space-none-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-large.gap-none, .grid-space-none-at-large.gap-vert-none, .grid-space-none-at-large.gap-bottom-none, .grid-row-space-none-at-large.gap-none, .grid-row-space-none-at-large.gap-vert-none, .grid-row-space-none-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-large, .flex-align-left-at-large { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-large, .flex-align-center-at-large { display: flex !important; justify-content: center !important; } .grid-align-right-at-large, .flex-align-right-at-large { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-large, .flex-align-justify-at-large { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-large, .flex-valign-top-at-large { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-large, .flex-valign-middle-at-large { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-large, .flex-valign-bottom-at-large { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-large, .flex-valign-justify-at-large { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } @media (min-width: 1500px) { .grid-auto-at-extra-large > *, .grid-flex-at-extra-large > * { width: auto; } .grid-flex-at-extra-large { display: flex; flex-wrap: nowrap; } .grid-flex-at-extra-large > * { flex: 0 1 auto; } .grid-1-at-extra-large { flex-wrap: wrap; } .grid-1-at-extra-large > * { width: 100%; } .grid-2-at-extra-large { flex-wrap: wrap; } .grid-2-at-extra-large > * { width: 50%; } .grid-3-at-extra-large { flex-wrap: wrap; } .grid-3-at-extra-large > * { width: 33.3333333333%; } .grid-4-at-extra-large { flex-wrap: wrap; } .grid-4-at-extra-large > * { width: 25%; } .grid-5-at-extra-large { flex-wrap: wrap; } .grid-5-at-extra-large > * { width: 20%; } .grid-space-base-at-extra-large, .grid-col-space-base-at-extra-large { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-extra-large > *, .grid-col-space-base-at-extra-large > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-extra-large, .grid-row-space-base-at-extra-large { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-extra-large > *, .grid-row-space-base-at-extra-large > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-extra-large.gap-base, .grid-space-base-at-extra-large.gap-vert-base, .grid-space-base-at-extra-large.gap-bottom-base, .grid-row-space-base-at-extra-large.gap-base, .grid-row-space-base-at-extra-large.gap-vert-base, .grid-row-space-base-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-line, .grid-space-base-at-extra-large.gap-vert-line, .grid-space-base-at-extra-large.gap-bottom-line, .grid-row-space-base-at-extra-large.gap-line, .grid-row-space-base-at-extra-large.gap-vert-line, .grid-row-space-base-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-small, .grid-space-base-at-extra-large.gap-vert-small, .grid-space-base-at-extra-large.gap-bottom-small, .grid-row-space-base-at-extra-large.gap-small, .grid-row-space-base-at-extra-large.gap-vert-small, .grid-row-space-base-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-medium, .grid-space-base-at-extra-large.gap-vert-medium, .grid-space-base-at-extra-large.gap-bottom-medium, .grid-row-space-base-at-extra-large.gap-medium, .grid-row-space-base-at-extra-large.gap-vert-medium, .grid-row-space-base-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-large, .grid-space-base-at-extra-large.gap-vert-large, .grid-space-base-at-extra-large.gap-bottom-large, .grid-row-space-base-at-extra-large.gap-large, .grid-row-space-base-at-extra-large.gap-vert-large, .grid-row-space-base-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-xl, .grid-space-base-at-extra-large.gap-vert-xl, .grid-space-base-at-extra-large.gap-bottom-xl, .grid-row-space-base-at-extra-large.gap-xl, .grid-row-space-base-at-extra-large.gap-vert-xl, .grid-row-space-base-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-xxl, .grid-space-base-at-extra-large.gap-vert-xxl, .grid-space-base-at-extra-large.gap-bottom-xxl, .grid-row-space-base-at-extra-large.gap-xxl, .grid-row-space-base-at-extra-large.gap-vert-xxl, .grid-row-space-base-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-none, .grid-space-base-at-extra-large.gap-vert-none, .grid-space-base-at-extra-large.gap-bottom-none, .grid-row-space-base-at-extra-large.gap-none, .grid-row-space-base-at-extra-large.gap-vert-none, .grid-row-space-base-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-extra-large, .grid-col-space-line-at-extra-large { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-extra-large > *, .grid-col-space-line-at-extra-large > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-extra-large, .grid-row-space-line-at-extra-large { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-extra-large > *, .grid-row-space-line-at-extra-large > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-extra-large.gap-base, .grid-space-line-at-extra-large.gap-vert-base, .grid-space-line-at-extra-large.gap-bottom-base, .grid-row-space-line-at-extra-large.gap-base, .grid-row-space-line-at-extra-large.gap-vert-base, .grid-row-space-line-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-line, .grid-space-line-at-extra-large.gap-vert-line, .grid-space-line-at-extra-large.gap-bottom-line, .grid-row-space-line-at-extra-large.gap-line, .grid-row-space-line-at-extra-large.gap-vert-line, .grid-row-space-line-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-small, .grid-space-line-at-extra-large.gap-vert-small, .grid-space-line-at-extra-large.gap-bottom-small, .grid-row-space-line-at-extra-large.gap-small, .grid-row-space-line-at-extra-large.gap-vert-small, .grid-row-space-line-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-medium, .grid-space-line-at-extra-large.gap-vert-medium, .grid-space-line-at-extra-large.gap-bottom-medium, .grid-row-space-line-at-extra-large.gap-medium, .grid-row-space-line-at-extra-large.gap-vert-medium, .grid-row-space-line-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-large, .grid-space-line-at-extra-large.gap-vert-large, .grid-space-line-at-extra-large.gap-bottom-large, .grid-row-space-line-at-extra-large.gap-large, .grid-row-space-line-at-extra-large.gap-vert-large, .grid-row-space-line-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-xl, .grid-space-line-at-extra-large.gap-vert-xl, .grid-space-line-at-extra-large.gap-bottom-xl, .grid-row-space-line-at-extra-large.gap-xl, .grid-row-space-line-at-extra-large.gap-vert-xl, .grid-row-space-line-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-xxl, .grid-space-line-at-extra-large.gap-vert-xxl, .grid-space-line-at-extra-large.gap-bottom-xxl, .grid-row-space-line-at-extra-large.gap-xxl, .grid-row-space-line-at-extra-large.gap-vert-xxl, .grid-row-space-line-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-none, .grid-space-line-at-extra-large.gap-vert-none, .grid-space-line-at-extra-large.gap-bottom-none, .grid-row-space-line-at-extra-large.gap-none, .grid-row-space-line-at-extra-large.gap-vert-none, .grid-row-space-line-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-extra-large, .grid-col-space-small-at-extra-large { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-extra-large > *, .grid-col-space-small-at-extra-large > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-extra-large, .grid-row-space-small-at-extra-large { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-extra-large > *, .grid-row-space-small-at-extra-large > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-extra-large.gap-base, .grid-space-small-at-extra-large.gap-vert-base, .grid-space-small-at-extra-large.gap-bottom-base, .grid-row-space-small-at-extra-large.gap-base, .grid-row-space-small-at-extra-large.gap-vert-base, .grid-row-space-small-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-line, .grid-space-small-at-extra-large.gap-vert-line, .grid-space-small-at-extra-large.gap-bottom-line, .grid-row-space-small-at-extra-large.gap-line, .grid-row-space-small-at-extra-large.gap-vert-line, .grid-row-space-small-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-small, .grid-space-small-at-extra-large.gap-vert-small, .grid-space-small-at-extra-large.gap-bottom-small, .grid-row-space-small-at-extra-large.gap-small, .grid-row-space-small-at-extra-large.gap-vert-small, .grid-row-space-small-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-medium, .grid-space-small-at-extra-large.gap-vert-medium, .grid-space-small-at-extra-large.gap-bottom-medium, .grid-row-space-small-at-extra-large.gap-medium, .grid-row-space-small-at-extra-large.gap-vert-medium, .grid-row-space-small-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-large, .grid-space-small-at-extra-large.gap-vert-large, .grid-space-small-at-extra-large.gap-bottom-large, .grid-row-space-small-at-extra-large.gap-large, .grid-row-space-small-at-extra-large.gap-vert-large, .grid-row-space-small-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-xl, .grid-space-small-at-extra-large.gap-vert-xl, .grid-space-small-at-extra-large.gap-bottom-xl, .grid-row-space-small-at-extra-large.gap-xl, .grid-row-space-small-at-extra-large.gap-vert-xl, .grid-row-space-small-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-xxl, .grid-space-small-at-extra-large.gap-vert-xxl, .grid-space-small-at-extra-large.gap-bottom-xxl, .grid-row-space-small-at-extra-large.gap-xxl, .grid-row-space-small-at-extra-large.gap-vert-xxl, .grid-row-space-small-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-none, .grid-space-small-at-extra-large.gap-vert-none, .grid-space-small-at-extra-large.gap-bottom-none, .grid-row-space-small-at-extra-large.gap-none, .grid-row-space-small-at-extra-large.gap-vert-none, .grid-row-space-small-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-extra-large, .grid-col-space-medium-at-extra-large { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-extra-large > *, .grid-col-space-medium-at-extra-large > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-extra-large, .grid-row-space-medium-at-extra-large { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-extra-large > *, .grid-row-space-medium-at-extra-large > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-extra-large.gap-base, .grid-space-medium-at-extra-large.gap-vert-base, .grid-space-medium-at-extra-large.gap-bottom-base, .grid-row-space-medium-at-extra-large.gap-base, .grid-row-space-medium-at-extra-large.gap-vert-base, .grid-row-space-medium-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-line, .grid-space-medium-at-extra-large.gap-vert-line, .grid-space-medium-at-extra-large.gap-bottom-line, .grid-row-space-medium-at-extra-large.gap-line, .grid-row-space-medium-at-extra-large.gap-vert-line, .grid-row-space-medium-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-small, .grid-space-medium-at-extra-large.gap-vert-small, .grid-space-medium-at-extra-large.gap-bottom-small, .grid-row-space-medium-at-extra-large.gap-small, .grid-row-space-medium-at-extra-large.gap-vert-small, .grid-row-space-medium-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-medium, .grid-space-medium-at-extra-large.gap-vert-medium, .grid-space-medium-at-extra-large.gap-bottom-medium, .grid-row-space-medium-at-extra-large.gap-medium, .grid-row-space-medium-at-extra-large.gap-vert-medium, .grid-row-space-medium-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-large, .grid-space-medium-at-extra-large.gap-vert-large, .grid-space-medium-at-extra-large.gap-bottom-large, .grid-row-space-medium-at-extra-large.gap-large, .grid-row-space-medium-at-extra-large.gap-vert-large, .grid-row-space-medium-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-xl, .grid-space-medium-at-extra-large.gap-vert-xl, .grid-space-medium-at-extra-large.gap-bottom-xl, .grid-row-space-medium-at-extra-large.gap-xl, .grid-row-space-medium-at-extra-large.gap-vert-xl, .grid-row-space-medium-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-xxl, .grid-space-medium-at-extra-large.gap-vert-xxl, .grid-space-medium-at-extra-large.gap-bottom-xxl, .grid-row-space-medium-at-extra-large.gap-xxl, .grid-row-space-medium-at-extra-large.gap-vert-xxl, .grid-row-space-medium-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-none, .grid-space-medium-at-extra-large.gap-vert-none, .grid-space-medium-at-extra-large.gap-bottom-none, .grid-row-space-medium-at-extra-large.gap-none, .grid-row-space-medium-at-extra-large.gap-vert-none, .grid-row-space-medium-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-extra-large, .grid-col-space-large-at-extra-large { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-extra-large > *, .grid-col-space-large-at-extra-large > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-extra-large, .grid-row-space-large-at-extra-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-extra-large > *, .grid-row-space-large-at-extra-large > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-extra-large.gap-base, .grid-space-large-at-extra-large.gap-vert-base, .grid-space-large-at-extra-large.gap-bottom-base, .grid-row-space-large-at-extra-large.gap-base, .grid-row-space-large-at-extra-large.gap-vert-base, .grid-row-space-large-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-line, .grid-space-large-at-extra-large.gap-vert-line, .grid-space-large-at-extra-large.gap-bottom-line, .grid-row-space-large-at-extra-large.gap-line, .grid-row-space-large-at-extra-large.gap-vert-line, .grid-row-space-large-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-small, .grid-space-large-at-extra-large.gap-vert-small, .grid-space-large-at-extra-large.gap-bottom-small, .grid-row-space-large-at-extra-large.gap-small, .grid-row-space-large-at-extra-large.gap-vert-small, .grid-row-space-large-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-medium, .grid-space-large-at-extra-large.gap-vert-medium, .grid-space-large-at-extra-large.gap-bottom-medium, .grid-row-space-large-at-extra-large.gap-medium, .grid-row-space-large-at-extra-large.gap-vert-medium, .grid-row-space-large-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-large, .grid-space-large-at-extra-large.gap-vert-large, .grid-space-large-at-extra-large.gap-bottom-large, .grid-row-space-large-at-extra-large.gap-large, .grid-row-space-large-at-extra-large.gap-vert-large, .grid-row-space-large-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-xl, .grid-space-large-at-extra-large.gap-vert-xl, .grid-space-large-at-extra-large.gap-bottom-xl, .grid-row-space-large-at-extra-large.gap-xl, .grid-row-space-large-at-extra-large.gap-vert-xl, .grid-row-space-large-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-xxl, .grid-space-large-at-extra-large.gap-vert-xxl, .grid-space-large-at-extra-large.gap-bottom-xxl, .grid-row-space-large-at-extra-large.gap-xxl, .grid-row-space-large-at-extra-large.gap-vert-xxl, .grid-row-space-large-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-none, .grid-space-large-at-extra-large.gap-vert-none, .grid-space-large-at-extra-large.gap-bottom-none, .grid-row-space-large-at-extra-large.gap-none, .grid-row-space-large-at-extra-large.gap-vert-none, .grid-row-space-large-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-extra-large, .grid-col-space-xl-at-extra-large { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-extra-large > *, .grid-col-space-xl-at-extra-large > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-extra-large, .grid-row-space-xl-at-extra-large { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-extra-large > *, .grid-row-space-xl-at-extra-large > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-extra-large.gap-base, .grid-space-xl-at-extra-large.gap-vert-base, .grid-space-xl-at-extra-large.gap-bottom-base, .grid-row-space-xl-at-extra-large.gap-base, .grid-row-space-xl-at-extra-large.gap-vert-base, .grid-row-space-xl-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-line, .grid-space-xl-at-extra-large.gap-vert-line, .grid-space-xl-at-extra-large.gap-bottom-line, .grid-row-space-xl-at-extra-large.gap-line, .grid-row-space-xl-at-extra-large.gap-vert-line, .grid-row-space-xl-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-small, .grid-space-xl-at-extra-large.gap-vert-small, .grid-space-xl-at-extra-large.gap-bottom-small, .grid-row-space-xl-at-extra-large.gap-small, .grid-row-space-xl-at-extra-large.gap-vert-small, .grid-row-space-xl-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-medium, .grid-space-xl-at-extra-large.gap-vert-medium, .grid-space-xl-at-extra-large.gap-bottom-medium, .grid-row-space-xl-at-extra-large.gap-medium, .grid-row-space-xl-at-extra-large.gap-vert-medium, .grid-row-space-xl-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-large, .grid-space-xl-at-extra-large.gap-vert-large, .grid-space-xl-at-extra-large.gap-bottom-large, .grid-row-space-xl-at-extra-large.gap-large, .grid-row-space-xl-at-extra-large.gap-vert-large, .grid-row-space-xl-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-xl, .grid-space-xl-at-extra-large.gap-vert-xl, .grid-space-xl-at-extra-large.gap-bottom-xl, .grid-row-space-xl-at-extra-large.gap-xl, .grid-row-space-xl-at-extra-large.gap-vert-xl, .grid-row-space-xl-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-xxl, .grid-space-xl-at-extra-large.gap-vert-xxl, .grid-space-xl-at-extra-large.gap-bottom-xxl, .grid-row-space-xl-at-extra-large.gap-xxl, .grid-row-space-xl-at-extra-large.gap-vert-xxl, .grid-row-space-xl-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-none, .grid-space-xl-at-extra-large.gap-vert-none, .grid-space-xl-at-extra-large.gap-bottom-none, .grid-row-space-xl-at-extra-large.gap-none, .grid-row-space-xl-at-extra-large.gap-vert-none, .grid-row-space-xl-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-extra-large, .grid-col-space-xxl-at-extra-large { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-extra-large > *, .grid-col-space-xxl-at-extra-large > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-extra-large, .grid-row-space-xxl-at-extra-large { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large > *, .grid-row-space-xxl-at-extra-large > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-extra-large.gap-base, .grid-space-xxl-at-extra-large.gap-vert-base, .grid-space-xxl-at-extra-large.gap-bottom-base, .grid-row-space-xxl-at-extra-large.gap-base, .grid-row-space-xxl-at-extra-large.gap-vert-base, .grid-row-space-xxl-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-line, .grid-space-xxl-at-extra-large.gap-vert-line, .grid-space-xxl-at-extra-large.gap-bottom-line, .grid-row-space-xxl-at-extra-large.gap-line, .grid-row-space-xxl-at-extra-large.gap-vert-line, .grid-row-space-xxl-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-small, .grid-space-xxl-at-extra-large.gap-vert-small, .grid-space-xxl-at-extra-large.gap-bottom-small, .grid-row-space-xxl-at-extra-large.gap-small, .grid-row-space-xxl-at-extra-large.gap-vert-small, .grid-row-space-xxl-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-medium, .grid-space-xxl-at-extra-large.gap-vert-medium, .grid-space-xxl-at-extra-large.gap-bottom-medium, .grid-row-space-xxl-at-extra-large.gap-medium, .grid-row-space-xxl-at-extra-large.gap-vert-medium, .grid-row-space-xxl-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-large, .grid-space-xxl-at-extra-large.gap-vert-large, .grid-space-xxl-at-extra-large.gap-bottom-large, .grid-row-space-xxl-at-extra-large.gap-large, .grid-row-space-xxl-at-extra-large.gap-vert-large, .grid-row-space-xxl-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-xl, .grid-space-xxl-at-extra-large.gap-vert-xl, .grid-space-xxl-at-extra-large.gap-bottom-xl, .grid-row-space-xxl-at-extra-large.gap-xl, .grid-row-space-xxl-at-extra-large.gap-vert-xl, .grid-row-space-xxl-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-xxl, .grid-space-xxl-at-extra-large.gap-vert-xxl, .grid-space-xxl-at-extra-large.gap-bottom-xxl, .grid-row-space-xxl-at-extra-large.gap-xxl, .grid-row-space-xxl-at-extra-large.gap-vert-xxl, .grid-row-space-xxl-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-none, .grid-space-xxl-at-extra-large.gap-vert-none, .grid-space-xxl-at-extra-large.gap-bottom-none, .grid-row-space-xxl-at-extra-large.gap-none, .grid-row-space-xxl-at-extra-large.gap-vert-none, .grid-row-space-xxl-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-extra-large, .grid-col-space-none-at-extra-large { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-extra-large > *, .grid-col-space-none-at-extra-large > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-extra-large, .grid-row-space-none-at-extra-large { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-extra-large > *, .grid-row-space-none-at-extra-large > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-extra-large.gap-base, .grid-space-none-at-extra-large.gap-vert-base, .grid-space-none-at-extra-large.gap-bottom-base, .grid-row-space-none-at-extra-large.gap-base, .grid-row-space-none-at-extra-large.gap-vert-base, .grid-row-space-none-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-line, .grid-space-none-at-extra-large.gap-vert-line, .grid-space-none-at-extra-large.gap-bottom-line, .grid-row-space-none-at-extra-large.gap-line, .grid-row-space-none-at-extra-large.gap-vert-line, .grid-row-space-none-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-small, .grid-space-none-at-extra-large.gap-vert-small, .grid-space-none-at-extra-large.gap-bottom-small, .grid-row-space-none-at-extra-large.gap-small, .grid-row-space-none-at-extra-large.gap-vert-small, .grid-row-space-none-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-medium, .grid-space-none-at-extra-large.gap-vert-medium, .grid-space-none-at-extra-large.gap-bottom-medium, .grid-row-space-none-at-extra-large.gap-medium, .grid-row-space-none-at-extra-large.gap-vert-medium, .grid-row-space-none-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-large, .grid-space-none-at-extra-large.gap-vert-large, .grid-space-none-at-extra-large.gap-bottom-large, .grid-row-space-none-at-extra-large.gap-large, .grid-row-space-none-at-extra-large.gap-vert-large, .grid-row-space-none-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-xl, .grid-space-none-at-extra-large.gap-vert-xl, .grid-space-none-at-extra-large.gap-bottom-xl, .grid-row-space-none-at-extra-large.gap-xl, .grid-row-space-none-at-extra-large.gap-vert-xl, .grid-row-space-none-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-xxl, .grid-space-none-at-extra-large.gap-vert-xxl, .grid-space-none-at-extra-large.gap-bottom-xxl, .grid-row-space-none-at-extra-large.gap-xxl, .grid-row-space-none-at-extra-large.gap-vert-xxl, .grid-row-space-none-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-none, .grid-space-none-at-extra-large.gap-vert-none, .grid-space-none-at-extra-large.gap-bottom-none, .grid-row-space-none-at-extra-large.gap-none, .grid-row-space-none-at-extra-large.gap-vert-none, .grid-row-space-none-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-extra-large, .flex-align-left-at-extra-large { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-extra-large, .flex-align-center-at-extra-large { display: flex !important; justify-content: center !important; } .grid-align-right-at-extra-large, .flex-align-right-at-extra-large { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-extra-large, .flex-align-justify-at-extra-large { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-extra-large, .flex-valign-top-at-extra-large { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-extra-large, .flex-valign-middle-at-extra-large { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-extra-large, .flex-valign-bottom-at-extra-large { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-extra-large, .flex-valign-justify-at-extra-large { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } h1:not(:first-child), .h1:not(:first-child), h2:not(:first-child), .h2:not(:first-child), h3:not(:first-child), .h3:not(:first-child), h4:not(:first-child), .h4:not(:first-child), h5:not(:first-child), .h5:not(:first-child), h6:not(:first-child), .h6:not(:first-child) { margin-top: 2.5em; } h1:not(:last-child), .h1:not(:last-child), h2:not(:last-child), .h2:not(:last-child), h3:not(:last-child), .h3:not(:last-child), h4:not(:last-child), .h4:not(:last-child), h5:not(:last-child), .h5:not(:last-child), h6:not(:last-child), .h6:not(:last-child) { margin-bottom: 1em; } h1, .h1 { font-family: var(--font-family-h1); font-size: var(--font-size-h1-base); line-height: var(--line-height-h1-base); letter-spacing: var(--letter-spacing-h1-medium); font-weight: var(--font-weight-h1); } @media (min-width: 1023px) { h1, .h1 { font-size: var(--font-size-h1-medium); line-height: var(--line-height-h1-medium); letter-spacing: var(--letter-spacing-h1-medium); } } .type-display h1, .type-display .h1 { font-size: var(--font-size-display-h1-base); line-height: var(--line-height-display-h1-base); letter-spacing: var(--letter-spacing-display-h1-base); font-weight: var(--font-weight-display-h1); } @media (min-width: 1023px) { .type-display h1, .type-display .h1 { font-size: var(--font-size-display-h1-medium); line-height: var(--line-height-display-h1-medium); letter-spacing: var(--letter-spacing-display-h1-medium); } } h2, .h2 { font-family: var(--font-family-h2); font-size: var(--font-size-h2-base); line-height: var(--line-height-h2-base); letter-spacing: var(--letter-spacing-h2-base); font-weight: var(--font-weight-h2); } @media (min-width: 1023px) { h2, .h2 { font-size: var(--font-size-h2-medium); line-height: var(--line-height-h2-medium); letter-spacing: var(--letter-spacing-h2-medium); } } .type-display h2, .type-display .h2 { font-size: var(--font-size-display-h2-base); line-height: var(--line-height-display-h2-base); letter-spacing: var(--letter-spacing-display-h2-base); } @media (min-width: 1023px) { .type-display h2, .type-display .h2 { font-size: var(--font-size-display-h2-medium); line-height: var(--line-height-display-h2-medium); letter-spacing: var(--letter-spacing-display-h2-medium); } } h3, .h3 { font-family: var(--font-family-h3); font-size: var(--font-size-h3-base); line-height: var(--line-height-h3-base); letter-spacing: var(--letter-spacing-h3-base); font-weight: var(--font-weight-h3); } @media (min-width: 1023px) { h3, .h3 { font-size: var(--font-size-h3-medium); line-height: var(--line-height-h3-medium); letter-spacing: var(--letter-spacing-h3-medium); } } .type-display h3, .type-display .h3 { font-size: var(--font-size-display-h3-base); line-height: var(--line-height-display-h3-base); letter-spacing: var(--letter-spacing-display-h3-base); } @media (min-width: 1023px) { .type-display h3, .type-display .h3 { font-size: var(--font-size-display-h3-medium); line-height: var(--line-height-display-h3-medium); letter-spacing: var(--letter-spacing-display-h3-medium); } } h4, .h4 { font-family: var(--font-family-h4); font-size: var(--font-size-h4-base); line-height: var(--line-height-h4-base); letter-spacing: var(--letter-spacing-h4-base); font-weight: var(--font-weight-h4); } @media (min-width: 1023px) { h4, .h4 { font-size: var(--font-size-h4-medium); line-height: var(--line-height-h4-medium); letter-spacing: var(--letter-spacing-h4-medium); } } .type-display h4, .type-display .h4 { font-size: var(--font-size-display-h4-base); line-height: var(--line-height-display-h4-base); letter-spacing: var(--letter-spacing-display-h4-base); } @media (min-width: 1023px) { .type-display h4, .type-display .h4 { font-size: var(--font-size-display-h4-medium); line-height: var(--line-height-display-h4-medium); letter-spacing: var(--letter-spacing-display-h4-medium); } } h5, .h5 { font-family: var(--font-family-h5); font-size: var(--font-size-h5-base); line-height: var(--line-height-h5-base); font-weight: var(--font-weight-h5); } @media (min-width: 1023px) { h5, .h5 { font-size: var(--font-size-h5-medium); line-height: var(--line-height-h5-medium); letter-spacing: var(--letter-spacing-h5-medium); } } .type-display h5, .type-display .h5 { font-size: var(--font-size-display-h5-base); line-height: var(--line-height-display-h5-base); letter-spacing: var(--letter-spacing-display-normal); } @media (min-width: 1023px) { .type-display h5, .type-display .h5 { font-size: var(--font-size-display-h5-medium); line-height: var(--line-height-display-h5-medium); letter-spacing: var(--letter-spacing-display-h5-medium); } } h6, .h6 { font-family: var(--font-family-h6); font-size: var(--font-size-h6-base); line-height: var(--line-height-h6-base); font-weight: var(--font-weight-h6); } @media (min-width: 1023px) { h6, .h6 { font-size: var(--font-size-h6-medium); line-height: var(--line-height-h6-medium); } } .type-display h6, .type-display .h6 { font-size: var(--font-size-display-h6-base); line-height: var(--line-height-display-h6-base); letter-spacing: var(--letter-spacing-display-normal); } @media (min-width: 1023px) { .type-display h6, .type-display .h6 { font-size: var(--font-size-display-h6-medium); line-height: var(--line-height-display-h6-medium); } } .center-horizontally { margin-left: auto; margin-right: auto; } .align-left { text-align: left !important; } .align-center { text-align: center !important; } .align-right { text-align: right !important; } .align-justify { text-align: justify !important; } .valign-baseline { vertical-align: baseline !important; } .valign-baseline * { vertical-align: inherit; } .valign-top { vertical-align: top !important; } .valign-top * { vertical-align: inherit; } .valign-middle { vertical-align: middle !important; } .valign-middle * { vertical-align: inherit; } .valign-bottom { vertical-align: bottom !important; } .valign-bottom * { vertical-align: inherit; } @media (min-width: 375px) { .align-left-at-extra-small { text-align: left !important; } .align-center-at-extra-small { text-align: center !important; } .align-right-at-extra-small { text-align: right !important; } .align-justify-at-extra-small { text-align: justify !important; } .valign-baseline-at-extra-small { vertical-align: baseline !important; } .valign-baseline-at-extra-small * { vertical-align: inherit; } .valign-top-at-extra-small { vertical-align: top !important; } .valign-top-at-extra-small * { vertical-align: inherit; } .valign-middle-at-extra-small { vertical-align: middle !important; } .valign-middle-at-extra-small * { vertical-align: inherit; } .valign-bottom-at-extra-small { vertical-align: bottom !important; } .valign-bottom-at-extra-small * { vertical-align: inherit; } } @media (min-width: 717px) { .align-left-at-small { text-align: left !important; } .align-center-at-small { text-align: center !important; } .align-right-at-small { text-align: right !important; } .align-justify-at-small { text-align: justify !important; } .valign-baseline-at-small { vertical-align: baseline !important; } .valign-baseline-at-small * { vertical-align: inherit; } .valign-top-at-small { vertical-align: top !important; } .valign-top-at-small * { vertical-align: inherit; } .valign-middle-at-small { vertical-align: middle !important; } .valign-middle-at-small * { vertical-align: inherit; } .valign-bottom-at-small { vertical-align: bottom !important; } .valign-bottom-at-small * { vertical-align: inherit; } } @media (min-width: 1023px) { .align-left-at-medium { text-align: left !important; } .align-center-at-medium { text-align: center !important; } .align-right-at-medium { text-align: right !important; } .align-justify-at-medium { text-align: justify !important; } .valign-baseline-at-medium { vertical-align: baseline !important; } .valign-baseline-at-medium * { vertical-align: inherit; } .valign-top-at-medium { vertical-align: top !important; } .valign-top-at-medium * { vertical-align: inherit; } .valign-middle-at-medium { vertical-align: middle !important; } .valign-middle-at-medium * { vertical-align: inherit; } .valign-bottom-at-medium { vertical-align: bottom !important; } .valign-bottom-at-medium * { vertical-align: inherit; } } @media (min-width: 1240px) { .align-left-at-large { text-align: left !important; } .align-center-at-large { text-align: center !important; } .align-right-at-large { text-align: right !important; } .align-justify-at-large { text-align: justify !important; } .valign-baseline-at-large { vertical-align: baseline !important; } .valign-baseline-at-large * { vertical-align: inherit; } .valign-top-at-large { vertical-align: top !important; } .valign-top-at-large * { vertical-align: inherit; } .valign-middle-at-large { vertical-align: middle !important; } .valign-middle-at-large * { vertical-align: inherit; } .valign-bottom-at-large { vertical-align: bottom !important; } .valign-bottom-at-large * { vertical-align: inherit; } } @media (min-width: 1500px) { .align-left-at-extra-large { text-align: left !important; } .align-center-at-extra-large { text-align: center !important; } .align-right-at-extra-large { text-align: right !important; } .align-justify-at-extra-large { text-align: justify !important; } .valign-baseline-at-extra-large { vertical-align: baseline !important; } .valign-baseline-at-extra-large * { vertical-align: inherit; } .valign-top-at-extra-large { vertical-align: top !important; } .valign-top-at-extra-large * { vertical-align: inherit; } .valign-middle-at-extra-large { vertical-align: middle !important; } .valign-middle-at-extra-large * { vertical-align: inherit; } .valign-bottom-at-extra-large { vertical-align: bottom !important; } .valign-bottom-at-extra-large * { vertical-align: inherit; } } .aspect-ratio-square { padding-top: 100%; } .aspect-ratio-rect { padding-top: calc(50% - 10px); } .aspect-ratio-square, .aspect-ratio-rect { position: relative; height: 0; } .aspect-ratio-square > *, .aspect-ratio-rect > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } @media (min-width: 375px) { .aspect-ratio-square-at-extra-small { padding-top: 100%; } .aspect-ratio-rect-at-extra-small { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-extra-small, .aspect-ratio-rect-at-extra-small { position: relative; height: 0; } .aspect-ratio-square-at-extra-small > *, .aspect-ratio-rect-at-extra-small > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } @media (min-width: 717px) { .aspect-ratio-square-at-small { padding-top: 100%; } .aspect-ratio-rect-at-small { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-small, .aspect-ratio-rect-at-small { position: relative; height: 0; } .aspect-ratio-square-at-small > *, .aspect-ratio-rect-at-small > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } @media (min-width: 1023px) { .aspect-ratio-square-at-medium { padding-top: 100%; } .aspect-ratio-rect-at-medium { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-medium, .aspect-ratio-rect-at-medium { position: relative; height: 0; } .aspect-ratio-square-at-medium > *, .aspect-ratio-rect-at-medium > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } @media (min-width: 1240px) { .aspect-ratio-square-at-large { padding-top: 100%; } .aspect-ratio-rect-at-large { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-large, .aspect-ratio-rect-at-large { position: relative; height: 0; } .aspect-ratio-square-at-large > *, .aspect-ratio-rect-at-large > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } @media (min-width: 1500px) { .aspect-ratio-square-at-extra-large { padding-top: 100%; } .aspect-ratio-rect-at-extra-large { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-extra-large, .aspect-ratio-rect-at-extra-large { position: relative; height: 0; } .aspect-ratio-square-at-extra-large > *, .aspect-ratio-rect-at-extra-large > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } .border-rounded { border-radius: var(--border-radius) !important; } .border-rounded-large { border-radius: var(--border-radius-large) !important; } .border-all { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none { border-top: none !important; border-bottom: none !important; } .border-horz { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none { border-right: none !important; border-left: none !important; } .border-top { border-top: 1px solid var(--color-border) !important; } .border-top-none { border-top: none !important; } .border-bottom { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none { border-bottom: none !important; } .border-left { border-left: 1px solid var(--color-border) !important; } .border-left-none { border-left: none !important; } .border-right { border-right: 1px solid var(--color-border) !important; } .border-right-none { border-right: none !important; } @media (min-width: 375px) { .border-rounded-at-extra-small { border-radius: var(--border-radius) !important; } .border-rounded-large-at-extra-small { border-radius: var(--border-radius-large) !important; } .border-all-at-extra-small { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-extra-small { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-extra-small { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-extra-small { border-top: none !important; border-bottom: none !important; } .border-horz-at-extra-small { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-extra-small { border-right: none !important; border-left: none !important; } .border-top-at-extra-small { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-extra-small { border-top: none !important; } .border-bottom-at-extra-small { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-extra-small { border-bottom: none !important; } .border-left-at-extra-small { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-extra-small { border-left: none !important; } .border-right-at-extra-small { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-extra-small { border-right: none !important; } } @media (min-width: 717px) { .border-rounded-at-small { border-radius: var(--border-radius) !important; } .border-rounded-large-at-small { border-radius: var(--border-radius-large) !important; } .border-all-at-small { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-small { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-small { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-small { border-top: none !important; border-bottom: none !important; } .border-horz-at-small { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-small { border-right: none !important; border-left: none !important; } .border-top-at-small { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-small { border-top: none !important; } .border-bottom-at-small { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-small { border-bottom: none !important; } .border-left-at-small { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-small { border-left: none !important; } .border-right-at-small { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-small { border-right: none !important; } } @media (min-width: 1023px) { .border-rounded-at-medium { border-radius: var(--border-radius) !important; } .border-rounded-large-at-medium { border-radius: var(--border-radius-large) !important; } .border-all-at-medium { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-medium { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-medium { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-medium { border-top: none !important; border-bottom: none !important; } .border-horz-at-medium { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-medium { border-right: none !important; border-left: none !important; } .border-top-at-medium { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-medium { border-top: none !important; } .border-bottom-at-medium { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-medium { border-bottom: none !important; } .border-left-at-medium { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-medium { border-left: none !important; } .border-right-at-medium { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-medium { border-right: none !important; } } @media (min-width: 1240px) { .border-rounded-at-large { border-radius: var(--border-radius) !important; } .border-rounded-large-at-large { border-radius: var(--border-radius-large) !important; } .border-all-at-large { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-large { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-large { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-large { border-top: none !important; border-bottom: none !important; } .border-horz-at-large { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-large { border-right: none !important; border-left: none !important; } .border-top-at-large { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-large { border-top: none !important; } .border-bottom-at-large { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-large { border-bottom: none !important; } .border-left-at-large { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-large { border-left: none !important; } .border-right-at-large { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-large { border-right: none !important; } } @media (min-width: 1500px) { .border-rounded-at-extra-large { border-radius: var(--border-radius) !important; } .border-rounded-large-at-extra-large { border-radius: var(--border-radius-large) !important; } .border-all-at-extra-large { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-extra-large { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-extra-large { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-extra-large { border-top: none !important; border-bottom: none !important; } .border-horz-at-extra-large { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-extra-large { border-right: none !important; border-left: none !important; } .border-top-at-extra-large { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-extra-large { border-top: none !important; } .border-bottom-at-extra-large { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-extra-large { border-bottom: none !important; } .border-left-at-extra-large { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-extra-large { border-left: none !important; } .border-right-at-extra-large { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-extra-large { border-right: none !important; } } .content { margin-left: auto; margin-right: auto; width: var(--container-width-base); } @media (min-width: 375px) { .content { width: var(--container-width-extra-small); } } @media (min-width: 717px) { .content { width: var(--container-width-small); } } @media (min-width: 1023px) { .content { width: var(--container-width-medium); } } @media (min-width: 1240px) { .content { width: var(--container-width-large); } } @media (min-width: 1500px) { .content { width: var(--container-width-extra-large); } } .content-width-base { margin-left: auto; margin-right: auto; max-width: var(--container-width-base) !important; } .content-width-extra-small { margin-left: auto; margin-right: auto; max-width: var(--container-width-extra-small) !important; } .content-width-small { margin-left: auto; margin-right: auto; max-width: var(--container-width-small) !important; } .content-width-medium { margin-left: auto; margin-right: auto; max-width: var(--container-width-medium) !important; } .content-width-large { margin-left: auto; margin-right: auto; max-width: var(--container-width-large) !important; } .content-width-extra-large { margin-left: auto; margin-right: auto; max-width: var(--container-width-extra-large) !important; } .display-block { display: block !important; } .display-flex { display: flex !important; } .display-inline { display: inline !important; } .display-inline-block { display: inline-block !important; vertical-align: middle; } .display-inline-flex { display: inline-flex !important; } .display-none, .hide { display: none !important; } @media (min-width: 375px) { .display-block-at-extra-small { display: block !important; } .display-flex-at-extra-small { display: flex !important; } .display-inline-at-extra-small { display: inline !important; } .display-inline-block-at-extra-small { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-extra-small { display: inline-flex !important; } .display-none-at-extra-small, .hide-at-extra-small { display: none !important; } } @media (max-width: 374px) { .hide-until-extra-small { display: none !important; } } @media (min-width: 717px) { .display-block-at-small { display: block !important; } .display-flex-at-small { display: flex !important; } .display-inline-at-small { display: inline !important; } .display-inline-block-at-small { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-small { display: inline-flex !important; } .display-none-at-small, .hide-at-small { display: none !important; } } @media (max-width: 716px) { .hide-until-small { display: none !important; } } @media (min-width: 1023px) { .display-block-at-medium { display: block !important; } .display-flex-at-medium { display: flex !important; } .display-inline-at-medium { display: inline !important; } .display-inline-block-at-medium { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-medium { display: inline-flex !important; } .display-none-at-medium, .hide-at-medium { display: none !important; } } @media (max-width: 1022px) { .hide-until-medium { display: none !important; } } @media (min-width: 1240px) { .display-block-at-large { display: block !important; } .display-flex-at-large { display: flex !important; } .display-inline-at-large { display: inline !important; } .display-inline-block-at-large { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-large { display: inline-flex !important; } .display-none-at-large, .hide-at-large { display: none !important; } } @media (max-width: 1239px) { .hide-until-large { display: none !important; } } @media (min-width: 1500px) { .display-block-at-extra-large { display: block !important; } .display-flex-at-extra-large { display: flex !important; } .display-inline-at-extra-large { display: inline !important; } .display-inline-block-at-extra-large { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-extra-large { display: inline-flex !important; } .display-none-at-extra-large, .hide-at-extra-large { display: none !important; } } @media (max-width: 1499px) { .hide-until-extra-large { display: none !important; } } .js .hide-if-js { display: none !important; } .no-js .hide-unless-js { display: none !important; } .hidden { display: none !important; } .hidden-visually { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; white-space: nowrap; clip: rect(0 0 0 0); } .one-whole, .five-fifths, .four-fourths, .three-thirds, .two-halves { width: 100% !important; } .one-half, .two-fourths { width: 50% !important; } .one-third { width: 33.3333333333% !important; } .two-thirds { width: 66.6666666667% !important; } .one-fourth { width: 25% !important; } .three-fourths { width: 75% !important; } .one-fifth { width: 20% !important; } .two-fifths { width: 40% !important; } .three-fifths { width: 60% !important; } .four-fifths { width: 80% !important; } @media (min-width: 375px) { .one-whole-at-extra-small, .five-fifths-at-extra-small, .four-fourths-at-extra-small, .three-thirds-at-extra-small, .two-halves-at-extra-small { width: 100% !important; } .one-half-at-extra-small, .two-fourths-at-extra-small { width: 50% !important; } .one-third-at-extra-small { width: 33.3333333333% !important; } .two-thirds-at-extra-small { width: 66.6666666667% !important; } .one-fourth-at-extra-small { width: 25% !important; } .three-fourths-at-extra-small { width: 75% !important; } .one-fifth-at-extra-small { width: 20% !important; } .two-fifths-at-extra-small { width: 40% !important; } .three-fifths-at-extra-small { width: 60% !important; } .four-fifths-at-extra-small { width: 80% !important; } } @media (min-width: 717px) { .one-whole-at-small, .five-fifths-at-small, .four-fourths-at-small, .three-thirds-at-small, .two-halves-at-small { width: 100% !important; } .one-half-at-small, .two-fourths-at-small { width: 50% !important; } .one-third-at-small { width: 33.3333333333% !important; } .two-thirds-at-small { width: 66.6666666667% !important; } .one-fourth-at-small { width: 25% !important; } .three-fourths-at-small { width: 75% !important; } .one-fifth-at-small { width: 20% !important; } .two-fifths-at-small { width: 40% !important; } .three-fifths-at-small { width: 60% !important; } .four-fifths-at-small { width: 80% !important; } } @media (min-width: 1023px) { .one-whole-at-medium, .five-fifths-at-medium, .four-fourths-at-medium, .three-thirds-at-medium, .two-halves-at-medium { width: 100% !important; } .one-half-at-medium, .two-fourths-at-medium { width: 50% !important; } .one-third-at-medium { width: 33.3333333333% !important; } .two-thirds-at-medium { width: 66.6666666667% !important; } .one-fourth-at-medium { width: 25% !important; } .three-fourths-at-medium { width: 75% !important; } .one-fifth-at-medium { width: 20% !important; } .two-fifths-at-medium { width: 40% !important; } .three-fifths-at-medium { width: 60% !important; } .four-fifths-at-medium { width: 80% !important; } } @media (min-width: 1240px) { .one-whole-at-large, .five-fifths-at-large, .four-fourths-at-large, .three-thirds-at-large, .two-halves-at-large { width: 100% !important; } .one-half-at-large, .two-fourths-at-large { width: 50% !important; } .one-third-at-large { width: 33.3333333333% !important; } .two-thirds-at-large { width: 66.6666666667% !important; } .one-fourth-at-large { width: 25% !important; } .three-fourths-at-large { width: 75% !important; } .one-fifth-at-large { width: 20% !important; } .two-fifths-at-large { width: 40% !important; } .three-fifths-at-large { width: 60% !important; } .four-fifths-at-large { width: 80% !important; } } @media (min-width: 1500px) { .one-whole-at-extra-large, .five-fifths-at-extra-large, .four-fourths-at-extra-large, .three-thirds-at-extra-large, .two-halves-at-extra-large { width: 100% !important; } .one-half-at-extra-large, .two-fourths-at-extra-large { width: 50% !important; } .one-third-at-extra-large { width: 33.3333333333% !important; } .two-thirds-at-extra-large { width: 66.6666666667% !important; } .one-fourth-at-extra-large { width: 25% !important; } .three-fourths-at-extra-large { width: 75% !important; } .one-fifth-at-extra-large { width: 20% !important; } .two-fifths-at-extra-large { width: 40% !important; } .three-fifths-at-extra-large { width: 60% !important; } .four-fifths-at-extra-large { width: 80% !important; } } .layer-1 { z-index: 1; } .layer-2 { z-index: 2; } .layer-3 { z-index: 3; } .layer-4 { z-index: 4; } .layer-5 { z-index: 5; } @media (min-width: 375px) { .layer-1-at-extra-small { z-index: 1; } .layer-2-at-extra-small { z-index: 2; } .layer-3-at-extra-small { z-index: 3; } .layer-4-at-extra-small { z-index: 4; } .layer-5-at-extra-small { z-index: 5; } } @media (min-width: 717px) { .layer-1-at-small { z-index: 1; } .layer-2-at-small { z-index: 2; } .layer-3-at-small { z-index: 3; } .layer-4-at-small { z-index: 4; } .layer-5-at-small { z-index: 5; } } @media (min-width: 1023px) { .layer-1-at-medium { z-index: 1; } .layer-2-at-medium { z-index: 2; } .layer-3-at-medium { z-index: 3; } .layer-4-at-medium { z-index: 4; } .layer-5-at-medium { z-index: 5; } } @media (min-width: 1240px) { .layer-1-at-large { z-index: 1; } .layer-2-at-large { z-index: 2; } .layer-3-at-large { z-index: 3; } .layer-4-at-large { z-index: 4; } .layer-5-at-large { z-index: 5; } } @media (min-width: 1500px) { .layer-1-at-extra-large { z-index: 1; } .layer-2-at-extra-large { z-index: 2; } .layer-3-at-extra-large { z-index: 3; } .layer-4-at-extra-large { z-index: 4; } .layer-5-at-extra-large { z-index: 5; } } .overflow-hidden { overflow: hidden !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-scroll { overflow-y: scroll !important; } .overflow-auto { overflow: auto !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-y-auto { overflow-y: auto !important; } @media (min-width: 375px) { .overflow-hidden-at-extra-small { overflow: hidden !important; } .overflow-x-hidden-at-extra-small { overflow-x: hidden !important; } .overflow-y-hidden-at-extra-small { overflow-y: hidden !important; } .overflow-visible-at-extra-small { overflow: visible !important; } .overflow-x-visible-at-extra-small { overflow-x: visible !important; } .overflow-y-visible-at-extra-small { overflow-y: visible !important; } .overflow-scroll-at-extra-small { overflow: scroll !important; } .overflow-x-scroll-at-extra-small { overflow-x: scroll !important; } .overflow-y-scroll-at-extra-small { overflow-y: scroll !important; } .overflow-auto-at-extra-small { overflow: auto !important; } .overflow-x-auto-at-extra-small { overflow-x: auto !important; } .overflow-y-auto-at-extra-small { overflow-y: auto !important; } } @media (min-width: 717px) { .overflow-hidden-at-small { overflow: hidden !important; } .overflow-x-hidden-at-small { overflow-x: hidden !important; } .overflow-y-hidden-at-small { overflow-y: hidden !important; } .overflow-visible-at-small { overflow: visible !important; } .overflow-x-visible-at-small { overflow-x: visible !important; } .overflow-y-visible-at-small { overflow-y: visible !important; } .overflow-scroll-at-small { overflow: scroll !important; } .overflow-x-scroll-at-small { overflow-x: scroll !important; } .overflow-y-scroll-at-small { overflow-y: scroll !important; } .overflow-auto-at-small { overflow: auto !important; } .overflow-x-auto-at-small { overflow-x: auto !important; } .overflow-y-auto-at-small { overflow-y: auto !important; } } @media (min-width: 1023px) { .overflow-hidden-at-medium { overflow: hidden !important; } .overflow-x-hidden-at-medium { overflow-x: hidden !important; } .overflow-y-hidden-at-medium { overflow-y: hidden !important; } .overflow-visible-at-medium { overflow: visible !important; } .overflow-x-visible-at-medium { overflow-x: visible !important; } .overflow-y-visible-at-medium { overflow-y: visible !important; } .overflow-scroll-at-medium { overflow: scroll !important; } .overflow-x-scroll-at-medium { overflow-x: scroll !important; } .overflow-y-scroll-at-medium { overflow-y: scroll !important; } .overflow-auto-at-medium { overflow: auto !important; } .overflow-x-auto-at-medium { overflow-x: auto !important; } .overflow-y-auto-at-medium { overflow-y: auto !important; } } @media (min-width: 1240px) { .overflow-hidden-at-large { overflow: hidden !important; } .overflow-x-hidden-at-large { overflow-x: hidden !important; } .overflow-y-hidden-at-large { overflow-y: hidden !important; } .overflow-visible-at-large { overflow: visible !important; } .overflow-x-visible-at-large { overflow-x: visible !important; } .overflow-y-visible-at-large { overflow-y: visible !important; } .overflow-scroll-at-large { overflow: scroll !important; } .overflow-x-scroll-at-large { overflow-x: scroll !important; } .overflow-y-scroll-at-large { overflow-y: scroll !important; } .overflow-auto-at-large { overflow: auto !important; } .overflow-x-auto-at-large { overflow-x: auto !important; } .overflow-y-auto-at-large { overflow-y: auto !important; } } @media (min-width: 1500px) { .overflow-hidden-at-extra-large { overflow: hidden !important; } .overflow-x-hidden-at-extra-large { overflow-x: hidden !important; } .overflow-y-hidden-at-extra-large { overflow-y: hidden !important; } .overflow-visible-at-extra-large { overflow: visible !important; } .overflow-x-visible-at-extra-large { overflow-x: visible !important; } .overflow-y-visible-at-extra-large { overflow-y: visible !important; } .overflow-scroll-at-extra-large { overflow: scroll !important; } .overflow-x-scroll-at-extra-large { overflow-x: scroll !important; } .overflow-y-scroll-at-extra-large { overflow-y: scroll !important; } .overflow-auto-at-extra-large { overflow: auto !important; } .overflow-x-auto-at-extra-large { overflow-x: auto !important; } .overflow-y-auto-at-extra-large { overflow-y: auto !important; } } .position-fixed { position: fixed !important; } .position-absolute { position: absolute !important; } .position-relative { position: relative !important; } .position-static { position: static !important; } .position-sticky { position: sticky !important; top: 0; } .pin-top-left { position: absolute; left: 0; top: 0; } .pin-top-center { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right { position: absolute; right: 0; top: 0; } .pin-middle-left { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left { position: absolute; left: 0; bottom: 0; } .pin-bottom-center { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right { position: absolute; right: 0; bottom: 0; } @media (min-width: 375px) { .position-fixed-at-extra-small { position: fixed !important; } .position-absolute-at-extra-small { position: absolute !important; } .position-relative-at-extra-small { position: relative !important; } .position-static-at-extra-small { position: static !important; } .position-sticky-at-extra-small { position: sticky !important; top: 0; } .pin-top-left-at-extra-small { position: absolute; left: 0; top: 0; } .pin-top-center-at-extra-small { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-extra-small { position: absolute; right: 0; top: 0; } .pin-middle-left-at-extra-small { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-extra-small { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-extra-small { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-extra-small { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-extra-small { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-extra-small { position: absolute; right: 0; bottom: 0; } } @media (min-width: 717px) { .position-fixed-at-small { position: fixed !important; } .position-absolute-at-small { position: absolute !important; } .position-relative-at-small { position: relative !important; } .position-static-at-small { position: static !important; } .position-sticky-at-small { position: sticky !important; top: 0; } .pin-top-left-at-small { position: absolute; left: 0; top: 0; } .pin-top-center-at-small { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-small { position: absolute; right: 0; top: 0; } .pin-middle-left-at-small { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-small { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-small { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-small { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-small { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-small { position: absolute; right: 0; bottom: 0; } } @media (min-width: 1023px) { .position-fixed-at-medium { position: fixed !important; } .position-absolute-at-medium { position: absolute !important; } .position-relative-at-medium { position: relative !important; } .position-static-at-medium { position: static !important; } .position-sticky-at-medium { position: sticky !important; top: 0; } .pin-top-left-at-medium { position: absolute; left: 0; top: 0; } .pin-top-center-at-medium { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-medium { position: absolute; right: 0; top: 0; } .pin-middle-left-at-medium { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-medium { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-medium { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-medium { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-medium { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-medium { position: absolute; right: 0; bottom: 0; } } @media (min-width: 1240px) { .position-fixed-at-large { position: fixed !important; } .position-absolute-at-large { position: absolute !important; } .position-relative-at-large { position: relative !important; } .position-static-at-large { position: static !important; } .position-sticky-at-large { position: sticky !important; top: 0; } .pin-top-left-at-large { position: absolute; left: 0; top: 0; } .pin-top-center-at-large { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-large { position: absolute; right: 0; top: 0; } .pin-middle-left-at-large { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-large { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-large { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-large { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-large { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-large { position: absolute; right: 0; bottom: 0; } } @media (min-width: 1500px) { .position-fixed-at-extra-large { position: fixed !important; } .position-absolute-at-extra-large { position: absolute !important; } .position-relative-at-extra-large { position: relative !important; } .position-static-at-extra-large { position: static !important; } .position-sticky-at-extra-large { position: sticky !important; top: 0; } .pin-top-left-at-extra-large { position: absolute; left: 0; top: 0; } .pin-top-center-at-extra-large { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-extra-large { position: absolute; right: 0; top: 0; } .pin-middle-left-at-extra-large { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-extra-large { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-extra-large { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-extra-large { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-extra-large { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-extra-large { position: absolute; right: 0; bottom: 0; } } .pad-base { padding: var(--space-base) !important; } .pad-line { padding: var(--space-line) !important; } .pad-small { padding: var(--space-small) !important; } .pad-medium { padding: var(--space-medium) !important; } .pad-large { padding: var(--space-large) !important; } .pad-xl { padding: var(--space-xl) !important; } .pad-xxl { padding: var(--space-xxl) !important; } .pad-none { padding: var(--space-none) !important; } .pad-vert-base { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base { padding-top: var(--space-base) !important; } .pad-top-line { padding-top: var(--space-line) !important; } .pad-top-small { padding-top: var(--space-small) !important; } .pad-top-medium { padding-top: var(--space-medium) !important; } .pad-top-large { padding-top: var(--space-large) !important; } .pad-top-xl { padding-top: var(--space-xl) !important; } .pad-top-xxl { padding-top: var(--space-xxl) !important; } .pad-top-none { padding-top: var(--space-none) !important; } .pad-bottom-base { padding-bottom: var(--space-base) !important; } .pad-bottom-line { padding-bottom: var(--space-line) !important; } .pad-bottom-small { padding-bottom: var(--space-small) !important; } .pad-bottom-medium { padding-bottom: var(--space-medium) !important; } .pad-bottom-large { padding-bottom: var(--space-large) !important; } .pad-bottom-xl { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none { padding-bottom: var(--space-none) !important; } .pad-left-base { padding-left: var(--space-base) !important; } .pad-left-line { padding-left: var(--space-line) !important; } .pad-left-small { padding-left: var(--space-small) !important; } .pad-left-medium { padding-left: var(--space-medium) !important; } .pad-left-large { padding-left: var(--space-large) !important; } .pad-left-xl { padding-left: var(--space-xl) !important; } .pad-left-xxl { padding-left: var(--space-xxl) !important; } .pad-left-none { padding-left: var(--space-none) !important; } .pad-right-base { padding-right: var(--space-base) !important; } .pad-right-line { padding-right: var(--space-line) !important; } .pad-right-small { padding-right: var(--space-small) !important; } .pad-right-medium { padding-right: var(--space-medium) !important; } .pad-right-large { padding-right: var(--space-large) !important; } .pad-right-xl { padding-right: var(--space-xl) !important; } .pad-right-xxl { padding-right: var(--space-xxl) !important; } .pad-right-none { padding-right: var(--space-none) !important; } .gap-base { margin: var(--space-base) !important; } .gap-line { margin: var(--space-line) !important; } .gap-small { margin: var(--space-small) !important; } .gap-medium { margin: var(--space-medium) !important; } .gap-large { margin: var(--space-large) !important; } .gap-xl { margin: var(--space-xl) !important; } .gap-xxl { margin: var(--space-xxl) !important; } .gap-none { margin: var(--space-none) !important; } .gap-vert-base { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base { margin-top: var(--space-base) !important; } .gap-top-line { margin-top: var(--space-line) !important; } .gap-top-small { margin-top: var(--space-small) !important; } .gap-top-medium { margin-top: var(--space-medium) !important; } .gap-top-large { margin-top: var(--space-large) !important; } .gap-top-xl { margin-top: var(--space-xl) !important; } .gap-top-xxl { margin-top: var(--space-xxl) !important; } .gap-top-none { margin-top: var(--space-none) !important; } .gap-bottom-base { margin-bottom: var(--space-base) !important; } .gap-bottom-line { margin-bottom: var(--space-line) !important; } .gap-bottom-small { margin-bottom: var(--space-small) !important; } .gap-bottom-medium { margin-bottom: var(--space-medium) !important; } .gap-bottom-large { margin-bottom: var(--space-large) !important; } .gap-bottom-xl { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none { margin-bottom: var(--space-none) !important; } .gap-left-base { margin-left: var(--space-base) !important; } .gap-left-line { margin-left: var(--space-line) !important; } .gap-left-small { margin-left: var(--space-small) !important; } .gap-left-medium { margin-left: var(--space-medium) !important; } .gap-left-large { margin-left: var(--space-large) !important; } .gap-left-xl { margin-left: var(--space-xl) !important; } .gap-left-xxl { margin-left: var(--space-xxl) !important; } .gap-left-none { margin-left: var(--space-none) !important; } .gap-right-base { margin-right: var(--space-base) !important; } .gap-right-line { margin-right: var(--space-line) !important; } .gap-right-small { margin-right: var(--space-small) !important; } .gap-right-medium { margin-right: var(--space-medium) !important; } .gap-right-large { margin-right: var(--space-large) !important; } .gap-right-xl { margin-right: var(--space-xl) !important; } .gap-right-xxl { margin-right: var(--space-xxl) !important; } .gap-right-none { margin-right: var(--space-none) !important; } .offset-base { margin: calc(-1 * var(--space-base)) !important; } .offset-line { margin: calc(-1 * var(--space-line)) !important; } .offset-small { margin: calc(-1 * var(--space-small)) !important; } .offset-medium { margin: calc(-1 * var(--space-medium)) !important; } .offset-large { margin: calc(-1 * var(--space-large)) !important; } .offset-xl { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none { margin-right: calc(-1 * var(--space-none)) !important; } @media (min-width: 375px) { .pad-base-at-extra-small { padding: var(--space-base) !important; } .pad-line-at-extra-small { padding: var(--space-line) !important; } .pad-small-at-extra-small { padding: var(--space-small) !important; } .pad-medium-at-extra-small { padding: var(--space-medium) !important; } .pad-large-at-extra-small { padding: var(--space-large) !important; } .pad-xl-at-extra-small { padding: var(--space-xl) !important; } .pad-xxl-at-extra-small { padding: var(--space-xxl) !important; } .pad-none-at-extra-small { padding: var(--space-none) !important; } .pad-vert-base-at-extra-small { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-extra-small { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-extra-small { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-extra-small { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-extra-small { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-extra-small { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-extra-small { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-extra-small { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-extra-small { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-extra-small { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-extra-small { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-extra-small { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-extra-small { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-extra-small { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-extra-small { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-extra-small { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-extra-small { padding-top: var(--space-base) !important; } .pad-top-line-at-extra-small { padding-top: var(--space-line) !important; } .pad-top-small-at-extra-small { padding-top: var(--space-small) !important; } .pad-top-medium-at-extra-small { padding-top: var(--space-medium) !important; } .pad-top-large-at-extra-small { padding-top: var(--space-large) !important; } .pad-top-xl-at-extra-small { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-extra-small { padding-top: var(--space-xxl) !important; } .pad-top-none-at-extra-small { padding-top: var(--space-none) !important; } .pad-bottom-base-at-extra-small { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-extra-small { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-extra-small { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-extra-small { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-extra-small { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-extra-small { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-extra-small { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-extra-small { padding-bottom: var(--space-none) !important; } .pad-left-base-at-extra-small { padding-left: var(--space-base) !important; } .pad-left-line-at-extra-small { padding-left: var(--space-line) !important; } .pad-left-small-at-extra-small { padding-left: var(--space-small) !important; } .pad-left-medium-at-extra-small { padding-left: var(--space-medium) !important; } .pad-left-large-at-extra-small { padding-left: var(--space-large) !important; } .pad-left-xl-at-extra-small { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-extra-small { padding-left: var(--space-xxl) !important; } .pad-left-none-at-extra-small { padding-left: var(--space-none) !important; } .pad-right-base-at-extra-small { padding-right: var(--space-base) !important; } .pad-right-line-at-extra-small { padding-right: var(--space-line) !important; } .pad-right-small-at-extra-small { padding-right: var(--space-small) !important; } .pad-right-medium-at-extra-small { padding-right: var(--space-medium) !important; } .pad-right-large-at-extra-small { padding-right: var(--space-large) !important; } .pad-right-xl-at-extra-small { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-extra-small { padding-right: var(--space-xxl) !important; } .pad-right-none-at-extra-small { padding-right: var(--space-none) !important; } .gap-base-at-extra-small { margin: var(--space-base) !important; } .gap-line-at-extra-small { margin: var(--space-line) !important; } .gap-small-at-extra-small { margin: var(--space-small) !important; } .gap-medium-at-extra-small { margin: var(--space-medium) !important; } .gap-large-at-extra-small { margin: var(--space-large) !important; } .gap-xl-at-extra-small { margin: var(--space-xl) !important; } .gap-xxl-at-extra-small { margin: var(--space-xxl) !important; } .gap-none-at-extra-small { margin: var(--space-none) !important; } .gap-vert-base-at-extra-small { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-extra-small { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-extra-small { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-extra-small { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-extra-small { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-extra-small { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-extra-small { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-extra-small { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-extra-small { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-extra-small { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-extra-small { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-extra-small { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-extra-small { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-extra-small { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-extra-small { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-extra-small { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-extra-small { margin-top: var(--space-base) !important; } .gap-top-line-at-extra-small { margin-top: var(--space-line) !important; } .gap-top-small-at-extra-small { margin-top: var(--space-small) !important; } .gap-top-medium-at-extra-small { margin-top: var(--space-medium) !important; } .gap-top-large-at-extra-small { margin-top: var(--space-large) !important; } .gap-top-xl-at-extra-small { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-extra-small { margin-top: var(--space-xxl) !important; } .gap-top-none-at-extra-small { margin-top: var(--space-none) !important; } .gap-bottom-base-at-extra-small { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-extra-small { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-extra-small { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-extra-small { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-extra-small { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-extra-small { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-extra-small { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-extra-small { margin-bottom: var(--space-none) !important; } .gap-left-base-at-extra-small { margin-left: var(--space-base) !important; } .gap-left-line-at-extra-small { margin-left: var(--space-line) !important; } .gap-left-small-at-extra-small { margin-left: var(--space-small) !important; } .gap-left-medium-at-extra-small { margin-left: var(--space-medium) !important; } .gap-left-large-at-extra-small { margin-left: var(--space-large) !important; } .gap-left-xl-at-extra-small { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-extra-small { margin-left: var(--space-xxl) !important; } .gap-left-none-at-extra-small { margin-left: var(--space-none) !important; } .gap-right-base-at-extra-small { margin-right: var(--space-base) !important; } .gap-right-line-at-extra-small { margin-right: var(--space-line) !important; } .gap-right-small-at-extra-small { margin-right: var(--space-small) !important; } .gap-right-medium-at-extra-small { margin-right: var(--space-medium) !important; } .gap-right-large-at-extra-small { margin-right: var(--space-large) !important; } .gap-right-xl-at-extra-small { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-extra-small { margin-right: var(--space-xxl) !important; } .gap-right-none-at-extra-small { margin-right: var(--space-none) !important; } .offset-base-at-extra-small { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-extra-small { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-extra-small { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-extra-small { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-extra-small { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-extra-small { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-extra-small { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-extra-small { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-extra-small { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-extra-small { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-extra-small { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-extra-small { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-extra-small { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-extra-small { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-extra-small { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-extra-small { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-extra-small { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-extra-small { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-extra-small { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-extra-small { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-extra-small { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-extra-small { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-extra-small { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-extra-small { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-extra-small { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-extra-small { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-extra-small { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-extra-small { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-extra-small { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-extra-small { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-extra-small { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-extra-small { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-extra-small { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-extra-small { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-extra-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-extra-small { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-extra-small { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-extra-small { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-extra-small { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-extra-small { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-extra-small { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-extra-small { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-extra-small { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-extra-small { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-extra-small { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-extra-small { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-extra-small { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-extra-small { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-extra-small { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-extra-small { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-extra-small { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-extra-small { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-extra-small { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-extra-small { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-extra-small { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-extra-small { margin-right: calc(-1 * var(--space-none)) !important; } } @media (min-width: 717px) { .pad-base-at-small { padding: var(--space-base) !important; } .pad-line-at-small { padding: var(--space-line) !important; } .pad-small-at-small { padding: var(--space-small) !important; } .pad-medium-at-small { padding: var(--space-medium) !important; } .pad-large-at-small { padding: var(--space-large) !important; } .pad-xl-at-small { padding: var(--space-xl) !important; } .pad-xxl-at-small { padding: var(--space-xxl) !important; } .pad-none-at-small { padding: var(--space-none) !important; } .pad-vert-base-at-small { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-small { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-small { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-small { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-small { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-small { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-small { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-small { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-small { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-small { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-small { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-small { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-small { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-small { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-small { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-small { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-small { padding-top: var(--space-base) !important; } .pad-top-line-at-small { padding-top: var(--space-line) !important; } .pad-top-small-at-small { padding-top: var(--space-small) !important; } .pad-top-medium-at-small { padding-top: var(--space-medium) !important; } .pad-top-large-at-small { padding-top: var(--space-large) !important; } .pad-top-xl-at-small { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-small { padding-top: var(--space-xxl) !important; } .pad-top-none-at-small { padding-top: var(--space-none) !important; } .pad-bottom-base-at-small { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-small { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-small { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-small { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-small { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-small { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-small { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-small { padding-bottom: var(--space-none) !important; } .pad-left-base-at-small { padding-left: var(--space-base) !important; } .pad-left-line-at-small { padding-left: var(--space-line) !important; } .pad-left-small-at-small { padding-left: var(--space-small) !important; } .pad-left-medium-at-small { padding-left: var(--space-medium) !important; } .pad-left-large-at-small { padding-left: var(--space-large) !important; } .pad-left-xl-at-small { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-small { padding-left: var(--space-xxl) !important; } .pad-left-none-at-small { padding-left: var(--space-none) !important; } .pad-right-base-at-small { padding-right: var(--space-base) !important; } .pad-right-line-at-small { padding-right: var(--space-line) !important; } .pad-right-small-at-small { padding-right: var(--space-small) !important; } .pad-right-medium-at-small { padding-right: var(--space-medium) !important; } .pad-right-large-at-small { padding-right: var(--space-large) !important; } .pad-right-xl-at-small { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-small { padding-right: var(--space-xxl) !important; } .pad-right-none-at-small { padding-right: var(--space-none) !important; } .gap-base-at-small { margin: var(--space-base) !important; } .gap-line-at-small { margin: var(--space-line) !important; } .gap-small-at-small { margin: var(--space-small) !important; } .gap-medium-at-small { margin: var(--space-medium) !important; } .gap-large-at-small { margin: var(--space-large) !important; } .gap-xl-at-small { margin: var(--space-xl) !important; } .gap-xxl-at-small { margin: var(--space-xxl) !important; } .gap-none-at-small { margin: var(--space-none) !important; } .gap-vert-base-at-small { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-small { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-small { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-small { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-small { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-small { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-small { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-small { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-small { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-small { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-small { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-small { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-small { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-small { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-small { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-small { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-small { margin-top: var(--space-base) !important; } .gap-top-line-at-small { margin-top: var(--space-line) !important; } .gap-top-small-at-small { margin-top: var(--space-small) !important; } .gap-top-medium-at-small { margin-top: var(--space-medium) !important; } .gap-top-large-at-small { margin-top: var(--space-large) !important; } .gap-top-xl-at-small { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-small { margin-top: var(--space-xxl) !important; } .gap-top-none-at-small { margin-top: var(--space-none) !important; } .gap-bottom-base-at-small { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-small { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-small { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-small { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-small { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-small { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-small { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-small { margin-bottom: var(--space-none) !important; } .gap-left-base-at-small { margin-left: var(--space-base) !important; } .gap-left-line-at-small { margin-left: var(--space-line) !important; } .gap-left-small-at-small { margin-left: var(--space-small) !important; } .gap-left-medium-at-small { margin-left: var(--space-medium) !important; } .gap-left-large-at-small { margin-left: var(--space-large) !important; } .gap-left-xl-at-small { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-small { margin-left: var(--space-xxl) !important; } .gap-left-none-at-small { margin-left: var(--space-none) !important; } .gap-right-base-at-small { margin-right: var(--space-base) !important; } .gap-right-line-at-small { margin-right: var(--space-line) !important; } .gap-right-small-at-small { margin-right: var(--space-small) !important; } .gap-right-medium-at-small { margin-right: var(--space-medium) !important; } .gap-right-large-at-small { margin-right: var(--space-large) !important; } .gap-right-xl-at-small { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-small { margin-right: var(--space-xxl) !important; } .gap-right-none-at-small { margin-right: var(--space-none) !important; } .offset-base-at-small { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-small { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-small { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-small { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-small { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-small { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-small { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-small { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-small { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-small { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-small { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-small { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-small { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-small { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-small { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-small { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-small { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-small { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-small { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-small { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-small { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-small { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-small { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-small { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-small { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-small { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-small { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-small { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-small { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-small { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-small { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-small { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-small { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-small { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-small { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-small { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-small { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-small { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-small { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-small { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-small { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-small { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-small { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-small { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-small { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-small { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-small { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-small { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-small { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-small { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-small { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-small { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-small { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-small { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-small { margin-right: calc(-1 * var(--space-none)) !important; } } @media (min-width: 1023px) { .pad-base-at-medium { padding: var(--space-base) !important; } .pad-line-at-medium { padding: var(--space-line) !important; } .pad-small-at-medium { padding: var(--space-small) !important; } .pad-medium-at-medium { padding: var(--space-medium) !important; } .pad-large-at-medium { padding: var(--space-large) !important; } .pad-xl-at-medium { padding: var(--space-xl) !important; } .pad-xxl-at-medium { padding: var(--space-xxl) !important; } .pad-none-at-medium { padding: var(--space-none) !important; } .pad-vert-base-at-medium { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-medium { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-medium { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-medium { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-medium { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-medium { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-medium { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-medium { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-medium { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-medium { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-medium { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-medium { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-medium { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-medium { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-medium { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-medium { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-medium { padding-top: var(--space-base) !important; } .pad-top-line-at-medium { padding-top: var(--space-line) !important; } .pad-top-small-at-medium { padding-top: var(--space-small) !important; } .pad-top-medium-at-medium { padding-top: var(--space-medium) !important; } .pad-top-large-at-medium { padding-top: var(--space-large) !important; } .pad-top-xl-at-medium { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-medium { padding-top: var(--space-xxl) !important; } .pad-top-none-at-medium { padding-top: var(--space-none) !important; } .pad-bottom-base-at-medium { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-medium { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-medium { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-medium { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-medium { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-medium { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-medium { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-medium { padding-bottom: var(--space-none) !important; } .pad-left-base-at-medium { padding-left: var(--space-base) !important; } .pad-left-line-at-medium { padding-left: var(--space-line) !important; } .pad-left-small-at-medium { padding-left: var(--space-small) !important; } .pad-left-medium-at-medium { padding-left: var(--space-medium) !important; } .pad-left-large-at-medium { padding-left: var(--space-large) !important; } .pad-left-xl-at-medium { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-medium { padding-left: var(--space-xxl) !important; } .pad-left-none-at-medium { padding-left: var(--space-none) !important; } .pad-right-base-at-medium { padding-right: var(--space-base) !important; } .pad-right-line-at-medium { padding-right: var(--space-line) !important; } .pad-right-small-at-medium { padding-right: var(--space-small) !important; } .pad-right-medium-at-medium { padding-right: var(--space-medium) !important; } .pad-right-large-at-medium { padding-right: var(--space-large) !important; } .pad-right-xl-at-medium { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-medium { padding-right: var(--space-xxl) !important; } .pad-right-none-at-medium { padding-right: var(--space-none) !important; } .gap-base-at-medium { margin: var(--space-base) !important; } .gap-line-at-medium { margin: var(--space-line) !important; } .gap-small-at-medium { margin: var(--space-small) !important; } .gap-medium-at-medium { margin: var(--space-medium) !important; } .gap-large-at-medium { margin: var(--space-large) !important; } .gap-xl-at-medium { margin: var(--space-xl) !important; } .gap-xxl-at-medium { margin: var(--space-xxl) !important; } .gap-none-at-medium { margin: var(--space-none) !important; } .gap-vert-base-at-medium { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-medium { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-medium { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-medium { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-medium { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-medium { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-medium { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-medium { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-medium { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-medium { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-medium { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-medium { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-medium { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-medium { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-medium { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-medium { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-medium { margin-top: var(--space-base) !important; } .gap-top-line-at-medium { margin-top: var(--space-line) !important; } .gap-top-small-at-medium { margin-top: var(--space-small) !important; } .gap-top-medium-at-medium { margin-top: var(--space-medium) !important; } .gap-top-large-at-medium { margin-top: var(--space-large) !important; } .gap-top-xl-at-medium { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-medium { margin-top: var(--space-xxl) !important; } .gap-top-none-at-medium { margin-top: var(--space-none) !important; } .gap-bottom-base-at-medium { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-medium { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-medium { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-medium { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-medium { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-medium { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-medium { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-medium { margin-bottom: var(--space-none) !important; } .gap-left-base-at-medium { margin-left: var(--space-base) !important; } .gap-left-line-at-medium { margin-left: var(--space-line) !important; } .gap-left-small-at-medium { margin-left: var(--space-small) !important; } .gap-left-medium-at-medium { margin-left: var(--space-medium) !important; } .gap-left-large-at-medium { margin-left: var(--space-large) !important; } .gap-left-xl-at-medium { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-medium { margin-left: var(--space-xxl) !important; } .gap-left-none-at-medium { margin-left: var(--space-none) !important; } .gap-right-base-at-medium { margin-right: var(--space-base) !important; } .gap-right-line-at-medium { margin-right: var(--space-line) !important; } .gap-right-small-at-medium { margin-right: var(--space-small) !important; } .gap-right-medium-at-medium { margin-right: var(--space-medium) !important; } .gap-right-large-at-medium { margin-right: var(--space-large) !important; } .gap-right-xl-at-medium { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-medium { margin-right: var(--space-xxl) !important; } .gap-right-none-at-medium { margin-right: var(--space-none) !important; } .offset-base-at-medium { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-medium { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-medium { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-medium { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-medium { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-medium { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-medium { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-medium { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-medium { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-medium { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-medium { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-medium { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-medium { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-medium { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-medium { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-medium { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-medium { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-medium { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-medium { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-medium { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-medium { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-medium { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-medium { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-medium { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-medium { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-medium { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-medium { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-medium { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-medium { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-medium { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-medium { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-medium { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-medium { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-medium { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-medium { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-medium { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-medium { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-medium { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-medium { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-medium { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-medium { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-medium { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-medium { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-medium { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-medium { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-medium { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-medium { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-medium { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-medium { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-medium { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-medium { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-medium { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-medium { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-medium { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-medium { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-medium { margin-right: calc(-1 * var(--space-none)) !important; } } @media (min-width: 1240px) { .pad-base-at-large { padding: var(--space-base) !important; } .pad-line-at-large { padding: var(--space-line) !important; } .pad-small-at-large { padding: var(--space-small) !important; } .pad-medium-at-large { padding: var(--space-medium) !important; } .pad-large-at-large { padding: var(--space-large) !important; } .pad-xl-at-large { padding: var(--space-xl) !important; } .pad-xxl-at-large { padding: var(--space-xxl) !important; } .pad-none-at-large { padding: var(--space-none) !important; } .pad-vert-base-at-large { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-large { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-large { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-large { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-large { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-large { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-large { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-large { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-large { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-large { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-large { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-large { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-large { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-large { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-large { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-large { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-large { padding-top: var(--space-base) !important; } .pad-top-line-at-large { padding-top: var(--space-line) !important; } .pad-top-small-at-large { padding-top: var(--space-small) !important; } .pad-top-medium-at-large { padding-top: var(--space-medium) !important; } .pad-top-large-at-large { padding-top: var(--space-large) !important; } .pad-top-xl-at-large { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-large { padding-top: var(--space-xxl) !important; } .pad-top-none-at-large { padding-top: var(--space-none) !important; } .pad-bottom-base-at-large { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-large { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-large { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-large { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-large { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-large { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-large { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-large { padding-bottom: var(--space-none) !important; } .pad-left-base-at-large { padding-left: var(--space-base) !important; } .pad-left-line-at-large { padding-left: var(--space-line) !important; } .pad-left-small-at-large { padding-left: var(--space-small) !important; } .pad-left-medium-at-large { padding-left: var(--space-medium) !important; } .pad-left-large-at-large { padding-left: var(--space-large) !important; } .pad-left-xl-at-large { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-large { padding-left: var(--space-xxl) !important; } .pad-left-none-at-large { padding-left: var(--space-none) !important; } .pad-right-base-at-large { padding-right: var(--space-base) !important; } .pad-right-line-at-large { padding-right: var(--space-line) !important; } .pad-right-small-at-large { padding-right: var(--space-small) !important; } .pad-right-medium-at-large { padding-right: var(--space-medium) !important; } .pad-right-large-at-large { padding-right: var(--space-large) !important; } .pad-right-xl-at-large { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-large { padding-right: var(--space-xxl) !important; } .pad-right-none-at-large { padding-right: var(--space-none) !important; } .gap-base-at-large { margin: var(--space-base) !important; } .gap-line-at-large { margin: var(--space-line) !important; } .gap-small-at-large { margin: var(--space-small) !important; } .gap-medium-at-large { margin: var(--space-medium) !important; } .gap-large-at-large { margin: var(--space-large) !important; } .gap-xl-at-large { margin: var(--space-xl) !important; } .gap-xxl-at-large { margin: var(--space-xxl) !important; } .gap-none-at-large { margin: var(--space-none) !important; } .gap-vert-base-at-large { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-large { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-large { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-large { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-large { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-large { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-large { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-large { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-large { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-large { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-large { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-large { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-large { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-large { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-large { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-large { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-large { margin-top: var(--space-base) !important; } .gap-top-line-at-large { margin-top: var(--space-line) !important; } .gap-top-small-at-large { margin-top: var(--space-small) !important; } .gap-top-medium-at-large { margin-top: var(--space-medium) !important; } .gap-top-large-at-large { margin-top: var(--space-large) !important; } .gap-top-xl-at-large { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-large { margin-top: var(--space-xxl) !important; } .gap-top-none-at-large { margin-top: var(--space-none) !important; } .gap-bottom-base-at-large { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-large { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-large { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-large { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-large { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-large { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-large { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-large { margin-bottom: var(--space-none) !important; } .gap-left-base-at-large { margin-left: var(--space-base) !important; } .gap-left-line-at-large { margin-left: var(--space-line) !important; } .gap-left-small-at-large { margin-left: var(--space-small) !important; } .gap-left-medium-at-large { margin-left: var(--space-medium) !important; } .gap-left-large-at-large { margin-left: var(--space-large) !important; } .gap-left-xl-at-large { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-large { margin-left: var(--space-xxl) !important; } .gap-left-none-at-large { margin-left: var(--space-none) !important; } .gap-right-base-at-large { margin-right: var(--space-base) !important; } .gap-right-line-at-large { margin-right: var(--space-line) !important; } .gap-right-small-at-large { margin-right: var(--space-small) !important; } .gap-right-medium-at-large { margin-right: var(--space-medium) !important; } .gap-right-large-at-large { margin-right: var(--space-large) !important; } .gap-right-xl-at-large { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-large { margin-right: var(--space-xxl) !important; } .gap-right-none-at-large { margin-right: var(--space-none) !important; } .offset-base-at-large { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-large { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-large { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-large { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-large { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-large { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-large { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-large { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-large { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-large { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-large { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-large { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-large { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-large { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-large { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-large { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-large { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-large { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-large { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-large { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-large { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-large { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-large { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-large { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-large { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-large { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-large { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-large { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-large { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-large { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-large { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-large { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-large { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-large { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-large { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-large { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-large { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-large { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-large { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-large { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-large { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-large { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-large { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-large { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-large { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-large { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-large { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-large { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-large { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-large { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-large { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-large { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-large { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-large { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-large { margin-right: calc(-1 * var(--space-none)) !important; } } @media (min-width: 1500px) { .pad-base-at-extra-large { padding: var(--space-base) !important; } .pad-line-at-extra-large { padding: var(--space-line) !important; } .pad-small-at-extra-large { padding: var(--space-small) !important; } .pad-medium-at-extra-large { padding: var(--space-medium) !important; } .pad-large-at-extra-large { padding: var(--space-large) !important; } .pad-xl-at-extra-large { padding: var(--space-xl) !important; } .pad-xxl-at-extra-large { padding: var(--space-xxl) !important; } .pad-none-at-extra-large { padding: var(--space-none) !important; } .pad-vert-base-at-extra-large { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-extra-large { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-extra-large { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-extra-large { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-extra-large { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-extra-large { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-extra-large { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-extra-large { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-extra-large { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-extra-large { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-extra-large { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-extra-large { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-extra-large { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-extra-large { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-extra-large { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-extra-large { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-extra-large { padding-top: var(--space-base) !important; } .pad-top-line-at-extra-large { padding-top: var(--space-line) !important; } .pad-top-small-at-extra-large { padding-top: var(--space-small) !important; } .pad-top-medium-at-extra-large { padding-top: var(--space-medium) !important; } .pad-top-large-at-extra-large { padding-top: var(--space-large) !important; } .pad-top-xl-at-extra-large { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-extra-large { padding-top: var(--space-xxl) !important; } .pad-top-none-at-extra-large { padding-top: var(--space-none) !important; } .pad-bottom-base-at-extra-large { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-extra-large { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-extra-large { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-extra-large { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-extra-large { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-extra-large { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-extra-large { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-extra-large { padding-bottom: var(--space-none) !important; } .pad-left-base-at-extra-large { padding-left: var(--space-base) !important; } .pad-left-line-at-extra-large { padding-left: var(--space-line) !important; } .pad-left-small-at-extra-large { padding-left: var(--space-small) !important; } .pad-left-medium-at-extra-large { padding-left: var(--space-medium) !important; } .pad-left-large-at-extra-large { padding-left: var(--space-large) !important; } .pad-left-xl-at-extra-large { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-extra-large { padding-left: var(--space-xxl) !important; } .pad-left-none-at-extra-large { padding-left: var(--space-none) !important; } .pad-right-base-at-extra-large { padding-right: var(--space-base) !important; } .pad-right-line-at-extra-large { padding-right: var(--space-line) !important; } .pad-right-small-at-extra-large { padding-right: var(--space-small) !important; } .pad-right-medium-at-extra-large { padding-right: var(--space-medium) !important; } .pad-right-large-at-extra-large { padding-right: var(--space-large) !important; } .pad-right-xl-at-extra-large { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-extra-large { padding-right: var(--space-xxl) !important; } .pad-right-none-at-extra-large { padding-right: var(--space-none) !important; } .gap-base-at-extra-large { margin: var(--space-base) !important; } .gap-line-at-extra-large { margin: var(--space-line) !important; } .gap-small-at-extra-large { margin: var(--space-small) !important; } .gap-medium-at-extra-large { margin: var(--space-medium) !important; } .gap-large-at-extra-large { margin: var(--space-large) !important; } .gap-xl-at-extra-large { margin: var(--space-xl) !important; } .gap-xxl-at-extra-large { margin: var(--space-xxl) !important; } .gap-none-at-extra-large { margin: var(--space-none) !important; } .gap-vert-base-at-extra-large { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-extra-large { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-extra-large { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-extra-large { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-extra-large { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-extra-large { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-extra-large { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-extra-large { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-extra-large { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-extra-large { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-extra-large { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-extra-large { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-extra-large { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-extra-large { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-extra-large { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-extra-large { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-extra-large { margin-top: var(--space-base) !important; } .gap-top-line-at-extra-large { margin-top: var(--space-line) !important; } .gap-top-small-at-extra-large { margin-top: var(--space-small) !important; } .gap-top-medium-at-extra-large { margin-top: var(--space-medium) !important; } .gap-top-large-at-extra-large { margin-top: var(--space-large) !important; } .gap-top-xl-at-extra-large { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-extra-large { margin-top: var(--space-xxl) !important; } .gap-top-none-at-extra-large { margin-top: var(--space-none) !important; } .gap-bottom-base-at-extra-large { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-extra-large { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-extra-large { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-extra-large { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-extra-large { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-extra-large { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-extra-large { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-extra-large { margin-bottom: var(--space-none) !important; } .gap-left-base-at-extra-large { margin-left: var(--space-base) !important; } .gap-left-line-at-extra-large { margin-left: var(--space-line) !important; } .gap-left-small-at-extra-large { margin-left: var(--space-small) !important; } .gap-left-medium-at-extra-large { margin-left: var(--space-medium) !important; } .gap-left-large-at-extra-large { margin-left: var(--space-large) !important; } .gap-left-xl-at-extra-large { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-extra-large { margin-left: var(--space-xxl) !important; } .gap-left-none-at-extra-large { margin-left: var(--space-none) !important; } .gap-right-base-at-extra-large { margin-right: var(--space-base) !important; } .gap-right-line-at-extra-large { margin-right: var(--space-line) !important; } .gap-right-small-at-extra-large { margin-right: var(--space-small) !important; } .gap-right-medium-at-extra-large { margin-right: var(--space-medium) !important; } .gap-right-large-at-extra-large { margin-right: var(--space-large) !important; } .gap-right-xl-at-extra-large { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-extra-large { margin-right: var(--space-xxl) !important; } .gap-right-none-at-extra-large { margin-right: var(--space-none) !important; } .offset-base-at-extra-large { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-extra-large { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-extra-large { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-extra-large { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-extra-large { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-extra-large { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-extra-large { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-extra-large { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-extra-large { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-extra-large { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-extra-large { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-extra-large { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-extra-large { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-extra-large { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-extra-large { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-extra-large { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-extra-large { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-extra-large { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-extra-large { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-extra-large { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-extra-large { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-extra-large { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-extra-large { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-extra-large { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-extra-large { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-extra-large { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-extra-large { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-extra-large { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-extra-large { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-extra-large { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-extra-large { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-extra-large { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-extra-large { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-extra-large { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-extra-large { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-extra-large { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-extra-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-extra-large { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-extra-large { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-extra-large { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-extra-large { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-extra-large { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-extra-large { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-extra-large { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-extra-large { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-extra-large { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-extra-large { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-extra-large { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-extra-large { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-extra-large { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-extra-large { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-extra-large { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-extra-large { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-extra-large { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-extra-large { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-extra-large { margin-right: calc(-1 * var(--space-none)) !important; } } .font-size-tiny { font-size: var(--font-size-tiny); line-height: var(--line-height-tiny); } .type-display .font-size-tiny { font-size: var(--font-size-display-tiny); line-height: var(--line-height-display-tiny); letter-spacing: var(--letter-spacing-display-normal); } .font-size-small { font-size: var(--font-size-small); line-height: var(--line-height-small); } .type-display .font-size-small { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); letter-spacing: var(--letter-spacing-display-normal); } .font-size-base { font-size: var(--font-size-base); line-height: var(--line-height-base); } .type-display .font-size-base { font-size: var(--font-size-display-base); line-height: var(--line-height-display-base); } .font-size-large { font-size: var(--font-size-medium); line-height: var(--line-height-medium); letter-spacing: var(--letter-spacing-large-base); } @media (min-width: 1023px) { .font-size-large { font-size: var(--font-size-large); line-height: var(--line-height-large); letter-spacing: var(--letter-spacing-large-medium); } } .type-display .font-size-large { font-family: var(--font-family-display); font-size: var(--font-size-display-large-base); line-height: var(--line-height-display-large-base); letter-spacing: var(--letter-spacing-display-large-base); } .type-display .font-size-large a { letter-spacing: var(--letter-spacing-display-link-large-base); } @media (min-width: 1023px) { .type-display .font-size-large { font-size: var(--font-size-display-large-medium); line-height: var(--line-height-display-large-medium); letter-spacing: var(--letter-spacing-display-large-medium); } .type-display .font-size-large a { letter-spacing: var(--letter-spacing-display-link-large-medium); } } .font-weight-thin { font-weight: var(--font-weight-thin) !important; } .font-weight-light { font-weight: var(--font-weight-light) !important; } .font-weight-regular { font-weight: var(--font-weight-regular) !important; } .font-weight-medium { font-weight: var(--font-weight-medium) !important; } .font-weight-semibold { font-weight: var(--font-weight-semibold) !important; } .font-weight-bold { font-weight: var(--font-weight-bold) !important; } .font-eyebrow-small { font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.125em; font-family: var(--font-family-base); font-size: var(--font-size-tiny); line-height: var(--line-height-tiny); } @media (min-width: 1023px) { .font-eyebrow-small { font-size: var(--font-size-small); line-height: var(--line-height-small); } } .type-display .font-eyebrow-small { font-size: var(--font-size-display-tiny); line-height: var(--line-height-display-tiny); } @media (min-width: 1023px) { .type-display .font-eyebrow-small { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); } } .font-eyebrow-large { font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.125em; font-family: var(--font-family-base); font-size: var(--font-size-small); line-height: var(--line-height-small); } @media (min-width: 1023px) { .font-eyebrow-large { font-size: var(--font-size-base); line-height: var(--line-height-base); } } .type-display .font-eyebrow-large { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); } @media (min-width: 1023px) { .type-display .font-eyebrow-large { font-size: var(--font-size-display-base); line-height: var(--line-height-display-base); } } .headings-compact h1:not(:first-child), .headings-compact .h1:not(:first-child), .headings-compact h2:not(:first-child), .headings-compact .h2:not(:first-child), .headings-compact h3:not(:first-child), .headings-compact .h3:not(:first-child), .headings-compact h4:not(:first-child), .headings-compact .h4:not(:first-child), .headings-compact h5:not(:first-child), .headings-compact .h5:not(:first-child), .headings-compact .font-eyebrow-small:not(:first-child), .headings-compact .font-eyebrow-large:not(:first-child) { margin-top: var(--line-height-base); } .headings-compact h1:not(:last-child), .headings-compact .h1:not(:last-child), .headings-compact h2:not(:last-child), .headings-compact .h2:not(:last-child), .headings-compact h3:not(:last-child), .headings-compact .h3:not(:last-child), .headings-compact h4:not(:last-child), .headings-compact .h4:not(:last-child), .headings-compact h5:not(:last-child), .headings-compact .h5:not(:last-child), .headings-compact .font-eyebrow-small:not(:last-child), .headings-compact .font-eyebrow-large:not(:last-child) { margin-bottom: calc(var(--line-height-base) / 2); } .headings-compact h1 + p, .headings-compact .h1 + p, .headings-compact h2 + p, .headings-compact .h2 + p, .headings-compact h3 + p, .headings-compact .h3 + p, .headings-compact h4 + p, .headings-compact .h4 + p, .headings-compact h5 + p, .headings-compact .h5 + p, .headings-compact .font-eyebrow-small + p, .headings-compact .font-eyebrow-large + p { margin-top: 0; } .headings-compact h6:not(:first-child), .headings-compact .h6:not(:first-child) { margin-top: var(--line-height-base); } .headings-compact h6:not(:last-child), .headings-compact .h6:not(:last-child) { margin-bottom: 0; } .headings-compact h6 + p, .headings-compact .h6 + p { margin-top: 0; } .type-display .headings-compact h1:not(:first-child), .type-display .headings-compact .h1:not(:first-child), .type-display .headings-compact h2:not(:first-child), .type-display .headings-compact .h2:not(:first-child), .type-display .headings-compact h3:not(:first-child), .type-display .headings-compact .h3:not(:first-child), .type-display .headings-compact h4:not(:first-child), .type-display .headings-compact .h4:not(:first-child), .type-display .headings-compact h5:not(:first-child), .type-display .headings-compact .h5:not(:first-child), .type-display .headings-compact .font-eyebrow-small:not(:first-child), .type-display .headings-compact .font-eyebrow-large:not(:first-child) { margin-top: var(--line-height-display-base); } .type-display .headings-compact h1:not(:last-child), .type-display .headings-compact .h1:not(:last-child), .type-display .headings-compact h2:not(:last-child), .type-display .headings-compact .h2:not(:last-child), .type-display .headings-compact h3:not(:last-child), .type-display .headings-compact .h3:not(:last-child), .type-display .headings-compact h4:not(:last-child), .type-display .headings-compact .h4:not(:last-child), .type-display .headings-compact h5:not(:last-child), .type-display .headings-compact .h5:not(:last-child), .type-display .headings-compact .font-eyebrow-small:not(:last-child), .type-display .headings-compact .font-eyebrow-large:not(:last-child) { margin-bottom: calc(var(--line-height-display-base) / 2); } .type-display .headings-compact h1 + p, .type-display .headings-compact .h1 + p, .type-display .headings-compact h2 + p, .type-display .headings-compact .h2 + p, .type-display .headings-compact h3 + p, .type-display .headings-compact .h3 + p, .type-display .headings-compact h4 + p, .type-display .headings-compact .h4 + p, .type-display .headings-compact h5 + p, .type-display .headings-compact .h5 + p, .type-display .headings-compact .font-eyebrow-small + p, .type-display .headings-compact .font-eyebrow-large + p { margin-top: 0; } .type-display .headings-compact h6:not(:first-child), .type-display .headings-compact .h6:not(:first-child) { margin-top: var(--line-height-display-base); } .type-display .headings-compact h6:not(:last-child), .type-display .headings-compact .h6:not(:last-child) { margin-bottom: 0; } .type-display .headings-compact h6 + p, .type-display .headings-compact .h6 + p { margin-top: 0; } .fine-print, .upperspaced { font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.125em; font-family: var(--font-family-base); font-size: var(--font-size-tiny); line-height: var(--line-height-tiny); } @media (min-width: 1023px) { .fine-print, .upperspaced { font-size: var(--font-size-small); line-height: var(--line-height-small); } } .type-display .fine-print, .type-display .upperspaced { font-size: var(--font-size-display-tiny); line-height: var(--line-height-display-tiny); } @media (min-width: 1023px) { .type-display .fine-print, .type-display .upperspaced { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); } } .legal-text { font-size: var(--font-size-tiny); line-height: var(--line-height-tiny); } .type-display .legal-text { font-size: var(--font-size-display-tiny); line-height: var(--line-height-display-tiny); letter-spacing: var(--letter-spacing-display-normal); } .text-truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .no-wrap { white-space: nowrap; } .uppercase { text-transform: uppercase !important; } .capitalize { text-transform: capitalize !important; } .lowercase { text-transform: lowercase !important; } .normalcase { text-transform: none !important; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) { position: relative; --carousel-button-size: 40px; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]), .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide img { position: relative; width: 100%; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide[data-active='false'] *, .carousel[data-dragging='true']:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide *, .carousel[data-animating='true']:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide * { pointer-events: none; } .carousel[data-dragging='true']:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slider, .carousel[data-dragging='start']:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-opacity-focus]:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-opacity-focus]:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator:hover, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator:focus { opacity: 0.5; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator:active { opacity: 1; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator::before, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator::before { background-color: white; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-nav { margin-top: var(--space-small); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } @media (hover: hover) { .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:hover, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:focus, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:hover, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:hover, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:focus, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:hover, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:active, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:active, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left::before, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left::before, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left.hidden, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { margin-left: var(--space-line); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } @media (min-width: 1023px) { .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { position: absolute; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left::before, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left.hidden, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right.hidden { display: none !important; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left { left: var(--space-line); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { right: var(--space-line); } } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='base'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='base'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='base'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='base'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='base'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='base'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } @media (hover: hover) { .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } @media (min-width: 1023px) { .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 374px) { .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='extra-small'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='extra-small'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='extra-small'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='extra-small'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='extra-small'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='extra-small'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 374px) and (hover: hover) { .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 374px) { .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 374px) and (min-width: 1023px) { .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 716px) { .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='small'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='small'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='small'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='small'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='small'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='small'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 716px) and (hover: hover) { .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 716px) { .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 716px) and (min-width: 1023px) { .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 1022px) { .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='medium'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='medium'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='medium'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='medium'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='medium'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='medium'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 1022px) and (hover: hover) { .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 1022px) { .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 1022px) and (min-width: 1023px) { .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 1239px) { .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='large'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='large'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='large'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='large'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='large'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='large'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 1239px) and (hover: hover) { .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 1239px) { .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 1239px) and (min-width: 1023px) { .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 1499px) { .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='extra-large'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='extra-large'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='extra-large'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='extra-large'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='extra-large'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='extra-large'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 1499px) and (hover: hover) { .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 1499px) { .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 1499px) and (min-width: 1023px) { .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } .flash { visibility: hidden; position: fixed; z-index: 800; width: 100%; max-width: var(--body-width-max); font-size: var(--font-size-small); line-height: var(--line-height-small); font-weight: var(--font-weight-bold); text-align: center; color: white; background-color: var(--color-gray-80); transition: transform var(--duration-leave) var(--easing-accelerate) 0s, visibility 0s linear var(--duration-leave), background-color var(--duration-quick) var(--easing-sharp); } .flash a { font-weight: inherit; color: inherit; text-decoration: underline; } .flash-message { margin-left: auto; margin-right: auto; padding-top: var(--space-line); padding-bottom: var(--space-line); width: var(--container-width-base); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--body-width-min) - var(--container-width-base)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--body-width-min) - var(--container-width-base)) / 2)))); } @media (min-width: 375px) { .flash-message { width: var(--container-width-extra-small); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-extra-small) - var(--container-width-extra-small)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-extra-small) - var(--container-width-extra-small)) / 2)))); } } @media (min-width: 717px) { .flash-message { width: var(--container-width-small); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-small) - var(--container-width-small)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-small) - var(--container-width-small)) / 2)))); } } @media (min-width: 1023px) { .flash-message { width: var(--container-width-medium); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-medium) - var(--container-width-medium)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-medium) - var(--container-width-medium)) / 2)))); } } @media (min-width: 1240px) { .flash-message { width: var(--container-width-large); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-large) - var(--container-width-large)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-large) - var(--container-width-large)) / 2)))); } } @media (min-width: 1500px) { .flash-message { width: var(--container-width-extra-large); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-extra-large) - var(--container-width-extra-large)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-extra-large) - var(--container-width-extra-large)) / 2)))); } } .flash-close { position: absolute; display: block; overflow: hidden; top: var(--space-line); right: var(--space-line); width: var(--close-button-size); height: var(--close-button-size); min-height: 0; padding: 0; font-size: 0; color: transparent; background-color: transparent !important; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); background-repeat: no-repeat; background-position: center; outline: 0; } .flash-top { top: 0; transform: translateY(-100%); box-shadow: 0 4px 20px var(--color-drop-shadow); } .flash-bottom { bottom: 0; transform: translateY(100%); box-shadow: 0 -4px 20px var(--color-drop-shadow); } .flash-info { background-color: var(--color-validation-info); } .flash-success { background-color: var(--color-validation-success); } .flash-warning { background-color: var(--color-validation-warning); } .flash-error { background-color: var(--color-validation-error); } .flash-show { visibility: visible; transform: translateY(0); transition: transform var(--duration-enter) var(--easing-decelerate) 0s, visibility 0s linear 0s, background-color var(--duration-quick) var(--easing-sharp); } .page-footer { margin-top: auto; position: relative; background-color: var(--color-footer-bg); color: var(--color-footer-text); font-size: var(--font-size-small); line-height: var(--line-height-small); } .page-footer [fill]:not([fill='none']):not([fill^='url']) { fill: var(--color-footer-link) !important; } .page-footer [stroke]:not([stroke='transparent']) { stroke: var(--color-footer-link) !important; } .page-footer a { color: var(--color-footer-link) !important; } .page-footer h1 a, .page-footer .h1 a, .page-footer h2 a, .page-footer .h2 a, .page-footer h3 a, .page-footer .h3 a, .page-footer h4 a, .page-footer .h4 a, .page-footer h5 a, .page-footer .h5 a, .page-footer h6 a, .page-footer .h6 a { color: var(--color-footer-text) !important; } .page-footer .destination-links li { margin-bottom: calc(var(--space-base) / 2); } .page-footer .primary { margin-bottom: var(--space-small); } .page-footer .tertiary { padding-top: var(--space-line); padding-bottom: var(--space-line); margin-bottom: var(--space-line); border-top: 1px solid var(--color-footer-border); border-bottom: 1px solid var(--color-footer-border); } .page-footer .collapse { visibility: hidden; } @media (min-width: 717px) { .page-footer [data-transition-target] { cursor: default; pointer-events: none; } .page-footer [data-transition-target] .caret::after { display: none; } } @media (min-width: 717px) { .page-footer [data-transition-types='collapse fade'] { overflow: visible !important; opacity: 1 !important; height: auto !important; visibility: visible !important; } } :root { --_graphical-list-size: 40px; } ol.graphical { counter-reset: list_item; } ol.graphical:not([class^='grid']):not([class*=' grid']) { margin-bottom: calc(-1 * var(--space-small)); } ol.graphical:not([class^='grid']):not([class*=' grid']) > li { margin-bottom: var(--space-small); } ol.graphical:not([class^='grid']):not([class*=' grid']):not([class*='graphical-flex']) > li { padding-left: 0; } ol.graphical > li::before { counter-increment: list_item; content: counter(list_item); display: block; position: static; width: var(--_graphical-list-size); height: var(--_graphical-list-size); margin-left: 0; margin-bottom: var(--space-line); font-size: var(--font-size-small); font-weight: var(--font-weight-medium); text-align: center; line-height: calc(var(--_graphical-list-size) - 2px); color: var(--color-text); border-style: solid; border-width: 1px; border-radius: 50%; border-color: var(--color-text); } .bg-invert ol.graphical > li::before, .bg-theme ol.graphical > li::before { color: white; border-color: white; } ol.graphical > li > *:last-child { margin-bottom: 0; } ol.graphical.graphical-flex > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex[class^='grid'] > li, ol.graphical.graphical-flex[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex[class^='grid'] > li::before, ol.graphical.graphical-flex[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } @media (min-width: 375px) { ol.graphical.graphical-flex-at-extra-small > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-extra-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-extra-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } @media (min-width: 717px) { ol.graphical.graphical-flex-at-small > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-small > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-small[class^='grid'] > li, ol.graphical.graphical-flex-at-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-small.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-small.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-small.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-small.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-small.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-small.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-small.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-small.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } @media (min-width: 1023px) { ol.graphical.graphical-flex-at-medium > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-medium > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } @media (min-width: 1240px) { ol.graphical.graphical-flex-at-large > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-large > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-large[class^='grid'] > li, ol.graphical.graphical-flex-at-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-large.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-large.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-large.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-large.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-large.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-large.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-large.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-large.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } @media (min-width: 1500px) { ol.graphical.graphical-flex-at-extra-large > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-extra-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-extra-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } .theme-lime ol.graphical > li::before, [class^='theme-'] .theme-lime ol.graphical > li::before, [class*=' theme-'] .theme-lime ol.graphical > li::before { color: var(--color-lime); border-color: var(--color-lime); } .theme-lime .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-lime .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-lime .bg-invert ol.graphical > li::before { color: var(--color-lime-light); border-color: var(--color-lime-light); } .theme-lime .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-lime .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-lime .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-lime .bg-white ol.graphical > li::before, [class^='theme-'] .theme-lime .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-lime .bg-white ol.graphical > li::before { color: var(--color-lime); border-color: var(--color-lime); } .theme-green ol.graphical > li::before, [class^='theme-'] .theme-green ol.graphical > li::before, [class*=' theme-'] .theme-green ol.graphical > li::before { color: var(--color-green); border-color: var(--color-green); } .theme-green .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-green .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-green .bg-invert ol.graphical > li::before { color: var(--color-green-light); border-color: var(--color-green-light); } .theme-green .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-green .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-green .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-green .bg-white ol.graphical > li::before, [class^='theme-'] .theme-green .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-green .bg-white ol.graphical > li::before { color: var(--color-green); border-color: var(--color-green); } .theme-teal ol.graphical > li::before, [class^='theme-'] .theme-teal ol.graphical > li::before, [class*=' theme-'] .theme-teal ol.graphical > li::before { color: var(--color-teal); border-color: var(--color-teal); } .theme-teal .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-teal .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-teal .bg-invert ol.graphical > li::before { color: var(--color-teal-light); border-color: var(--color-teal-light); } .theme-teal .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-teal .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-teal .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-teal .bg-white ol.graphical > li::before, [class^='theme-'] .theme-teal .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-teal .bg-white ol.graphical > li::before { color: var(--color-teal); border-color: var(--color-teal); } .theme-blue ol.graphical > li::before, [class^='theme-'] .theme-blue ol.graphical > li::before, [class*=' theme-'] .theme-blue ol.graphical > li::before { color: var(--color-blue); border-color: var(--color-blue); } .theme-blue .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-blue .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-blue .bg-invert ol.graphical > li::before { color: var(--color-blue-light); border-color: var(--color-blue-light); } .theme-blue .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-blue .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-blue .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-blue .bg-white ol.graphical > li::before, [class^='theme-'] .theme-blue .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-blue .bg-white ol.graphical > li::before { color: var(--color-blue); border-color: var(--color-blue); } .theme-royal-blue ol.graphical > li::before, [class^='theme-'] .theme-royal-blue ol.graphical > li::before, [class*=' theme-'] .theme-royal-blue ol.graphical > li::before { color: var(--color-royal-blue); border-color: var(--color-royal-blue); } .theme-royal-blue .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-royal-blue .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-royal-blue .bg-invert ol.graphical > li::before { color: var(--color-royal-blue-light); border-color: var(--color-royal-blue-light); } .theme-royal-blue .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-royal-blue .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-royal-blue .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-royal-blue .bg-white ol.graphical > li::before, [class^='theme-'] .theme-royal-blue .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-royal-blue .bg-white ol.graphical > li::before { color: var(--color-royal-blue); border-color: var(--color-royal-blue); } .theme-indigo ol.graphical > li::before, [class^='theme-'] .theme-indigo ol.graphical > li::before, [class*=' theme-'] .theme-indigo ol.graphical > li::before { color: var(--color-indigo); border-color: var(--color-indigo); } .theme-indigo .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-indigo .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-indigo .bg-invert ol.graphical > li::before { color: var(--color-indigo-light); border-color: var(--color-indigo-light); } .theme-indigo .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-indigo .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-indigo .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-indigo .bg-white ol.graphical > li::before, [class^='theme-'] .theme-indigo .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-indigo .bg-white ol.graphical > li::before { color: var(--color-indigo); border-color: var(--color-indigo); } .theme-purple ol.graphical > li::before, [class^='theme-'] .theme-purple ol.graphical > li::before, [class*=' theme-'] .theme-purple ol.graphical > li::before { color: var(--color-purple); border-color: var(--color-purple); } .theme-purple .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-purple .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-purple .bg-invert ol.graphical > li::before { color: var(--color-purple-light); border-color: var(--color-purple-light); } .theme-purple .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-purple .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-purple .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-purple .bg-white ol.graphical > li::before, [class^='theme-'] .theme-purple .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-purple .bg-white ol.graphical > li::before { color: var(--color-purple); border-color: var(--color-purple); } .theme-plum ol.graphical > li::before, [class^='theme-'] .theme-plum ol.graphical > li::before, [class*=' theme-'] .theme-plum ol.graphical > li::before { color: var(--color-plum); border-color: var(--color-plum); } .theme-plum .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-plum .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-plum .bg-invert ol.graphical > li::before { color: var(--color-plum-light); border-color: var(--color-plum-light); } .theme-plum .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-plum .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-plum .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-plum .bg-white ol.graphical > li::before, [class^='theme-'] .theme-plum .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-plum .bg-white ol.graphical > li::before { color: var(--color-plum); border-color: var(--color-plum); } .theme-rose ol.graphical > li::before, [class^='theme-'] .theme-rose ol.graphical > li::before, [class*=' theme-'] .theme-rose ol.graphical > li::before { color: var(--color-rose); border-color: var(--color-rose); } .theme-rose .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-rose .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-rose .bg-invert ol.graphical > li::before { color: var(--color-rose-light); border-color: var(--color-rose-light); } .theme-rose .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-rose .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-rose .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-rose .bg-white ol.graphical > li::before, [class^='theme-'] .theme-rose .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-rose .bg-white ol.graphical > li::before { color: var(--color-rose); border-color: var(--color-rose); } .theme-orange ol.graphical > li::before, [class^='theme-'] .theme-orange ol.graphical > li::before, [class*=' theme-'] .theme-orange ol.graphical > li::before { color: var(--color-orange); border-color: var(--color-orange); } .theme-orange .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-orange .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-orange .bg-invert ol.graphical > li::before { color: var(--color-orange-light); border-color: var(--color-orange-light); } .theme-orange .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-orange .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-orange .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-orange .bg-white ol.graphical > li::before, [class^='theme-'] .theme-orange .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-orange .bg-white ol.graphical > li::before { color: var(--color-orange); border-color: var(--color-orange); } .align-center ol.graphical > li::before, ol.graphical.align-center > li::before, ol.graphical > li.align-center::before { margin-left: auto; margin-right: auto; } .align-right ol.graphical > li::before, ol.graphical.align-right > li::before, ol.graphical > li.align-right::before { margin-left: auto; margin-right: 0; } .hero { overflow: hidden; position: relative; text-align: center; } .hero .content { margin-left: auto; margin-right: auto; max-width: var(--content-max-width); padding: var(--space-medium) 0; } .type-display .hero .content { margin-left: auto; margin-right: auto; max-width: 100%; padding: var(--space-large) 0; } @media (min-width: 1023px) { .type-display .hero .content { padding: var(--space-xl) 0; } } .type-display .hero .content > * { margin-left: auto; margin-right: auto; max-width: var(--content-display-max-width); } .type-display .hero .content > h1 { margin-left: auto; margin-right: auto; max-width: 100%; } @media (min-width: 1023px) { .hero .content { padding: var(--space-large) 0; } } .hero h1 { font-size: var(--font-size-hero-base); line-height: var(--line-height-hero-base); letter-spacing: var(--letter-spacing-hero-base); margin-top: 0; } .hero h1:not(:last-child) { margin-bottom: var(--line-height-base); } @media (min-width: 1023px) { .hero h1 { font-size: var(--font-size-hero-medium); line-height: var(--line-height-hero-medium); letter-spacing: var(--letter-spacing-hero-medium); } } .type-display .hero h1 { font-size: var(--font-size-display-hero-base); line-height: var(--line-height-display-hero-base); letter-spacing: var(--letter-spacing-display-hero-base); } @media (min-width: 1023px) { .type-display .hero h1 { font-size: var(--font-size-display-hero-medium); line-height: var(--line-height-display-hero-medium); letter-spacing: var(--letter-spacing-display-hero-medium); font-weight: var(--font-weight-display-hero-medium); } } .hero h2 { font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.125em; font-family: var(--font-family-base); font-size: var(--font-size-small); line-height: var(--line-height-small); } @media (min-width: 1023px) { .hero h2 { font-size: var(--font-size-base); line-height: var(--line-height-base); } } .type-display .hero h2 { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); } @media (min-width: 1023px) { .type-display .hero h2 { font-size: var(--font-size-display-base); line-height: var(--line-height-display-base); } } .hero h2, .hero .font-eyebrow-large { margin-bottom: calc(var(--line-height-base) / 2); } .hero.hero-tucked { margin-top: calc(-1 * var(--nav-height)); padding-top: var(--nav-height); } .intro { margin-left: auto; margin-right: auto; max-width: var(--content-max-width); text-align: center; } .intro h1:not(:first-child), .intro .h1:not(:first-child), .intro h2:not(:first-child), .intro .h2:not(:first-child), .intro h3:not(:first-child), .intro .h3:not(:first-child), .intro h4:not(:first-child), .intro .h4:not(:first-child), .intro h5:not(:first-child), .intro .h5:not(:first-child), .intro .font-eyebrow-small:not(:first-child), .intro .font-eyebrow-large:not(:first-child) { margin-top: var(--line-height-base); } .intro h1:not(:last-child), .intro .h1:not(:last-child), .intro h2:not(:last-child), .intro .h2:not(:last-child), .intro h3:not(:last-child), .intro .h3:not(:last-child), .intro h4:not(:last-child), .intro .h4:not(:last-child), .intro h5:not(:last-child), .intro .h5:not(:last-child), .intro .font-eyebrow-small:not(:last-child), .intro .font-eyebrow-large:not(:last-child) { margin-bottom: calc(var(--line-height-base) / 2); } .intro h1 + p, .intro .h1 + p, .intro h2 + p, .intro .h2 + p, .intro h3 + p, .intro .h3 + p, .intro h4 + p, .intro .h4 + p, .intro h5 + p, .intro .h5 + p, .intro .font-eyebrow-small + p, .intro .font-eyebrow-large + p { margin-top: 0; } .intro h6:not(:first-child), .intro .h6:not(:first-child) { margin-top: var(--line-height-base); } .intro h6:not(:last-child), .intro .h6:not(:last-child) { margin-bottom: 0; } .intro h6 + p, .intro .h6 + p { margin-top: 0; } .type-display .intro h1:not(:first-child), .type-display .intro .h1:not(:first-child), .type-display .intro h2:not(:first-child), .type-display .intro .h2:not(:first-child), .type-display .intro h3:not(:first-child), .type-display .intro .h3:not(:first-child), .type-display .intro h4:not(:first-child), .type-display .intro .h4:not(:first-child), .type-display .intro h5:not(:first-child), .type-display .intro .h5:not(:first-child), .type-display .intro .font-eyebrow-small:not(:first-child), .type-display .intro .font-eyebrow-large:not(:first-child) { margin-top: var(--line-height-display-base); } .type-display .intro h1:not(:last-child), .type-display .intro .h1:not(:last-child), .type-display .intro h2:not(:last-child), .type-display .intro .h2:not(:last-child), .type-display .intro h3:not(:last-child), .type-display .intro .h3:not(:last-child), .type-display .intro h4:not(:last-child), .type-display .intro .h4:not(:last-child), .type-display .intro h5:not(:last-child), .type-display .intro .h5:not(:last-child), .type-display .intro .font-eyebrow-small:not(:last-child), .type-display .intro .font-eyebrow-large:not(:last-child) { margin-bottom: calc(var(--line-height-display-base) / 2); } .type-display .intro h1 + p, .type-display .intro .h1 + p, .type-display .intro h2 + p, .type-display .intro .h2 + p, .type-display .intro h3 + p, .type-display .intro .h3 + p, .type-display .intro h4 + p, .type-display .intro .h4 + p, .type-display .intro h5 + p, .type-display .intro .h5 + p, .type-display .intro .font-eyebrow-small + p, .type-display .intro .font-eyebrow-large + p { margin-top: 0; } .type-display .intro h6:not(:first-child), .type-display .intro .h6:not(:first-child) { margin-top: var(--line-height-display-base); } .type-display .intro h6:not(:last-child), .type-display .intro .h6:not(:last-child) { margin-bottom: 0; } .type-display .intro h6 + p, .type-display .intro .h6 + p { margin-top: 0; } .type-display .intro { margin-left: auto; margin-right: auto; max-width: var(--content-display-max-width); max-width: 70em; } .type-display .intro h1, .type-display .intro .h1 { max-width: 100%; } .type-display .intro h2, .type-display .intro .h2, .type-display .intro h3, .type-display .intro .h3, .type-display .intro h4, .type-display .intro .h4 { max-width: var(--content-display-max-width); margin-left: inherit; margin-right: inherit; } .type-display .intro p { max-width: var(--content-display-max-width); margin-left: auto; margin-right: auto; } .type-display .intro.align-left p { margin-left: initial; } .type-display .intro.align-right p { margin-right: initial; } .intro:not(:last-child) { margin-bottom: var(--space-small); } @media (min-width: 1023px) { .intro:not(:last-child) { margin-bottom: var(--space-medium); } } html.modal-active { overflow: hidden; } .modal { position: fixed; width: 100%; top: 0; bottom: 0; max-width: var(--body-width-max); margin: 0 auto; opacity: 0; visibility: hidden; z-index: -1; pointer-events: none; overflow: hidden; transition: opacity 0s var(--duration-leave), visibility 0s var(--duration-leave), z-index 0s var(--duration-leave); } .modal::before { content: ''; display: block; position: fixed; top: 0; bottom: 0; width: 100%; max-width: var(--body-width-max); margin: 0 auto; background-color: black; opacity: 0; transition: opacity var(--duration-leave) var(--easing-accelerate); } .modal[data-active='true'] { opacity: 1; visibility: visible; z-index: 300; pointer-events: auto; transition: opacity 0s 0s, visibility 0s 0s, z-index 0s 0s; } .modal[data-active='true']::before { opacity: 0.5; transition: opacity var(--duration-complex) var(--easing-decelerate); } .modal-scroll { z-index: 0; display: flex; position: fixed; top: 0; bottom: 0; width: 100%; max-width: var(--body-width-max); margin: 0 auto; text-align: center; overflow: auto; -webkit-overflow-scrolling: touch; transform: translate3d(0, 100%, 0); transition: opacity var(--duration-leave) var(--easing-accelerate), transform var(--duration-leave) var(--easing-accelerate); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .modal-scroll { display: block; } } .modal[data-active='true'] .modal-scroll { transform: translate3d(0, 0, 0); transition: opacity var(--duration-complex) var(--easing-decelerate), transform var(--duration-complex) var(--easing-decelerate); } .modal-wrapper { position: relative; width: 100%; min-height: 100%; max-width: var(--body-width-max); margin: auto; background-color: white; padding: var(--space-medium) 0; text-align: left; } .modal.shake .modal-wrapper { animation-name: shake-dialog; animation-duration: var(--duration-default); } .modal-accent .modal-wrapper { background-color: var(--color-accent); } .modal-invert .modal-wrapper { color: white; background-color: var(--color-charcoal); } .theme-lime .modal-theme .modal-wrapper { color: white; background-color: var(--color-lime); } .theme-green .modal-theme .modal-wrapper { color: white; background-color: var(--color-green); } .theme-teal .modal-theme .modal-wrapper { color: white; background-color: var(--color-teal); } .theme-blue .modal-theme .modal-wrapper { color: white; background-color: var(--color-blue); } .theme-royal-blue .modal-theme .modal-wrapper { color: white; background-color: var(--color-royal-blue); } .theme-indigo .modal-theme .modal-wrapper { color: white; background-color: var(--color-indigo); } .theme-purple .modal-theme .modal-wrapper { color: white; background-color: var(--color-purple); } .theme-plum .modal-theme .modal-wrapper { color: white; background-color: var(--color-plum); } .theme-rose .modal-theme .modal-wrapper { color: white; background-color: var(--color-rose); } .theme-orange .modal-theme .modal-wrapper { color: white; background-color: var(--color-orange); } .modal-close-button { position: absolute; top: var(--space-base); right: var(--space-base); width: 45px; height: 45px; border-radius: 50%; } .modal-close-button::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: var(--border-radius-large); background-color: var(--color-gray-05); opacity: 0.75; transition: opacity var(--duration-quick) var(--easing-sharp); } .modal-accent .modal-close-button::before { background-color: var(--color-accent); } .modal-invert .modal-close-button::before { background-color: var(--color-charcoal); } .theme-lime .modal-theme .modal-close-button::before { background-color: var(--color-lime); } .theme-green .modal-theme .modal-close-button::before { background-color: var(--color-green); } .theme-teal .modal-theme .modal-close-button::before { background-color: var(--color-teal); } .theme-blue .modal-theme .modal-close-button::before { background-color: var(--color-blue); } .theme-royal-blue .modal-theme .modal-close-button::before { background-color: var(--color-royal-blue); } .theme-indigo .modal-theme .modal-close-button::before { background-color: var(--color-indigo); } .theme-purple .modal-theme .modal-close-button::before { background-color: var(--color-purple); } .theme-plum .modal-theme .modal-close-button::before { background-color: var(--color-plum); } .theme-rose .modal-theme .modal-close-button::before { background-color: var(--color-rose); } .theme-orange .modal-theme .modal-close-button::before { background-color: var(--color-orange); } .modal-close-button::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iIzAwMCIvPgo8L3N2Zz4K') center center no-repeat; } .modal-invert .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-lime .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-green .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-teal .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-blue .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-royal-blue .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-indigo .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-purple .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-plum .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-rose .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-orange .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .modal-close-button:hover::before { opacity: 1; } .modal-close-button-outer { display: block; opacity: 0; z-index: 1; } .modal[data-active='true'] .modal-close-button-outer { opacity: 1; transition: opacity var(--duration-quick) var(--easing-sharp) var(--duration-complex); } .modal-close-button-inner { display: none; } @media (min-width: 717px) { .modal[data-size='extra-small'] .modal-close-button-outer { display: none; } .modal[data-size='extra-small'] .modal-close-button-inner { display: block; } .modal[data-size='extra-small'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='extra-small'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='extra-small'] .content { width: var(--container-width-base); } } @media (min-width: 717px) { .modal[data-size='small'] .modal-close-button-outer { display: none; } .modal[data-size='small'] .modal-close-button-inner { display: block; } .modal[data-size='small'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='small'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='small'] .content { width: var(--container-width-extra-small); } } @media (min-width: 1023px) { .modal[data-size='medium'] .modal-close-button-outer { display: none; } .modal[data-size='medium'] .modal-close-button-inner { display: block; } .modal[data-size='medium'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='medium'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='medium'] .content { width: var(--container-width-small); } } @media (min-width: 1240px) { .modal[data-size='large'] .modal-close-button-outer { display: none; } .modal[data-size='large'] .modal-close-button-inner { display: block; } .modal[data-size='large'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='large'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='large'] .content { width: var(--container-width-medium); } } @media (min-width: 1500px) { .modal[data-size='extra-large'] .modal-close-button-outer { display: none; } .modal[data-size='extra-large'] .modal-close-button-inner { display: block; } .modal[data-size='extra-large'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='extra-large'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='extra-large'] .content { width: var(--container-width-large); } } @keyframes shake-dialog { 0% { transform: translate3d(0, 0, 0); } 20% { transform: translate3d(-1%, 0, 0); } 40% { transform: translate3d(1%, 0, 0); } 60% { transform: translate3d(-1%, 0, 0); } 80% { transform: translate3d(1%, 0, 0); } 100% { transform: translate3d(0, 0, 0); } } .sticky-banner { position: fixed; width: 100%; max-width: var(--body-width-max); margin: 0 auto; z-index: 100; background-color: white; visibility: hidden; } .sticky-banner.bg-invert { background-color: var(--color-gray-80); } @media (min-width: 1023px) { .sticky-banner .button { padding: 5px 20px; min-height: auto; } } .show-time .sticky-banner.sticky-animate { transition: transform var(--duration-leave) var(--easing-accelerate), visibility 0s linear var(--duration-leave); } .sticky-banner.sticky-top { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } @media (min-width: 375px) { .sticky-banner.sticky-top-at-extra-small { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-extra-small { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } @media (min-width: 717px) { .sticky-banner.sticky-top-at-small { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-small { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } @media (min-width: 1023px) { .sticky-banner.sticky-top-at-medium { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-medium { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } @media (min-width: 1240px) { .sticky-banner.sticky-top-at-large { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-large { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } @media (min-width: 1500px) { .sticky-banner.sticky-top-at-extra-large { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-extra-large { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } .sticky-banner.sticky-active { transform: translate3d(0, 0, 0); } .sticky-banner.sticky-active.sticky-animate { visibility: visible; transition: transform var(--duration-enter) var(--easing-decelerate), visibility 0s linear 0s; } table { width: 100%; max-width: 100%; margin-bottom: 20px; border: 0 solid #d9d9d9; border-spacing: 0; border-collapse: collapse; background-color: white; text-align: left; vertical-align: top; } thead, tbody, tfoot, tr, th, td { border-color: inherit; border-style: inherit; text-align: inherit; vertical-align: inherit; } th, td { padding: 10px; border-width: 1px; background-color: transparent; transition: background-color 150ms; } @supports (mix-blend-mode: multiply) { th, td { mix-blend-mode: multiply; } } .table-border-cells th, .table-border-cells td { border-width: 1px; } .table-header-bg thead th, .table-header-bg thead td { background-color: var(--color-table-header-bg); } .table-border-rows th, .table-border-rows td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows thead th, .table-border-rows thead td, .table-border-rows tbody th, .table-border-rows tbody td { border-top-width: 0; } .table-border-rows tbody tr:last-child th, .table-border-rows tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols th, .table-border-cols td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols th:first-child, .table-border-cols td:first-child { border-left-width: 0; } .table-border-cols th:last-child, .table-border-cols td:last-child { border-right-width: 0; } .table-border-none th, .table-border-none td { border-width: 0; } .table-stripe-rows tbody tr:nth-child(odd) th, .table-stripe-rows tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows tbody tr:nth-child(even) th, .table-stripe-rows tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols tbody tr th:nth-child(odd), .table-stripe-cols tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols tbody tr th:nth-child(even), .table-stripe-cols tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base th, .table-pad-base td { padding: var(--space-base); } .table-pad-line th, .table-pad-line td { padding: var(--space-line); } .table-pad-small th, .table-pad-small td { padding: var(--space-small); } .table-pad-none th, .table-pad-none td { padding: var(--space-none); } @media (min-width: 375px) { .table-border-cells-at-extra-small th, .table-border-cells-at-extra-small td { border-width: 1px; } .table-header-bg-at-extra-small thead th, .table-header-bg-at-extra-small thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-extra-small th, .table-border-rows-at-extra-small td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-extra-small thead th, .table-border-rows-at-extra-small thead td, .table-border-rows-at-extra-small tbody th, .table-border-rows-at-extra-small tbody td { border-top-width: 0; } .table-border-rows-at-extra-small tbody tr:last-child th, .table-border-rows-at-extra-small tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-extra-small th, .table-border-cols-at-extra-small td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-extra-small th:first-child, .table-border-cols-at-extra-small td:first-child { border-left-width: 0; } .table-border-cols-at-extra-small th:last-child, .table-border-cols-at-extra-small td:last-child { border-right-width: 0; } .table-border-none-at-extra-small th, .table-border-none-at-extra-small td { border-width: 0; } .table-stripe-rows-at-extra-small tbody tr:nth-child(odd) th, .table-stripe-rows-at-extra-small tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-extra-small tbody tr:nth-child(even) th, .table-stripe-rows-at-extra-small tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-extra-small tbody tr th:nth-child(odd), .table-stripe-cols-at-extra-small tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-extra-small tbody tr th:nth-child(even), .table-stripe-cols-at-extra-small tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-extra-small th, .table-pad-base-at-extra-small td { padding: var(--space-base); } .table-pad-line-at-extra-small th, .table-pad-line-at-extra-small td { padding: var(--space-line); } .table-pad-small-at-extra-small th, .table-pad-small-at-extra-small td { padding: var(--space-small); } .table-pad-none-at-extra-small th, .table-pad-none-at-extra-small td { padding: var(--space-none); } } @media (min-width: 717px) { .table-border-cells-at-small th, .table-border-cells-at-small td { border-width: 1px; } .table-header-bg-at-small thead th, .table-header-bg-at-small thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-small th, .table-border-rows-at-small td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-small thead th, .table-border-rows-at-small thead td, .table-border-rows-at-small tbody th, .table-border-rows-at-small tbody td { border-top-width: 0; } .table-border-rows-at-small tbody tr:last-child th, .table-border-rows-at-small tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-small th, .table-border-cols-at-small td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-small th:first-child, .table-border-cols-at-small td:first-child { border-left-width: 0; } .table-border-cols-at-small th:last-child, .table-border-cols-at-small td:last-child { border-right-width: 0; } .table-border-none-at-small th, .table-border-none-at-small td { border-width: 0; } .table-stripe-rows-at-small tbody tr:nth-child(odd) th, .table-stripe-rows-at-small tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-small tbody tr:nth-child(even) th, .table-stripe-rows-at-small tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-small tbody tr th:nth-child(odd), .table-stripe-cols-at-small tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-small tbody tr th:nth-child(even), .table-stripe-cols-at-small tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-small th, .table-pad-base-at-small td { padding: var(--space-base); } .table-pad-line-at-small th, .table-pad-line-at-small td { padding: var(--space-line); } .table-pad-small-at-small th, .table-pad-small-at-small td { padding: var(--space-small); } .table-pad-none-at-small th, .table-pad-none-at-small td { padding: var(--space-none); } } @media (min-width: 1023px) { .table-border-cells-at-medium th, .table-border-cells-at-medium td { border-width: 1px; } .table-header-bg-at-medium thead th, .table-header-bg-at-medium thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-medium th, .table-border-rows-at-medium td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-medium thead th, .table-border-rows-at-medium thead td, .table-border-rows-at-medium tbody th, .table-border-rows-at-medium tbody td { border-top-width: 0; } .table-border-rows-at-medium tbody tr:last-child th, .table-border-rows-at-medium tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-medium th, .table-border-cols-at-medium td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-medium th:first-child, .table-border-cols-at-medium td:first-child { border-left-width: 0; } .table-border-cols-at-medium th:last-child, .table-border-cols-at-medium td:last-child { border-right-width: 0; } .table-border-none-at-medium th, .table-border-none-at-medium td { border-width: 0; } .table-stripe-rows-at-medium tbody tr:nth-child(odd) th, .table-stripe-rows-at-medium tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-medium tbody tr:nth-child(even) th, .table-stripe-rows-at-medium tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-medium tbody tr th:nth-child(odd), .table-stripe-cols-at-medium tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-medium tbody tr th:nth-child(even), .table-stripe-cols-at-medium tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-medium th, .table-pad-base-at-medium td { padding: var(--space-base); } .table-pad-line-at-medium th, .table-pad-line-at-medium td { padding: var(--space-line); } .table-pad-small-at-medium th, .table-pad-small-at-medium td { padding: var(--space-small); } .table-pad-none-at-medium th, .table-pad-none-at-medium td { padding: var(--space-none); } } @media (min-width: 1240px) { .table-border-cells-at-large th, .table-border-cells-at-large td { border-width: 1px; } .table-header-bg-at-large thead th, .table-header-bg-at-large thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-large th, .table-border-rows-at-large td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-large thead th, .table-border-rows-at-large thead td, .table-border-rows-at-large tbody th, .table-border-rows-at-large tbody td { border-top-width: 0; } .table-border-rows-at-large tbody tr:last-child th, .table-border-rows-at-large tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-large th, .table-border-cols-at-large td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-large th:first-child, .table-border-cols-at-large td:first-child { border-left-width: 0; } .table-border-cols-at-large th:last-child, .table-border-cols-at-large td:last-child { border-right-width: 0; } .table-border-none-at-large th, .table-border-none-at-large td { border-width: 0; } .table-stripe-rows-at-large tbody tr:nth-child(odd) th, .table-stripe-rows-at-large tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-large tbody tr:nth-child(even) th, .table-stripe-rows-at-large tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-large tbody tr th:nth-child(odd), .table-stripe-cols-at-large tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-large tbody tr th:nth-child(even), .table-stripe-cols-at-large tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-large th, .table-pad-base-at-large td { padding: var(--space-base); } .table-pad-line-at-large th, .table-pad-line-at-large td { padding: var(--space-line); } .table-pad-small-at-large th, .table-pad-small-at-large td { padding: var(--space-small); } .table-pad-none-at-large th, .table-pad-none-at-large td { padding: var(--space-none); } } @media (min-width: 1500px) { .table-border-cells-at-extra-large th, .table-border-cells-at-extra-large td { border-width: 1px; } .table-header-bg-at-extra-large thead th, .table-header-bg-at-extra-large thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-extra-large th, .table-border-rows-at-extra-large td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-extra-large thead th, .table-border-rows-at-extra-large thead td, .table-border-rows-at-extra-large tbody th, .table-border-rows-at-extra-large tbody td { border-top-width: 0; } .table-border-rows-at-extra-large tbody tr:last-child th, .table-border-rows-at-extra-large tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-extra-large th, .table-border-cols-at-extra-large td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-extra-large th:first-child, .table-border-cols-at-extra-large td:first-child { border-left-width: 0; } .table-border-cols-at-extra-large th:last-child, .table-border-cols-at-extra-large td:last-child { border-right-width: 0; } .table-border-none-at-extra-large th, .table-border-none-at-extra-large td { border-width: 0; } .table-stripe-rows-at-extra-large tbody tr:nth-child(odd) th, .table-stripe-rows-at-extra-large tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-extra-large tbody tr:nth-child(even) th, .table-stripe-rows-at-extra-large tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-extra-large tbody tr th:nth-child(odd), .table-stripe-cols-at-extra-large tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-extra-large tbody tr th:nth-child(even), .table-stripe-cols-at-extra-large tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-extra-large th, .table-pad-base-at-extra-large td { padding: var(--space-base); } .table-pad-line-at-extra-large th, .table-pad-line-at-extra-large td { padding: var(--space-line); } .table-pad-small-at-extra-large th, .table-pad-small-at-extra-large td { padding: var(--space-small); } .table-pad-none-at-extra-large th, .table-pad-none-at-extra-large td { padding: var(--space-none); } } .table-scrollable { position: relative; overflow: auto; -webkit-overflow-scrolling: auto; width: 100%; margin-bottom: 20px; background-color: white; } @supports (mix-blend-mode: multiply) { .table-scrollable { background-repeat: no-repeat; background-attachment: local, local, local, local, scroll, scroll; background-position: left center, right center, top center, right bottom, left center, right center; background-image: linear-gradient(to right, white 1em, rgba(255, 255, 255, 0) 2em), linear-gradient(to left, white 1em, rgba(255, 255, 255, 0) 2em), linear-gradient(to bottom, white, rgba(255, 255, 255, 0) 2em), linear-gradient(to top, white, rgba(255, 255, 255, 0) 2em), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 1em), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 1em); } } .table-scrollable table { margin-bottom: 0; background-color: transparent; } .table-scrollable th, .table-scrollable td { min-width: 8em; } .apropos-fluid img { width: 100%; max-width: none; } @media (min-width: 1023px) { .bg-apropos { display: grid !important; align-items: stretch !important; align-content: stretch !important; justify-content: center; min-height: auto; } .bg-apropos > * { grid-column: 1 / -1; grid-row: 1 / -1; } .bg-apropos .image { position: relative; } .bg-apropos picture { position: relative !important; } .bg-apropos .apropos img { transform: none; top: 0; left: 0; width: MIN(100vw, var(--body-width-max)); } } .bg-apropos.hidden { display: none !important; } @media (max-width: 1022px) { html.has-editing-toolbar .sticky-bottom { top: auto; } } .multi-column-grid .picture, .two-column-outer-grid .picture { height: auto; } .multi-column-grid .picture picture, .two-column-outer-grid .picture picture { overflow: hidden; } .multi-column-grid .picture picture img, .two-column-outer-grid .picture picture img { width: 100%; max-width: 100%; height: auto; left: auto; transform: none; } .carousel .picture, .carousel .picture img { height: auto; } .carousel[data-until-breakpoint] img[data-srcset][srcset]:not(.loaded) { opacity: 1; } body { --viewport-width-without-scrollbars: calc(100vw - (var(--scrollbar-width, 0) * 1px)); --content-margin: calc((max(var(--viewport-width-without-scrollbars), var(--body-width-min)) - var(--container-width-base) / 2)); } @media (min-width: 375px) { body { --content-margin: calc((var(--viewport-width-without-scrollbars) - var(--container-width-extra-small)) / 2); } } @media (min-width: 717px) { body { --content-margin: calc((var(--viewport-width-without-scrollbars) - var(--container-width-small)) / 2); } } @media (min-width: 1023px) { body { --content-margin: calc((var(--viewport-width-without-scrollbars) - var(--container-width-medium)) / 2); } } @media (min-width: 1240px) { body { --content-margin: calc((var(--viewport-width-without-scrollbars) - var(--container-width-large)) / 2); } } @media (min-width: 1500px) { body { --content-margin: calc((min(var(--viewport-width-without-scrollbars), var(--body-width-max)) - var(--container-width-extra-large)) / 2); } } .PublicWebNav nav.DesktopNav[role="navigation"], .PublicWebNav .CtaSubnav nav.CtaSubnavDesktopNav .header, .sticky-banner { --nav-full-width: min(100vw, var(--body-width-max)); } @media (min-width: 1680px) { .PublicWebNav nav.DesktopNav[role="navigation"], .PublicWebNav .CtaSubnav nav.CtaSubnavDesktopNav .header, .sticky-banner { padding-left: calc((var(--nav-full-width) - var(--old-body-width-max)) / 2); padding-right: calc((var(--nav-full-width) - var(--old-body-width-max)) / 2); } } @media (min-width: 1680px) { .PublicWebNav .CtaSubnav nav.CtaSubnavDesktopNav .header { padding-left: calc((var(--nav-full-width) + var(--space-line) - var(--old-body-width-max)) / 2); } } @media (max-width: 1022px) { [data-lead-form] .single-field-form-input { padding-left: 0; padding-right: 0; } } @media (min-width: 1023px) { [data-lead-form] .single-field-form-input { padding-left: 0; } } @media (max-width: 1022px) { [data-lead-form] .single-field-form-button { padding-left: 0; padding-right: 0; } } @media (min-width: 1023px) { [data-lead-form] .single-field-form-button { padding-right: 0; } } .auto-layout-border > .auto-layout > .content, .auto-layout-collapse > .auto-layout > .content { padding: var(--space-medium) 0; } @media (min-width: 718px) { .auto-layout-border > .auto-layout > .content, .auto-layout-collapse > .auto-layout > .content { padding: var(--space-medium) 0; } } @media (min-width: 1023px) { .auto-layout-border > .auto-layout > .content, .auto-layout-collapse > .auto-layout > .content { padding: var(--space-large) 0; } } .type-display .auto-layout-border > .auto-layout > .content, .type-display .auto-layout-collapse > .auto-layout > .content { padding: var(--space-large) 0; } @media (min-width: 718px) { .type-display .auto-layout-border > .auto-layout > .content, .type-display .auto-layout-collapse > .auto-layout > .content { padding: var(--space-large) 0; } } @media (min-width: 1023px) { .type-display .auto-layout-border > .auto-layout > .content, .type-display .auto-layout-collapse > .auto-layout > .content { padding: var(--space-xl) 0; } } /* do not edit; file hosted in public-web-customizations. Contains EDI custom grid fixes for custom components DRI: adoshi@ BUNDLE=home-page-2021-q1 */ @media (max-width: 1022px) { .main-content .sq-custom-two-column-responsive-apropos-bg { flex-wrap: wrap; min-height: auto !important; } .main-content .sq-custom-two-column-responsive-apropos-bg .image { position: relative; width: 100%; padding-right: var(--space-small); padding-left: var(--space-small); } .main-content .sq-custom-two-column-responsive-apropos-bg .image .picture { height: auto !important; } .main-content .sq-custom-two-column-responsive-apropos-bg .image .apropos { position: relative; } .main-content .sq-custom-two-column-responsive-apropos-bg .image .apropos img { top: 0; left: 0; min-height: 1px; min-width: 1px; max-width: 100%; margin-top: var(--space-small); transform: none; } .main-content .sq-custom-two-column-responsive-apropos-bg .content.pad-bottom-large { padding-bottom: var(--space-large) !important; } .main-content .sq-custom-two-column-responsive-apropos-bg--valign-bottom-until-medium > .image { order: 1; } } @media (min-width: 718px) { .main-content .sq-custom-two-column-responsive-apropos-bg { margin-top: 0px; } } .sq-custom-section-two-column-hover-carousel .two-column-hover-carousel { grid-template-columns: 1fr 1fr !important; } .sq-custom-section-two-column-hover-carousel .hover-carousel-column-right .hover-carousel-images-container { --two-column-hover-carousel-image-border-radius: var(--container-border-radius); clip-path: inset(0 0 0 0 round var(--two-column-hover-carousel-image-border-radius) 0 0 var(--two-column-hover-carousel-image-border-radius)); } @media (min-width: 2030px) { .sq-custom-section-two-column-hover-carousel .hover-carousel-column-right .hover-carousel-images-container { max-width: calc((var(--content-width-max) - var(--space-small)) / 2); clip-path: inset(0 0 0 0 round var(--two-column-hover-carousel-image-border-radius)); } } .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-base); line-height: var(--line-height-hero-base); letter-spacing: var(--letter-spacing-hero-base); } @media (min-width: 718px) { .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-base); line-height: var(--line-height-hero-base); letter-spacing: var(--letter-spacing-hero-base); } } @media (min-width: 1023px) { .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-medium); line-height: var(--line-height-hero-medium); letter-spacing: var(--letter-spacing-hero-medium); } } .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-base); line-height: var(--line-height-display-hero-base); letter-spacing: var(--letter-spacing-display-hero-base); } @media (min-width: 718px) { .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-base); line-height: var(--line-height-display-hero-base); letter-spacing: var(--letter-spacing-display-hero-base); } } @media (min-width: 1023px) { .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-medium); line-height: var(--line-height-display-hero-medium); letter-spacing: var(--letter-spacing-display-hero-medium); font-weight: var(--font-weight-display-hero-medium); } } .sq-custom-img-border-radius, .sq-custom-grid-column-gray-rounded, .section-hotspot-image { --border-radius: var(--container-border-radius); } .sq-custom-grid-column-gray-rounded .multi-column-grid > .column > *, .section-hotspot-image .hotspot-tile { border-radius: var(--border-radius); } .sq-custom-section-rounded-corners { --custom-section-border-radius: 0; margin: 0; } @media (min-width: 838px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: 0; margin: 0; } } @media (min-width: 1083px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: var(--container-border-radius); margin: 0 calc(var(--space-small)); } } @media (min-width: 1240px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: 0; margin: 0; } } @media (min-width: 1300px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: var(--container-border-radius); margin: 0 calc(var(--space-small)); } } @media (min-width: 1500px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: 0; margin: 0; } } @media (min-width: 1560px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: var(--container-border-radius); margin: 0 calc(var(--space-small)); } } /* do not edit; file hosted in public-web-customizations. Contains EDI custom grid fixes for home page components DRI: adoshi@ BUNDLE=home-page-2021-q1 */ .sq-custom-section-hardware-grid .multi-column-grid > .column > div { padding: var(--space-small) 0; } .sq-custom-section-hardware-grid .multi-column-grid > .column > div > .grid > .column:nth-child(2) > * { padding: 0 var(--space-small); } .sq-custom-section-hardware-grid .carousel:not([data-carousel-enabled="false"]) .carousel-slide img { width: 100%; } @media (min-width: 1500px) { .sq-custom-2022-q1-hero-image-grid img { width: calc(100% + var(--space-medium)); left: 50%; transform: translateX(-50%); } } @media (min-width: 2030px) { .sq-custom-2022-q1-hero-image-grid img { width: 100%; max-width: var(--content-width-max); } } .sq-custom-section-multi-column-capabilities-cards { --border-radius: var(--container-border-radius); } .sq-custom-section-scroll-animation-video-hotspots { --custom-top-clip-path: inset(0px var(--space-small) 0px var(--space-small) round var(--container-border-radius) var(--container-border-radius) 0 0) !important; --custom-bottom-clip-path: inset(0px var(--space-small) 0px var(--space-small) round 0 0 var(--container-border-radius) var(--container-border-radius)) !important; } @media (min-width: 1023px) { .sq-custom-edi-grid-limit-intro-width .intro { max-width: 72.5%; } } @media (min-width: 1240px) { .sq-custom-pricing-features-alt { --section-pricing-features-content-padding: 0; } } .type-display .sq-custom-fluid-hero.hidden, .sq-custom-fluid-hero.hidden { display: none !important; } @media (min-width: 718px) { .sq-custom-section-toolbox-carousel .carousel { margin-left: revert; } .sq-custom-section-toolbox-carousel .carousel .multi-column-grid { left: revert; } } @media (max-width: 717px) { .sq-custom-section-toolbox-carousel .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-nav { display: revert; padding: revert; } } @media (min-width: 1023px) { .sq-custom-section-toolbox-carousel .carousel { margin-left: calc(-1 * var(--space-base) / 2); } .sq-custom-section-toolbox-carousel .carousel .multi-column-grid { left: -25%; } } @media (max-width: 716px) { .sq-custom-section-toolbox-carousel .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-nav { display: flex; flex-wrap: nowrap; justify-content: space-between; padding: var(--space-base); } } :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; } .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-base); line-height: var(--line-height-hero-base); letter-spacing: var(--letter-spacing-hero-base); margin-top: 0; } .sq-custom-h1-to-hero-h1 .h1:not(:last-child) { margin-bottom: var(--line-height-base); } @media (min-width: 718px) { .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-medium); line-height: var(--line-height-hero-medium); letter-spacing: var(--letter-spacing-hero-medium); } } .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-base); line-height: var(--line-height-display-hero-base); letter-spacing: var(--letter-spacing-display-hero-base); } @media (min-width: 718px) { .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-medium); line-height: var(--line-height-display-hero-medium); letter-spacing: var(--letter-spacing-display-hero-medium); font-weight: var(--font-weight-display-hero-medium); } } /* BUNDLE=hp-fluid-hero-2022 */ .DesktopNav, .MobileNav { border-bottom-width: 0 !important; } .type-display .sq-custom-fluid-hero, .sq-custom-fluid-hero { --hero-medium-space: 40px; --h1-small: 48px; --h1-medium: 86px; --h1-line-height-medium: 83px; --gather-mask-timing: 0.66s; --gather-mask-easing: cubic-bezier(0.83, 0, 0.17, 1); min-height: auto !important; max-width: 1800px; } .type-display .sq-custom-fluid-hero.sq-custom-bottom-link-as-text-only .content .content-wrapper > .grid > .column:last-child a, .sq-custom-fluid-hero.sq-custom-bottom-link-as-text-only .content .content-wrapper > .grid > .column:last-child a { display: none; } .type-display .sq-custom-fluid-hero.sq-custom-third-link-as-kramdown-only .content .content-wrapper > .grid > .column:last-child > div > a.display-inline-block, .sq-custom-fluid-hero.sq-custom-third-link-as-kramdown-only .content .content-wrapper > .grid > .column:last-child > div > a.display-inline-block { display: none !important; } .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child { flex-basis: 100%; padding-left: 0; margin-top: var(--space-line); } .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .display-inline-block, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .display-inline-block { display: flex !important; flex-direction: column; padding-left: calc(var(--space-line) / 2); font-family: var(--font-family-display); font-size: var(--font-size-display-base); line-height: var(--line-height-display-base); } .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .display-inline-block a, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .display-inline-block a { order: 1; } .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .video-player-link, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .video-player-link { padding-left: 0; } .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .video-player-link .grid-flex .no-shrink, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .video-player-link .grid-flex .no-shrink { order: 1; padding: 0; line-height: var(--font-size-base); } .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .link-video-body-small, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .link-video-body-small { padding-left: 0; margin-right: calc(var(--space-base) / 2); margin-bottom: calc(var(--space-base) / 2); } .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .link-video-body-small p, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .link-video-body-small p { margin-right: 0; } @media (min-width: 717px) { .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child { padding-bottom: 0; margin-top: 0; } .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .display-inline-block, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .display-inline-block { align-items: flex-start; } } @media (min-width: 1023px) { .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .display-inline-block, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child .display-inline-block { flex-wrap: wrap; flex-direction: row; } } @media (min-width: 1240px) { .type-display .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child, .sq-custom-fluid-hero:not(.sq-custom-no-bottom-link) .content .content-wrapper > .grid > .column:last-child { margin-top: var(--space-line); display: flex; align-items: flex-end; } } .type-display .sq-custom-fluid-hero.hero h1:not(:last-child), .sq-custom-fluid-hero.hero h1:not(:last-child) { font-size: var(--font-size-display-hero-base); line-height: var(--line-height-display-hero-base); margin-bottom: 16px; } .type-display .sq-custom-fluid-hero p.font-size-large, .sq-custom-fluid-hero p.font-size-large { margin-top: 0; margin-bottom: var; font-family: var(--font-family-display); font-size: var(--font-size-display-base); line-height: var(--line-height-display-base); } .type-display .sq-custom-fluid-hero p.font-size-large br[data-owner='balance-text'], .sq-custom-fluid-hero p.font-size-large br[data-owner='balance-text'] { content: ''; } .type-display .sq-custom-fluid-hero p.font-size-large br[data-owner='balance-text']:after, .sq-custom-fluid-hero p.font-size-large br[data-owner='balance-text']:after { content: ' '; } .type-display .sq-custom-fluid-hero .image, .sq-custom-fluid-hero .image { display: none; } .type-display .sq-custom-fluid-hero .content, .sq-custom-fluid-hero .content { padding-top: var(--space-small); padding-bottom: var(--space-medium); position: relative; } .type-display .sq-custom-fluid-hero .content .content-wrapper, .sq-custom-fluid-hero .content .content-wrapper { max-width: none; } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid, .sq-custom-fluid-hero .content .content-wrapper > .grid { flex-direction: column; } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid > .column:first-child, .sq-custom-fluid-hero .content .content-wrapper > .grid > .column:first-child { margin-bottom: var(--space-base) !important; } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid > .column .display-inline-block, .sq-custom-fluid-hero .content .content-wrapper > .grid > .column .display-inline-block { display: block !important; } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid > .column a, .sq-custom-fluid-hero .content .content-wrapper > .grid > .column a { display: block; } .type-display .sq-custom-fluid-hero .content .content-wrapper .video-player-link:hover .icon-play, .sq-custom-fluid-hero .content .content-wrapper .video-player-link:hover .icon-play { background-color: var(--color-royal-blue); } .type-display .sq-custom-fluid-hero .content .content-wrapper .video-player-link:hover .icon-play:before, .sq-custom-fluid-hero .content .content-wrapper .video-player-link:hover .icon-play:before { border-left-color: white; } .type-display .sq-custom-fluid-hero .content .content-wrapper .icon-play, .sq-custom-fluid-hero .content .content-wrapper .icon-play { border: 2px solid var(--color-royal-blue); background: white; box-sizing: border-box; width: var(--font-size-base); height: var(--font-size-base); } .type-display .sq-custom-fluid-hero .content .content-wrapper .icon-play:before, .sq-custom-fluid-hero .content .content-wrapper .icon-play:before { border-left-color: var(--color-royal-blue); border-left-width: 4px; border-top-width: 3px; border-bottom-width: 3px; } @media (min-width: 717px) { .type-display .sq-custom-fluid-hero.hero h1:not(:last-child), .sq-custom-fluid-hero.hero h1:not(:last-child) { margin-bottom: calc(var(--space-small) - 6px); } .type-display .sq-custom-fluid-hero p.font-size-large, .sq-custom-fluid-hero p.font-size-large { margin-bottom: var(--space-small); } .type-display .sq-custom-fluid-hero .content, .sq-custom-fluid-hero .content { padding-top: var(--space-medium); max-width: none; } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid, .sq-custom-fluid-hero .content .content-wrapper > .grid { flex-direction: row; } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid > .column, .sq-custom-fluid-hero .content .content-wrapper > .grid > .column { width: auto; padding-bottom: calc(var(--space-small) - var(--space-line)); } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid > .column:first-child, .sq-custom-fluid-hero .content .content-wrapper > .grid > .column:first-child { padding-right: 14px; margin-bottom: var(--space-line) !important; } } @media (min-width: 1023px) { .type-display .sq-custom-fluid-hero .content, .sq-custom-fluid-hero .content { padding-top: var(--space-large); } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid > .column, .sq-custom-fluid-hero .content .content-wrapper > .grid > .column { padding-bottom: 10px; } .type-display .sq-custom-fluid-hero.hero h1:not(:last-child), .sq-custom-fluid-hero.hero h1:not(:last-child) { font-size: var(--h1-medium); line-height: var(--h1-line-height-medium); margin-bottom: 20px; letter-spacing: -1px; } .type-display .sq-custom-fluid-hero p.font-size-large, .sq-custom-fluid-hero p.font-size-large { margin: 0 0 var(--space-small); } } @media (min-width: 1240px) { .type-display .sq-custom-fluid-hero, .sq-custom-fluid-hero { display: flex !important; flex-direction: row-reverse; padding-bottom: 0; margin: 0 auto; } .type-display .sq-custom-fluid-hero .content, .sq-custom-fluid-hero .content { width: 50%; padding: var(--space-large) var(--space-large) 0 calc((100% - var(--container-width-large)) / 2); } .type-display .sq-custom-fluid-hero .content .content-wrapper, .sq-custom-fluid-hero .content .content-wrapper { display: flex; flex-direction: column; height: 100%; } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid, .sq-custom-fluid-hero .content .content-wrapper > .grid { position: relative; height: 100%; } .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid > .column, .sq-custom-fluid-hero .content .content-wrapper > .grid > .column { padding-bottom: 0px; } .type-display .sq-custom-fluid-hero.hero h1:not(:last-child), .sq-custom-fluid-hero.hero h1:not(:last-child) { margin-bottom: var(--space-small); max-width: 500px; } .type-display .sq-custom-fluid-hero.hero h1:not(:last-child) br, .sq-custom-fluid-hero.hero h1:not(:last-child) br { display: none; } .type-display .sq-custom-fluid-hero p.font-size-large, .sq-custom-fluid-hero p.font-size-large { margin: 0 0 var(--hero-medium-space); max-width: 590px; } .type-display .sq-custom-fluid-hero .image, .sq-custom-fluid-hero .image { display: block; position: relative; margin: 0; width: 50%; align-self: flex-start; overflow: hidden; } .type-display .sq-custom-fluid-hero .image .hero-slide, .sq-custom-fluid-hero .image .hero-slide { transition: none !important; opacity: 1 !important; overflow: visible; padding-top: var(--space-large); height: auto; } .type-display .sq-custom-fluid-hero .image .hero-slide .picture, .sq-custom-fluid-hero .image .hero-slide .picture { opacity: 0; } .type-display .sq-custom-fluid-hero .image .hero-slide .picture.ready-to-slide, .sq-custom-fluid-hero .image .hero-slide .picture.ready-to-slide { transform: translateY(107%); opacity: 1; } .type-display .sq-custom-fluid-hero .image .hero-slide .picture.slide-in, .sq-custom-fluid-hero .image .hero-slide .picture.slide-in { transform: translateY(0%); opacity: 1; } .type-display .sq-custom-fluid-hero .image .hero-slide .picture.slide-out, .sq-custom-fluid-hero .image .hero-slide .picture.slide-out { transform: translateY(-150%); opacity: 1; } .type-display .sq-custom-fluid-hero .image .hero-slide .picture.allow-transition, .sq-custom-fluid-hero .image .hero-slide .picture.allow-transition { transition: transform var(--gather-mask-timing) var(--gather-mask-easing); } .type-display .sq-custom-fluid-hero .image .apropos-fluid, .sq-custom-fluid-hero .image .apropos-fluid { position: static; border-radius: var(--container-border-radius) 0 0 var(--container-border-radius); } .type-display .sq-custom-fluid-hero .image .apropos-fluid img, .sq-custom-fluid-hero .image .apropos-fluid img { position: static; width: 100%; height: auto; min-width: none; min-height: none; transform: none; } } @media (min-width: 1500px) { .type-display .sq-custom-fluid-hero .content, .sq-custom-fluid-hero .content { padding-left: var(--space-large); } .type-display .sq-custom-fluid-hero .image, .sq-custom-fluid-hero .image { width: 50%; margin: 0; } .type-display .sq-custom-fluid-hero .image picture, .sq-custom-fluid-hero .image picture { aspect-ratio: auto; } } @media (min-width: 1800px) { .type-display .sq-custom-fluid-hero .image, .sq-custom-fluid-hero .image { display: block; position: relative; margin: 0; margin-right: var(--space-large); width: 50%; } .type-display .sq-custom-fluid-hero .image .apropos-fluid, .sq-custom-fluid-hero .image .apropos-fluid { border-radius: var(--space-small); } .type-display .sq-custom-fluid-hero .image picture, .type-display .sq-custom-fluid-hero .image .picture, .sq-custom-fluid-hero .image picture, .sq-custom-fluid-hero .image .picture { height: 100%; } } @media (min-aspect-ratio: 45/23) { .type-display .sq-custom-fluid-hero .content .content-wrapper > .grid, .sq-custom-fluid-hero .content .content-wrapper > .grid { height: auto; } } .type-display .sq-custom-fluid-hero.sq-custom-unpin-bottom-link .content .content-wrapper > .grid, .sq-custom-fluid-hero.sq-custom-unpin-bottom-link .content .content-wrapper > .grid { height: auto; } .sq-custom-fluid-hero-carousel > .content { padding-top: 0 !important; padding-bottom: 0 !important; } .sq-custom-fluid-hero-carousel .apropos { border-radius: var(--container-border-radius); } @media (min-width: 1240px) { .sq-custom-fluid-hero-carousel { display: none; } } /* do not edit; file hosted in public-web-customizations. Styles the resources section on the home page (2022 Q2) DRI: adoshi@ BUNDLE=home-page-2021-q1 BUNDLE=wip */ .sq-custom-hp-section-resource-links .multi-column-grid { --custom-grid-space: var(--space-small); --custom-grid-column-width-at-medium: calc(50% - var(--custom-grid-space) / 2); --custom-grid-column-margin-at-medium: calc(var(--custom-grid-space) / 2); --custom-grid-border: 1px solid var(--color-border); margin: 0; align-items: stretch !important; } .sq-custom-hp-section-resource-links .multi-column-grid a { vertical-align: text-bottom; } .sq-custom-hp-section-resource-links .multi-column-grid > .column { padding: 0; margin: 0 !important; border-top: var(--custom-grid-border); } .sq-custom-hp-section-resource-links .multi-column-grid > .column:last-child { border-bottom: var(--custom-grid-border); } @media (min-width: 1023px) { .sq-custom-hp-section-resource-links .multi-column-grid > .column:nth-last-child(-n+2) { border-bottom: var(--custom-grid-border); } } .sq-custom-hp-section-resource-links .multi-column-grid.grid-space-small > .column { padding-top: var(--custom-grid-space); padding-bottom: var(--custom-grid-space); } @media (min-width: 1023px) { .sq-custom-hp-section-resource-links .multi-column-grid.grid-space-small > .column { width: var(--custom-grid-column-width-at-medium); } } @media (min-width: 1023px) { .sq-custom-hp-section-resource-links .multi-column-grid.grid-space-small > .column:nth-child(2n+1) { margin-right: var(--custom-grid-column-margin-at-medium) !important; } .sq-custom-hp-section-resource-links .multi-column-grid.grid-space-small > .column:nth-child(2n) { margin-left: var(--custom-grid-column-margin-at-medium) !important; } } /* Snippet to add new typography helpers missing from PWS DRI: adoshi@ */ .sq-custom-normalspaced { text-transform: none; letter-spacing: normal; } /* do not edit; file hosted in public-web-customizations. DRI: adoshi@ BUNDLE=home-page-2021-q1 BUNDLE=wip */ .sq-custom-lead-form-to-multi-column-target .sq-custom-lead-form-to-multi-column-source .content { width: auto; max-width: none !important; } .sq-custom-spaced-stacked-cards > .content > .multi-column-grid > .column { margin-bottom: var(--space-medium) !important; } @media (min-width: 1024px) { .sq-custom-spaced-stacked-cards > .content > .multi-column-grid > .column { margin-bottom: var(--space-small) !important; } } .sq-custom-overlapping-carousel { --border-radius: 24px; } .sq-custom-overlapping-carousel .carousel .carousel-slide { align-self: flex-start; } @media (min-width: 1024px) { .sq-custom-overlapping-carousel .carousel .carousel-slide { padding-right: var(--space-small); padding-left: var(--space-small); } .sq-custom-overlapping-carousel .carousel .carousel-slide .grid { position: relative; } .sq-custom-overlapping-carousel .carousel .carousel-slide .grid .column:first-child { padding: 0; margin-bottom: 0 !important; } .sq-custom-overlapping-carousel .carousel .carousel-slide .grid .column:last-child { position: absolute; right: 0; width: 50%; padding: var(--space-line); height: 100%; display: flex; align-items: stretch; margin: 0; margin-bottom: 0 !important; } .sq-custom-overlapping-carousel .carousel .carousel-slide .grid .column:last-child .headings-compact { background: white; border-radius: 24px; padding: var(--space-small); display: flex; flex-direction: column; justify-content: space-between; } .sq-custom-overlapping-carousel .carousel .carousel-slide .grid .column:last-child .headings-compact h3 { font-size: var(--font-size-display-h3-base); line-height: var(--line-height-display-h3-base); } } .sq-custom-single-item-carousel-quote .carousel .grid { cursor: default; transform: none !important; } .sq-custom-single-item-carousel-quote .carousel h3 { line-height: 34px !important; } @media all and (min-width: 1024px) { .sq-custom-single-item-carousel-quote .carousel > .grid > .column > div .grid { margin: 0 calc(var(--space-small) / -2); } .sq-custom-single-item-carousel-quote .carousel > .grid > .column > div .grid > .column:last-child { padding-left: var(--space-medium); } } /* BUNDLE=hp-q1-2023 */ .sq-custom-link-arrow-to-video-arrow a { line-height: var(--line-height-base); } .sq-custom-link-arrow-to-video-arrow a.video-player-link .column.no-shrink { display: none; } .sq-custom-link-arrow-to-video-arrow a.video-player-link > div > .column:last-child, .sq-custom-link-arrow-to-video-arrow a .arrow.no-wrap { position: relative; display: inline-flex; align-items: center; } .sq-custom-link-arrow-to-video-arrow a.video-player-link > div > .column:last-child:before, .sq-custom-link-arrow-to-video-arrow a .arrow.no-wrap:before { content: ' '; position: absolute; display: inline-block; border-radius: 100%; border: 2px solid var(--color-blue); background: transparent; box-sizing: border-box; width: 18px; height: 18px; left: calc(100% + 5px); top: calc(50% - 8px); } .sq-custom-link-arrow-to-video-arrow a.video-player-link > div > .column:last-child:after, .sq-custom-link-arrow-to-video-arrow a .arrow.no-wrap:after { content: ' '; position: absolute; width: 0; height: 0; display: inline-block; border-top: 0.15em solid transparent; border-bottom: 0.15em solid transparent; border-left: 0.25em solid var(--color-blue); border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 5px solid var(--color-blue); left: calc(100% + 8px); top: calc(50% - 2px); } .sq-custom-link-arrow-to-video-arrow a.video-player-link > div > .column:last-child:before { left: calc(100% + 1px); } @charset "UTF-8"; .sq-custom-hanging-quote { position: relative; } .sq-custom-hanging-quote:before { content: '“'; position: absolute; top: 0; left: -0.5em; } .trustpilot-rating { text-decoration: none; } .trustpilot-rating a { text-decoration: none; display: inline-flex; flex-wrap: wrap; align-items: center; gap: 14px; } .trustpilot-rating .trustpilot-logo { height: 28px; } .trustpilot-rating .trustpilot-stars { height: 30px; position: relative; top: 2px; } .trustpilot-rating .trustpilot-score { height: 26px; position: relative; top: 2px; } .sq-custom-trustpilot-target .content .intro { margin-bottom: 0; } :root { --copyMaxWidth: 370px; --headlineMaxWidth: 520px; } .locale-ja-JP { --copyMaxWidth: 480px; } .sq-custom-tap-to-pay-module-new { background-color: #EDFF80; border-radius: 50%; display: inline-block; padding: 6px 22px; } .sq-custom-tap-to-pay-module .multi-column-grid > .column { align-self: stretch; margin-bottom: 0 !important; } .sq-custom-tap-to-pay-module .multi-column-grid > .column > div > .grid { height: 100%; } .sq-custom-tap-to-pay-module .multi-column-grid > .column > div > .grid .column .picture, .sq-custom-tap-to-pay-module .multi-column-grid > .column > div > .grid .column picture { height: 100% !important; } .sq-custom-tap-to-pay-module .multi-column-grid > .column .headings-compact { display: flex; flex-direction: column; height: 100%; max-width: none; } .sq-custom-tap-to-pay-module .multi-column-grid > .column .headings-compact h2 { max-width: 520px; } .sq-custom-tap-to-pay-module .multi-column-grid > .column .headings-compact .grid { margin-top: auto; } .sq-custom-tap-to-pay-module .multi-column-grid > .column .headings-compact .grid .column .display-inline-block { display: flex !important; flex-direction: column-reverse; } .sq-custom-tap-to-pay-module .multi-column-grid > .column .headings-compact .grid .column .display-inline-block p { margin-bottom: var(--space-line); max-width: var(--copyMaxWidth); } @media (max-width: 717px) { .sq-custom-tap-to-pay-module .multi-column-grid > .column .headings-compact .h2 { margin-top: var(--space-base); } } .sq-custom-tap-to-pay-module .multi-column-grid > .column:nth-child(n + 1) .position-relative { aspect-ratio: 495 / 640; border-radius: 12px; height: 100%; overflow: hidden; width: 100%; } .sq-custom-tap-to-pay-module .multi-column-grid > .column:nth-child(n + 1) .position-relative img { height: 100% !important; object-fit: cover; width: 100% !important; } @media (max-width: 717px) { .sq-custom-tap-to-pay-module .multi-column-grid > .column:nth-child(n + 1) { margin-top: var(--space-small); } } .sq-custom-tap-to-pay-module--two-col .multi-column-grid { margin-bottom: 0 !important; } .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column:first-child h2 { max-width: 670px; } .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column:first-child p:last-child { max-width: 420px; } .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column:nth-child(n + 1) .position-relative { aspect-ratio: unset; } .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column:nth-child(n + 1) a { font-size: 16px; line-height: 28px; } .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column img { border-radius: clamp(8px, 3vw, 16px); } @media (max-width: 717px) { .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column .grid > .column:first-child { margin-bottom: 10px !important; } } @media (min-width: 718px) { .sq-custom-tap-to-pay-module--two-col .multi-column-grid { gap: clamp(calc(var(--space-base) + var(--space-small)), 5vw, var(--space-medium)) 0; } .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column .headings-compact { display: grid; gap: 0 80px; grid-template-columns: 1fr auto; } .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column:first-child h2 { grid-row-start: 1; margin-top: 0; } .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column:first-child h2 br { display: none; } .sq-custom-tap-to-pay-module--two-col .multi-column-grid > .column:first-child p:first-child { grid-column-start: 2; text-align: right; } } @media (max-width: 717px) { .locale-ja-JP .sq-custom-tap-to-pay-module .multi-column-grid > .column:nth-child(1) { margin-top: 0; } } @media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 1024px) and (min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-resolution: 2dppx) { .locale-ja-JP .sq-custom-tap-to-pay-module .content { width: 84% !important; } } .locale-ja-JP .sq-custom-tap-to-pay-module-new { background-color: white; border: 1px solid black; } .locale-ja-JP .sq-custom-tap-to-pay-module .multi-column-grid > .column:nth-child(n + 1) .position-relative { aspect-ratio: unset; } .locale-ja-JP .sq-custom-tap-to-pay-module .multi-column-grid > .column .headings-compact h2 { max-width: 780px; text-wrap: balance; } /* BUNDLE=home-page-s3-module */ /* BUNDLE=home-page-2021-q1 */ .sq-custom-section-scroll-animation-video-hotspots .scroll-scene--adjustment { display: grid; grid-template-columns: 100%; grid-template-rows: 100%; } .sq-custom-section-scroll-animation-video-hotspots .scroll-scene--adjustment .scroll-item { grid-column: 1 / -1; grid-row: 1 / -1; } .sq-custom-section-scroll-animation-video-hotspots--section-hotspots-container { opacity: 0; pointer-events: none; transition: opacity var(--duration-quick) var(--easing-sharp); } .sq-custom-section-scroll-animation-video-hotspots--section-hotspots-container .sq-custom-section-scroll-animation-video-hotspots--section-hotspots { background-color: transparent !important; } .sq-custom-section-scroll-animation-video-hotspots--section-hotspots-container img { visibility: hidden; } .sq-custom-section-scroll-animation-video-hotspots--section-hotspots-container.sq-custom--visible { opacity: 1; pointer-events: auto; transition: opacity var(--duration-default) var(--easing-accelerate); } .sq-custom-section-scroll-animation-video-hotspots--section-hotspots-container img.sq-custom--visible { visibility: visible; } /* BUNDLE=home-page-s3-module */ /* BUNDLE=home-page-2021-q1 */ .sq-custom-section-scroll-animation-video-hotspots { --custom-background-color: var(--color-gray-05); --custom-horizontal-clip-path: inset(0px var(--space-small) 0px var(--space-small) round 0px); --custom-top-clip-path: inset(0px var(--space-small) 0px var(--space-small) round var(--space-small) var(--space-small) 0 0); --custom-bottom-clip-path: inset(0px var(--space-small) 0px var(--space-small) round 0 0 var(--space-small) var(--space-small)); } .sq-custom-section-scroll-animation-video-hotspots .scroll-scene .scroll-scene--adjustment { margin-top: -1px; margin-bottom: -1px; } .sq-custom-section-scroll-animation-video-hotspots .scroll-scene::before, .sq-custom-section-scroll-animation-video-hotspots .scroll-scene::after { content: ''; display: block; width: 100%; background-color: var(--custom-background-color); z-index: 10; } .sq-custom-section-scroll-animation-video-hotspots .scroll-scene::before { height: var(--space-large); } @media (min-width: 480px) { .sq-custom-section-scroll-animation-video-hotspots .scroll-scene::before { height: var(--space-xl); } } @media (min-width: 718px) { .sq-custom-section-scroll-animation-video-hotspots .scroll-scene::before { height: var(--space-small); clip-path: var(--custom-top-clip-path); } } .sq-custom-section-scroll-animation-video-hotspots .scroll-scene::after { height: var(--space-large); } @media (min-width: 480px) { .sq-custom-section-scroll-animation-video-hotspots .scroll-scene::after { height: var(--space-xl); } } @media (min-width: 718px) { .sq-custom-section-scroll-animation-video-hotspots .scroll-scene::after { height: var(--space-small); clip-path: var(--custom-bottom-clip-path); } } @media (max-width: 717px) { .sq-custom-section-scroll-animation-video-hotspots .scroll-scene--adjustment { transform-origin: center center; transform: scale(1.5); } } @media (min-width: 718px) { .sq-custom-section-scroll-animation-video-hotspots--section-video-container video { clip-path: var(--custom-horizontal-clip-path); } } .sq-custom-section-scroll-animation-video-hotspots--section-hotspots-container img { background-color: var(--custom-background-color); } @media (min-width: 718px) { .sq-custom-section-scroll-animation-video-hotspots--section-hotspots-container img { clip-path: var(--custom-horizontal-clip-path); } } </style><style nonce="6+FWs6ors8bQPYUgm7NvuD5imzermmEsog+kDft7Aes=">section[data-entry-id="2dtcMdCynQTfxHfnQGmloe"] { min-height: 302px; } @media (min-width: 374px) { section[data-entry-id="2dtcMdCynQTfxHfnQGmloe"] { min-height: 388px; } } @media (min-width: 480px) { section[data-entry-id="2dtcMdCynQTfxHfnQGmloe"] { min-height: 582px; } } @media (min-width: 718px) { section[data-entry-id="2dtcMdCynQTfxHfnQGmloe"] { min-height: 830px; } } @media (min-width: 1024px) { section[data-entry-id="2dtcMdCynQTfxHfnQGmloe"] { min-height: 1048px; } } @media (min-width: 1292px) { section[data-entry-id="2dtcMdCynQTfxHfnQGmloe"] { min-height: 1364px; } } .uid-jpNPxMqdO9tt4QuXDzlpy-363df8ac8ac6e900035c3f728a99bcb39ae43e56e31671336f8ca23f71f74c02 { height: 155px; } .uid-jpNPxMqdO9tt4QuXDzlpy-363df8ac8ac6e900035c3f728a99bcb39ae43e56e31671336f8ca23f71f74c02 img { width: 276px; height: 155px; } @media (min-width: 374px) { .uid-jpNPxMqdO9tt4QuXDzlpy-363df8ac8ac6e900035c3f728a99bcb39ae43e56e31671336f8ca23f71f74c02 { height: 182px; } } @media (min-width: 374px) { .uid-jpNPxMqdO9tt4QuXDzlpy-363df8ac8ac6e900035c3f728a99bcb39ae43e56e31671336f8ca23f71f74c02 img { width: 324px; height: 182px; } } @media (min-width: 480px) { .uid-jpNPxMqdO9tt4QuXDzlpy-363df8ac8ac6e900035c3f728a99bcb39ae43e56e31671336f8ca23f71f74c02 { height: 239px; } } @media (min-width: 480px) { .uid-jpNPxMqdO9tt4QuXDzlpy-363df8ac8ac6e900035c3f728a99bcb39ae43e56e31671336f8ca23f71f74c02 img { width: 424px; height: 239px; } } @media (min-width: 718px) { .uid-jpNPxMqdO9tt4QuXDzlpy-363df8ac8ac6e900035c3f728a99bcb39ae43e56e31671336f8ca23f71f74c02 { height: 383px; } } @media (min-width: 718px) { .uid-jpNPxMqdO9tt4QuXDzlpy-363df8ac8ac6e900035c3f728a99bcb39ae43e56e31671336f8ca23f71f74c02 img { width: 680px; height: 383px; } } @media (min-width: 1024px) { .uid-jpNPxMqdO9tt4QuXDzlpy-363df8ac8ac6e900035c3f728a99bcb39ae43e56e31671336f8ca23f71f74c02 { height: 489px; } } @media (min-width: 1024px) { .uid-jpNPxMqdO9tt4QuXDzlpy-363df8ac8ac6e900035c3f728a99bcb39ae43e56e31671336f8ca23f71f74c02 img { width: 868px; height: 489px; } } @media (min-width: 1292px) { .uid-jpNPxMqdO9tt4QuXDzlpy-363df8ac8ac6e900035c3f728a99bcb39ae43e56e31671336f8ca23f71f74c02 { height: 572px; } } @media (min-width: 1292px) { .uid-jpNPxMqdO9tt4QuXDzlpy-363df8ac8ac6e900035c3f728a99bcb39ae43e56e31671336f8ca23f71f74c02 img { width: 1016px; height: 572px; } } .uid-Pi34f2iKabvpSQxX42pFK-15071025a068da816e64b7670534e596e58835239181b2fbe1ed8b440b6b31ff { height: 155px; } .uid-Pi34f2iKabvpSQxX42pFK-15071025a068da816e64b7670534e596e58835239181b2fbe1ed8b440b6b31ff img { width: 276px; height: 155px; } @media (min-width: 374px) { .uid-Pi34f2iKabvpSQxX42pFK-15071025a068da816e64b7670534e596e58835239181b2fbe1ed8b440b6b31ff { height: 182px; } } @media (min-width: 374px) { .uid-Pi34f2iKabvpSQxX42pFK-15071025a068da816e64b7670534e596e58835239181b2fbe1ed8b440b6b31ff img { width: 324px; height: 182px; } } @media (min-width: 480px) { .uid-Pi34f2iKabvpSQxX42pFK-15071025a068da816e64b7670534e596e58835239181b2fbe1ed8b440b6b31ff { height: 239px; } } @media (min-width: 480px) { .uid-Pi34f2iKabvpSQxX42pFK-15071025a068da816e64b7670534e596e58835239181b2fbe1ed8b440b6b31ff img { width: 424px; height: 239px; } } @media (min-width: 718px) { .uid-Pi34f2iKabvpSQxX42pFK-15071025a068da816e64b7670534e596e58835239181b2fbe1ed8b440b6b31ff { height: 383px; } } @media (min-width: 718px) { .uid-Pi34f2iKabvpSQxX42pFK-15071025a068da816e64b7670534e596e58835239181b2fbe1ed8b440b6b31ff img { width: 680px; height: 383px; } } @media (min-width: 1024px) { .uid-Pi34f2iKabvpSQxX42pFK-15071025a068da816e64b7670534e596e58835239181b2fbe1ed8b440b6b31ff { height: 489px; } } @media (min-width: 1024px) { .uid-Pi34f2iKabvpSQxX42pFK-15071025a068da816e64b7670534e596e58835239181b2fbe1ed8b440b6b31ff img { width: 868px; height: 489px; } } @media (min-width: 1292px) { .uid-Pi34f2iKabvpSQxX42pFK-15071025a068da816e64b7670534e596e58835239181b2fbe1ed8b440b6b31ff { height: 572px; } } @media (min-width: 1292px) { .uid-Pi34f2iKabvpSQxX42pFK-15071025a068da816e64b7670534e596e58835239181b2fbe1ed8b440b6b31ff img { width: 1016px; height: 572px; } } .uid-3zLBxqTBqutjNwJV1atftd-6b3d50f6157f5ed3cf7386c76574173682e1e9faa70c1ee7341b655c02ab33f6 { height: 155px; } .uid-3zLBxqTBqutjNwJV1atftd-6b3d50f6157f5ed3cf7386c76574173682e1e9faa70c1ee7341b655c02ab33f6 img { width: 276px; height: 155px; } @media (min-width: 374px) { .uid-3zLBxqTBqutjNwJV1atftd-6b3d50f6157f5ed3cf7386c76574173682e1e9faa70c1ee7341b655c02ab33f6 { height: 182px; } } @media (min-width: 374px) { .uid-3zLBxqTBqutjNwJV1atftd-6b3d50f6157f5ed3cf7386c76574173682e1e9faa70c1ee7341b655c02ab33f6 img { width: 324px; height: 182px; } } @media (min-width: 480px) { .uid-3zLBxqTBqutjNwJV1atftd-6b3d50f6157f5ed3cf7386c76574173682e1e9faa70c1ee7341b655c02ab33f6 { height: 239px; } } @media (min-width: 480px) { .uid-3zLBxqTBqutjNwJV1atftd-6b3d50f6157f5ed3cf7386c76574173682e1e9faa70c1ee7341b655c02ab33f6 img { width: 424px; height: 239px; } } @media (min-width: 718px) { .uid-3zLBxqTBqutjNwJV1atftd-6b3d50f6157f5ed3cf7386c76574173682e1e9faa70c1ee7341b655c02ab33f6 { height: 383px; } } @media (min-width: 718px) { .uid-3zLBxqTBqutjNwJV1atftd-6b3d50f6157f5ed3cf7386c76574173682e1e9faa70c1ee7341b655c02ab33f6 img { width: 680px; height: 383px; } } @media (min-width: 1024px) { .uid-3zLBxqTBqutjNwJV1atftd-6b3d50f6157f5ed3cf7386c76574173682e1e9faa70c1ee7341b655c02ab33f6 { height: 489px; } } @media (min-width: 1024px) { .uid-3zLBxqTBqutjNwJV1atftd-6b3d50f6157f5ed3cf7386c76574173682e1e9faa70c1ee7341b655c02ab33f6 img { width: 868px; height: 489px; } } @media (min-width: 1292px) { .uid-3zLBxqTBqutjNwJV1atftd-6b3d50f6157f5ed3cf7386c76574173682e1e9faa70c1ee7341b655c02ab33f6 { height: 572px; } } @media (min-width: 1292px) { .uid-3zLBxqTBqutjNwJV1atftd-6b3d50f6157f5ed3cf7386c76574173682e1e9faa70c1ee7341b655c02ab33f6 img { width: 1016px; height: 572px; } } .uid-5INBMLD4psIr7PjVroBc5Y-e0368d39887236711ffdcb583c0e0f114773d160930afab8ac7ec8472e76a0f9 { height: 155px; } .uid-5INBMLD4psIr7PjVroBc5Y-e0368d39887236711ffdcb583c0e0f114773d160930afab8ac7ec8472e76a0f9 img { width: 276px; height: 155px; } @media (min-width: 374px) { .uid-5INBMLD4psIr7PjVroBc5Y-e0368d39887236711ffdcb583c0e0f114773d160930afab8ac7ec8472e76a0f9 { height: 182px; } } @media (min-width: 374px) { .uid-5INBMLD4psIr7PjVroBc5Y-e0368d39887236711ffdcb583c0e0f114773d160930afab8ac7ec8472e76a0f9 img { width: 324px; height: 182px; } } @media (min-width: 480px) { .uid-5INBMLD4psIr7PjVroBc5Y-e0368d39887236711ffdcb583c0e0f114773d160930afab8ac7ec8472e76a0f9 { height: 239px; } } @media (min-width: 480px) { .uid-5INBMLD4psIr7PjVroBc5Y-e0368d39887236711ffdcb583c0e0f114773d160930afab8ac7ec8472e76a0f9 img { width: 424px; height: 239px; } } @media (min-width: 718px) { .uid-5INBMLD4psIr7PjVroBc5Y-e0368d39887236711ffdcb583c0e0f114773d160930afab8ac7ec8472e76a0f9 { height: 383px; } } @media (min-width: 718px) { .uid-5INBMLD4psIr7PjVroBc5Y-e0368d39887236711ffdcb583c0e0f114773d160930afab8ac7ec8472e76a0f9 img { width: 680px; height: 383px; } } @media (min-width: 1024px) { .uid-5INBMLD4psIr7PjVroBc5Y-e0368d39887236711ffdcb583c0e0f114773d160930afab8ac7ec8472e76a0f9 { height: 489px; } } @media (min-width: 1024px) { .uid-5INBMLD4psIr7PjVroBc5Y-e0368d39887236711ffdcb583c0e0f114773d160930afab8ac7ec8472e76a0f9 img { width: 868px; height: 489px; } } @media (min-width: 1292px) { .uid-5INBMLD4psIr7PjVroBc5Y-e0368d39887236711ffdcb583c0e0f114773d160930afab8ac7ec8472e76a0f9 { height: 572px; } } @media (min-width: 1292px) { .uid-5INBMLD4psIr7PjVroBc5Y-e0368d39887236711ffdcb583c0e0f114773d160930afab8ac7ec8472e76a0f9 img { width: 1016px; height: 572px; } } .uid-2EjZSscKGFGHxppEsN30TK-ab4d316510abc746ca42e2b17bfd19aa3c8fbcf0f18d6c0487f5d159ecd5a6a9 { height: 155px; } .uid-2EjZSscKGFGHxppEsN30TK-ab4d316510abc746ca42e2b17bfd19aa3c8fbcf0f18d6c0487f5d159ecd5a6a9 img { width: 276px; height: 155px; } @media (min-width: 374px) { .uid-2EjZSscKGFGHxppEsN30TK-ab4d316510abc746ca42e2b17bfd19aa3c8fbcf0f18d6c0487f5d159ecd5a6a9 { height: 182px; } } @media (min-width: 374px) { .uid-2EjZSscKGFGHxppEsN30TK-ab4d316510abc746ca42e2b17bfd19aa3c8fbcf0f18d6c0487f5d159ecd5a6a9 img { width: 324px; height: 182px; } } @media (min-width: 480px) { .uid-2EjZSscKGFGHxppEsN30TK-ab4d316510abc746ca42e2b17bfd19aa3c8fbcf0f18d6c0487f5d159ecd5a6a9 { height: 239px; } } @media (min-width: 480px) { .uid-2EjZSscKGFGHxppEsN30TK-ab4d316510abc746ca42e2b17bfd19aa3c8fbcf0f18d6c0487f5d159ecd5a6a9 img { width: 424px; height: 239px; } } @media (min-width: 718px) { .uid-2EjZSscKGFGHxppEsN30TK-ab4d316510abc746ca42e2b17bfd19aa3c8fbcf0f18d6c0487f5d159ecd5a6a9 { height: 383px; } } @media (min-width: 718px) { .uid-2EjZSscKGFGHxppEsN30TK-ab4d316510abc746ca42e2b17bfd19aa3c8fbcf0f18d6c0487f5d159ecd5a6a9 img { width: 680px; height: 383px; } } @media (min-width: 1024px) { .uid-2EjZSscKGFGHxppEsN30TK-ab4d316510abc746ca42e2b17bfd19aa3c8fbcf0f18d6c0487f5d159ecd5a6a9 { height: 489px; } } @media (min-width: 1024px) { .uid-2EjZSscKGFGHxppEsN30TK-ab4d316510abc746ca42e2b17bfd19aa3c8fbcf0f18d6c0487f5d159ecd5a6a9 img { width: 868px; height: 489px; } } @media (min-width: 1292px) { .uid-2EjZSscKGFGHxppEsN30TK-ab4d316510abc746ca42e2b17bfd19aa3c8fbcf0f18d6c0487f5d159ecd5a6a9 { height: 572px; } } @media (min-width: 1292px) { .uid-2EjZSscKGFGHxppEsN30TK-ab4d316510abc746ca42e2b17bfd19aa3c8fbcf0f18d6c0487f5d159ecd5a6a9 img { width: 1016px; height: 572px; } } .uid-4Wtb9XpMatla2K9uZqiffF-176ca241b601ad97ab49a82a9ee712afa03610ce1d59d5bf9a8b5ec55745c9c1 { height: 254px; } .uid-4Wtb9XpMatla2K9uZqiffF-176ca241b601ad97ab49a82a9ee712afa03610ce1d59d5bf9a8b5ec55745c9c1 img { width: 276px; height: 254px; } @media (min-width: 374px) { .uid-4Wtb9XpMatla2K9uZqiffF-176ca241b601ad97ab49a82a9ee712afa03610ce1d59d5bf9a8b5ec55745c9c1 { height: 298px; } } @media (min-width: 374px) { .uid-4Wtb9XpMatla2K9uZqiffF-176ca241b601ad97ab49a82a9ee712afa03610ce1d59d5bf9a8b5ec55745c9c1 img { width: 324px; height: 298px; } } @media (min-width: 480px) { .uid-4Wtb9XpMatla2K9uZqiffF-176ca241b601ad97ab49a82a9ee712afa03610ce1d59d5bf9a8b5ec55745c9c1 { height: 390px; } } @media (min-width: 480px) { .uid-4Wtb9XpMatla2K9uZqiffF-176ca241b601ad97ab49a82a9ee712afa03610ce1d59d5bf9a8b5ec55745c9c1 img { width: 424px; height: 390px; } } @media (min-width: 718px) { .uid-4Wtb9XpMatla2K9uZqiffF-176ca241b601ad97ab49a82a9ee712afa03610ce1d59d5bf9a8b5ec55745c9c1 { height: 299px; } } @media (min-width: 718px) { .uid-4Wtb9XpMatla2K9uZqiffF-176ca241b601ad97ab49a82a9ee712afa03610ce1d59d5bf9a8b5ec55745c9c1 img { width: 325px; height: 299px; } } @media (min-width: 1024px) { .uid-4Wtb9XpMatla2K9uZqiffF-176ca241b601ad97ab49a82a9ee712afa03610ce1d59d5bf9a8b5ec55745c9c1 { height: 385px; } } @media (min-width: 1024px) { .uid-4Wtb9XpMatla2K9uZqiffF-176ca241b601ad97ab49a82a9ee712afa03610ce1d59d5bf9a8b5ec55745c9c1 img { width: 419px; height: 385px; } } @media (min-width: 1292px) { .uid-4Wtb9XpMatla2K9uZqiffF-176ca241b601ad97ab49a82a9ee712afa03610ce1d59d5bf9a8b5ec55745c9c1 { height: 453px; } } @media (min-width: 1292px) { .uid-4Wtb9XpMatla2K9uZqiffF-176ca241b601ad97ab49a82a9ee712afa03610ce1d59d5bf9a8b5ec55745c9c1 img { width: 493px; height: 453px; } } .uid-5VnnSptzwZnF4zQLjEi6vB-f7cd49ce6abe9698987d10edc3fb7a8adfea799e6a2643eca984df3df51ebd66 { height: 254px; } .uid-5VnnSptzwZnF4zQLjEi6vB-f7cd49ce6abe9698987d10edc3fb7a8adfea799e6a2643eca984df3df51ebd66 img { width: 276px; height: 254px; } @media (min-width: 374px) { .uid-5VnnSptzwZnF4zQLjEi6vB-f7cd49ce6abe9698987d10edc3fb7a8adfea799e6a2643eca984df3df51ebd66 { height: 298px; } } @media (min-width: 374px) { .uid-5VnnSptzwZnF4zQLjEi6vB-f7cd49ce6abe9698987d10edc3fb7a8adfea799e6a2643eca984df3df51ebd66 img { width: 324px; height: 298px; } } @media (min-width: 480px) { .uid-5VnnSptzwZnF4zQLjEi6vB-f7cd49ce6abe9698987d10edc3fb7a8adfea799e6a2643eca984df3df51ebd66 { height: 390px; } } @media (min-width: 480px) { .uid-5VnnSptzwZnF4zQLjEi6vB-f7cd49ce6abe9698987d10edc3fb7a8adfea799e6a2643eca984df3df51ebd66 img { width: 424px; height: 390px; } } @media (min-width: 718px) { .uid-5VnnSptzwZnF4zQLjEi6vB-f7cd49ce6abe9698987d10edc3fb7a8adfea799e6a2643eca984df3df51ebd66 { height: 299px; } } @media (min-width: 718px) { .uid-5VnnSptzwZnF4zQLjEi6vB-f7cd49ce6abe9698987d10edc3fb7a8adfea799e6a2643eca984df3df51ebd66 img { width: 325px; height: 299px; } } @media (min-width: 1024px) { .uid-5VnnSptzwZnF4zQLjEi6vB-f7cd49ce6abe9698987d10edc3fb7a8adfea799e6a2643eca984df3df51ebd66 { height: 385px; } } @media (min-width: 1024px) { .uid-5VnnSptzwZnF4zQLjEi6vB-f7cd49ce6abe9698987d10edc3fb7a8adfea799e6a2643eca984df3df51ebd66 img { width: 419px; height: 385px; } } @media (min-width: 1292px) { .uid-5VnnSptzwZnF4zQLjEi6vB-f7cd49ce6abe9698987d10edc3fb7a8adfea799e6a2643eca984df3df51ebd66 { height: 453px; } } @media (min-width: 1292px) { .uid-5VnnSptzwZnF4zQLjEi6vB-f7cd49ce6abe9698987d10edc3fb7a8adfea799e6a2643eca984df3df51ebd66 img { width: 493px; height: 453px; } } .uid-2QeKePtpBB26krA9cjgu98-5669e8ef3212064f6bae6293f803a80235759e8f7de8afecb1544bbe68e599a9 { height: 276px; } .uid-2QeKePtpBB26krA9cjgu98-5669e8ef3212064f6bae6293f803a80235759e8f7de8afecb1544bbe68e599a9 img { width: 276px; height: 276px; } @media (min-width: 374px) { .uid-2QeKePtpBB26krA9cjgu98-5669e8ef3212064f6bae6293f803a80235759e8f7de8afecb1544bbe68e599a9 { height: 324px; } } @media (min-width: 374px) { .uid-2QeKePtpBB26krA9cjgu98-5669e8ef3212064f6bae6293f803a80235759e8f7de8afecb1544bbe68e599a9 img { width: 324px; height: 324px; } } @media (min-width: 480px) { .uid-2QeKePtpBB26krA9cjgu98-5669e8ef3212064f6bae6293f803a80235759e8f7de8afecb1544bbe68e599a9 { height: 424px; } } @media (min-width: 480px) { .uid-2QeKePtpBB26krA9cjgu98-5669e8ef3212064f6bae6293f803a80235759e8f7de8afecb1544bbe68e599a9 img { width: 424px; height: 424px; } } @media (min-width: 718px) { .uid-2QeKePtpBB26krA9cjgu98-5669e8ef3212064f6bae6293f803a80235759e8f7de8afecb1544bbe68e599a9 { height: 207px; } } @media (min-width: 718px) { .uid-2QeKePtpBB26krA9cjgu98-5669e8ef3212064f6bae6293f803a80235759e8f7de8afecb1544bbe68e599a9 img { width: 207px; height: 207px; } } @media (min-width: 1024px) { .uid-2QeKePtpBB26krA9cjgu98-5669e8ef3212064f6bae6293f803a80235759e8f7de8afecb1544bbe68e599a9 { height: 270px; } } @media (min-width: 1024px) { .uid-2QeKePtpBB26krA9cjgu98-5669e8ef3212064f6bae6293f803a80235759e8f7de8afecb1544bbe68e599a9 img { width: 270px; height: 270px; } } @media (min-width: 1292px) { .uid-2QeKePtpBB26krA9cjgu98-5669e8ef3212064f6bae6293f803a80235759e8f7de8afecb1544bbe68e599a9 { height: 319px; } } @media (min-width: 1292px) { .uid-2QeKePtpBB26krA9cjgu98-5669e8ef3212064f6bae6293f803a80235759e8f7de8afecb1544bbe68e599a9 img { width: 319px; height: 319px; } } .uid-6vXLCtx9SjUp41wi2YOE5P-480260dea9cbf09d1fec475fa6b2c7c4f46d5acd13d2b10fd92bf23869878de6 { height: 276px; } .uid-6vXLCtx9SjUp41wi2YOE5P-480260dea9cbf09d1fec475fa6b2c7c4f46d5acd13d2b10fd92bf23869878de6 img { width: 276px; height: 276px; } @media (min-width: 374px) { .uid-6vXLCtx9SjUp41wi2YOE5P-480260dea9cbf09d1fec475fa6b2c7c4f46d5acd13d2b10fd92bf23869878de6 { height: 324px; } } @media (min-width: 374px) { .uid-6vXLCtx9SjUp41wi2YOE5P-480260dea9cbf09d1fec475fa6b2c7c4f46d5acd13d2b10fd92bf23869878de6 img { width: 324px; height: 324px; } } @media (min-width: 480px) { .uid-6vXLCtx9SjUp41wi2YOE5P-480260dea9cbf09d1fec475fa6b2c7c4f46d5acd13d2b10fd92bf23869878de6 { height: 424px; } } @media (min-width: 480px) { .uid-6vXLCtx9SjUp41wi2YOE5P-480260dea9cbf09d1fec475fa6b2c7c4f46d5acd13d2b10fd92bf23869878de6 img { width: 424px; height: 424px; } } @media (min-width: 718px) { .uid-6vXLCtx9SjUp41wi2YOE5P-480260dea9cbf09d1fec475fa6b2c7c4f46d5acd13d2b10fd92bf23869878de6 { height: 207px; } } @media (min-width: 718px) { .uid-6vXLCtx9SjUp41wi2YOE5P-480260dea9cbf09d1fec475fa6b2c7c4f46d5acd13d2b10fd92bf23869878de6 img { width: 207px; height: 207px; } } @media (min-width: 1024px) { .uid-6vXLCtx9SjUp41wi2YOE5P-480260dea9cbf09d1fec475fa6b2c7c4f46d5acd13d2b10fd92bf23869878de6 { height: 270px; } } @media (min-width: 1024px) { .uid-6vXLCtx9SjUp41wi2YOE5P-480260dea9cbf09d1fec475fa6b2c7c4f46d5acd13d2b10fd92bf23869878de6 img { width: 270px; height: 270px; } } @media (min-width: 1292px) { .uid-6vXLCtx9SjUp41wi2YOE5P-480260dea9cbf09d1fec475fa6b2c7c4f46d5acd13d2b10fd92bf23869878de6 { height: 319px; } } @media (min-width: 1292px) { .uid-6vXLCtx9SjUp41wi2YOE5P-480260dea9cbf09d1fec475fa6b2c7c4f46d5acd13d2b10fd92bf23869878de6 img { width: 319px; height: 319px; } } .uid-1A4AqjEFD9CKiQkBIUFcCW-8521d1ed9482d828be9f3d9a4306bfdd99c8c66b1c1af648006b01ee4cee3fe1 { height: 276px; } .uid-1A4AqjEFD9CKiQkBIUFcCW-8521d1ed9482d828be9f3d9a4306bfdd99c8c66b1c1af648006b01ee4cee3fe1 img { width: 276px; height: 276px; } @media (min-width: 374px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-8521d1ed9482d828be9f3d9a4306bfdd99c8c66b1c1af648006b01ee4cee3fe1 { height: 324px; } } @media (min-width: 374px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-8521d1ed9482d828be9f3d9a4306bfdd99c8c66b1c1af648006b01ee4cee3fe1 img { width: 324px; height: 324px; } } @media (min-width: 480px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-8521d1ed9482d828be9f3d9a4306bfdd99c8c66b1c1af648006b01ee4cee3fe1 { height: 424px; } } @media (min-width: 480px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-8521d1ed9482d828be9f3d9a4306bfdd99c8c66b1c1af648006b01ee4cee3fe1 img { width: 424px; height: 424px; } } @media (min-width: 718px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-8521d1ed9482d828be9f3d9a4306bfdd99c8c66b1c1af648006b01ee4cee3fe1 { height: 207px; } } @media (min-width: 718px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-8521d1ed9482d828be9f3d9a4306bfdd99c8c66b1c1af648006b01ee4cee3fe1 img { width: 207px; height: 207px; } } @media (min-width: 1024px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-8521d1ed9482d828be9f3d9a4306bfdd99c8c66b1c1af648006b01ee4cee3fe1 { height: 270px; } } @media (min-width: 1024px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-8521d1ed9482d828be9f3d9a4306bfdd99c8c66b1c1af648006b01ee4cee3fe1 img { width: 270px; height: 270px; } } @media (min-width: 1292px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-8521d1ed9482d828be9f3d9a4306bfdd99c8c66b1c1af648006b01ee4cee3fe1 { height: 319px; } } @media (min-width: 1292px) { .uid-1A4AqjEFD9CKiQkBIUFcCW-8521d1ed9482d828be9f3d9a4306bfdd99c8c66b1c1af648006b01ee4cee3fe1 img { width: 319px; height: 319px; } } .uid-2wscmmZNe8iSaBnoSstvtK-491a2354f65eb785396c569cef9ac27fc7a24c50f9a2e642b9883cc0d52ce57e { height: 1233px; } .uid-2wscmmZNe8iSaBnoSstvtK-491a2354f65eb785396c569cef9ac27fc7a24c50f9a2e642b9883cc0d52ce57e img { width: 2000px; height: 1233px; } @media (min-width: 718px) { .uid-2wscmmZNe8iSaBnoSstvtK-491a2354f65eb785396c569cef9ac27fc7a24c50f9a2e642b9883cc0d52ce57e { height: 966px; } } @media (min-width: 718px) { .uid-2wscmmZNe8iSaBnoSstvtK-491a2354f65eb785396c569cef9ac27fc7a24c50f9a2e642b9883cc0d52ce57e img { width: 2000px; height: 966px; } } .uid-48zTZjtDlGX3wCwbb6r41q-819d9a30ef8bfe515b26fccb67353776cee3972334b5eeb506380cd5bb2901ad { height: 166px; } .uid-48zTZjtDlGX3wCwbb6r41q-819d9a30ef8bfe515b26fccb67353776cee3972334b5eeb506380cd5bb2901ad img { width: 276px; height: 166px; } @media (min-width: 374px) { .uid-48zTZjtDlGX3wCwbb6r41q-819d9a30ef8bfe515b26fccb67353776cee3972334b5eeb506380cd5bb2901ad { height: 195px; } } @media (min-width: 374px) { .uid-48zTZjtDlGX3wCwbb6r41q-819d9a30ef8bfe515b26fccb67353776cee3972334b5eeb506380cd5bb2901ad img { width: 324px; height: 195px; } } @media (min-width: 480px) { .uid-48zTZjtDlGX3wCwbb6r41q-819d9a30ef8bfe515b26fccb67353776cee3972334b5eeb506380cd5bb2901ad { height: 255px; } } @media (min-width: 480px) { .uid-48zTZjtDlGX3wCwbb6r41q-819d9a30ef8bfe515b26fccb67353776cee3972334b5eeb506380cd5bb2901ad img { width: 424px; height: 255px; } } @media (min-width: 718px) { .uid-48zTZjtDlGX3wCwbb6r41q-819d9a30ef8bfe515b26fccb67353776cee3972334b5eeb506380cd5bb2901ad { height: 196px; } } @media (min-width: 718px) { .uid-48zTZjtDlGX3wCwbb6r41q-819d9a30ef8bfe515b26fccb67353776cee3972334b5eeb506380cd5bb2901ad img { width: 325px; height: 196px; } } @media (min-width: 1024px) { .uid-48zTZjtDlGX3wCwbb6r41q-819d9a30ef8bfe515b26fccb67353776cee3972334b5eeb506380cd5bb2901ad { height: 252px; } } @media (min-width: 1024px) { .uid-48zTZjtDlGX3wCwbb6r41q-819d9a30ef8bfe515b26fccb67353776cee3972334b5eeb506380cd5bb2901ad img { width: 419px; height: 252px; } } @media (min-width: 1292px) { .uid-48zTZjtDlGX3wCwbb6r41q-819d9a30ef8bfe515b26fccb67353776cee3972334b5eeb506380cd5bb2901ad { height: 297px; } } @media (min-width: 1292px) { .uid-48zTZjtDlGX3wCwbb6r41q-819d9a30ef8bfe515b26fccb67353776cee3972334b5eeb506380cd5bb2901ad img { width: 493px; height: 297px; } } .uid-2L6IsPC95pTkePTPft4krx-fb59782fb4d8be026375de5d8ac6d732d386cc4a61c4f03772bed29c8383791c { height: 166px; } .uid-2L6IsPC95pTkePTPft4krx-fb59782fb4d8be026375de5d8ac6d732d386cc4a61c4f03772bed29c8383791c img { width: 276px; height: 166px; } @media (min-width: 374px) { .uid-2L6IsPC95pTkePTPft4krx-fb59782fb4d8be026375de5d8ac6d732d386cc4a61c4f03772bed29c8383791c { height: 195px; } } @media (min-width: 374px) { .uid-2L6IsPC95pTkePTPft4krx-fb59782fb4d8be026375de5d8ac6d732d386cc4a61c4f03772bed29c8383791c img { width: 324px; height: 195px; } } @media (min-width: 480px) { .uid-2L6IsPC95pTkePTPft4krx-fb59782fb4d8be026375de5d8ac6d732d386cc4a61c4f03772bed29c8383791c { height: 255px; } } @media (min-width: 480px) { .uid-2L6IsPC95pTkePTPft4krx-fb59782fb4d8be026375de5d8ac6d732d386cc4a61c4f03772bed29c8383791c img { width: 424px; height: 255px; } } @media (min-width: 718px) { .uid-2L6IsPC95pTkePTPft4krx-fb59782fb4d8be026375de5d8ac6d732d386cc4a61c4f03772bed29c8383791c { height: 196px; } } @media (min-width: 718px) { .uid-2L6IsPC95pTkePTPft4krx-fb59782fb4d8be026375de5d8ac6d732d386cc4a61c4f03772bed29c8383791c img { width: 325px; height: 196px; } } @media (min-width: 1024px) { .uid-2L6IsPC95pTkePTPft4krx-fb59782fb4d8be026375de5d8ac6d732d386cc4a61c4f03772bed29c8383791c { height: 252px; } } @media (min-width: 1024px) { .uid-2L6IsPC95pTkePTPft4krx-fb59782fb4d8be026375de5d8ac6d732d386cc4a61c4f03772bed29c8383791c img { width: 419px; height: 252px; } } @media (min-width: 1292px) { .uid-2L6IsPC95pTkePTPft4krx-fb59782fb4d8be026375de5d8ac6d732d386cc4a61c4f03772bed29c8383791c { height: 297px; } } @media (min-width: 1292px) { .uid-2L6IsPC95pTkePTPft4krx-fb59782fb4d8be026375de5d8ac6d732d386cc4a61c4f03772bed29c8383791c img { width: 493px; height: 297px; } } </style><script src="https://xms-production-f.squarecdn.com/xms/assets/application-9f35fa5b728f1bf374bf37e9045dfe3b6bd1ff250817b7c1ef71cb36b45a2bce.js" defer="defer" nonce="6+FWs6ors8bQPYUgm7NvuD5imzermmEsog+kDft7Aes="></script><script src="https://xms-production-f.squarecdn.com/xms/assets/precompile/sections/scroll_linked_animation_section-e8e9e2c969b5ce58c53f7b502cf0e8b03b4022f92db053dd6293020421611380.js" defer="defer" nonce="6+FWs6ors8bQPYUgm7NvuD5imzermmEsog+kDft7Aes="></script><script type="module" nonce="6+FWs6ors8bQPYUgm7NvuD5imzermmEsog+kDft7Aes=">/* eslint-disable no-param-reassign */ window.Sq = window.Sq || {}; Sq.Custom = Sq.Custom || {}; Sq.Custom.VideoComponent = Sq.Custom.VideoComponent || {}; $.extend(Sq.Custom.VideoComponent, { disableEvents: videoComponentSelector => { const videoComponent = $(videoComponentSelector).data(Sq.VideoComponent.DATA_KEY); videoComponent.observer.disconnect(); return videoComponent; }, setVideoPreload: videoSelector => { const video = $(videoSelector).get(0); video.setAttribute('preload', 'auto'); return video; }, VIDEO_STATUS: { FORWARD: 'forward', REVERSE: 'reverse', BLANK: '', }, playReverse: ({ video, onEnd }) => { const VIDEO_STATUS = Sq.Custom.VideoComponent.VIDEO_STATUS; const startSystemTime = window.performance.now(); const startVideoTime = video.currentTime; const cancelReverse = () => { if (video.reverseAnimationFrame) { window.cancelAnimationFrame(video.reverseAnimationFrame); } video.reverseAnimationFrame = null; video.onseeked = null; }; const reverse = () => { if (video.dataset.status !== VIDEO_STATUS.REVERSE) { cancelReverse(); } else if (video.currentTime === 0) { cancelReverse(); video.pause(); video.dataset.status = VIDEO_STATUS.BLANK; onEnd && onEnd(); } else { const elapsed = window.performance.now() - startSystemTime; video.currentTime = Math.max(startVideoTime - elapsed / 1000.0, 0); video.onseeked = () => { video.reverseAnimationFrame = window.requestAnimationFrame(reverse); }; } }; cancelReverse(); video.pause(); video.dataset.status = VIDEO_STATUS.REVERSE; video.reverseAnimationFrame = window.requestAnimationFrame(reverse); }, playForwardOrReverse: ({ video, reverse = false, onEnd }) => { const VIDEO_STATUS = Sq.Custom.VideoComponent.VIDEO_STATUS; if (reverse) { Sq.Custom.VideoComponent.playReverse({ video, onEnd }); } else { video.playbackRate = 1.0; video.play(); video.dataset.status = VIDEO_STATUS.FORWARD; if (!video.dataset.pauseEventSet) { video.addEventListener('pause', function() { if (video.dataset.status === VIDEO_STATUS.FORWARD) { video.dataset.status = VIDEO_STATUS.BLANK; } }); video.dataset.pauseEventSet = true; } if (!video.dataset.forwardOnEndEventSet) { $(video).on('ended', function() { onEnd && onEnd(); }); video.dataset.forwardOnEndEventSet = true; } } }, }); </script><script type="module" nonce="6+FWs6ors8bQPYUgm7NvuD5imzermmEsog+kDft7Aes=">// DRI: adoshi@ // BUNDLE=home-page-s3-module // BUNDLE=BUNDLE=home-page-2021-q1 // NOTE // Scroll-linked animation section class `section-scroll-animation-video-hotspots` and // another custom class for unique initialization and timing values // Image Break class `section-scroll-animation-video-hotspots--section-video` and should be full-width // Hotspot section class `section-scroll-animation-video-hotspots--section-hotspots` and should use fluid apropos /* Example: $(function() { new Sq.Custom.ScrollAnimationVideoHotspots({ element: $('.sq-custom-section-hardware-s3').get(0), hotspotAppearDelayMs: 1100, }).render(); }); */ window.Sq = window.Sq || {}; Sq.Custom = Sq.Custom || {}; Sq.Custom.ScrollAnimationVideoHotspots = (function() { const CLASS_NAME = 'Sq.Custom.ScrollAnimationVideoHotspots'; const DATA_KEY = 'sq.custom.scroll-animation-video-hotspots'; const SELECTOR = { SECTION: '.sq-custom-section-scroll-animation-video-hotspots', SECTION_VIDEO: '.sq-custom-section-scroll-animation-video-hotspots--section-video', SECTION_VIDEO_CONTAINER: '.sq-custom-section-scroll-animation-video-hotspots--section-video-container', SECTION_HOTSPOT: '.sq-custom-section-scroll-animation-video-hotspots--section-hotspots', SECTION_HOTSPOT_CONTAINER: '.sq-custom-section-scroll-animation-video-hotspots--section-hotspots-container', SECTION_HOTSPOT_IMAGE: '.sq-custom-section-scroll-animation-video-hotspots--section-hotspots img', VIDEO: '.sq-custom-section-scroll-animation-video-hotspots--section-video video', VIDEO_COMPONENT: '.sq-custom-section-scroll-animation-video-hotspots--section-video .component-video', }; const CLASS_VISIBLE = 'sq-custom--visible'; const MIN_INTERSECTION_RATIO = 0.5; const INTERSECTION_THRESHOLD = 0.75; const ScrollAnimationVideoHotspots = class extends Sq.BaseSection { constructor({ element, hotspotAppearDelayMs }) { const memo = super(element, CLASS_NAME, DATA_KEY); this.hotspotAppearDelayMs = hotspotAppearDelayMs; if (memo) { return memo; } } render() { this.setupVideo(); this.setupHotspotSection(); this.setupIntersectionObserver(); this.setupVideoEndEvent(); } setupVideo() { // disables intersection observer and preloads video const $videoComponent = this.$section.find(SELECTOR.VIDEO_COMPONENT); Sq.Custom.VideoComponent.disableEvents($videoComponent); Sq.Custom.VideoComponent.setVideoPreload($videoComponent); this.$videoContainer = this.$section.find(SELECTOR.SECTION_VIDEO_CONTAINER); this.$video = this.$section.find(SELECTOR.VIDEO); this.video = this.$video.get(0); } setupHotspotSection() { // get hotspot section object this.hotspotSection = this.$section.find(SELECTOR.SECTION_HOTSPOT).data(Sq.HotspotImageSection.DATA_KEY); this.$hotspotImage = this.$section.find(SELECTOR.SECTION_HOTSPOT_IMAGE); this.$hotspotContainer = this.$section.find(SELECTOR.SECTION_HOTSPOT_CONTAINER) } setupIntersectionObserver() { this.observer = new IntersectionObserver( (entries, observer) => { const { isIntersecting, intersectionRatio, rootBounds, boundingClientRect } = entries[0]; if ( isIntersecting && intersectionRatio >= MIN_INTERSECTION_RATIO && (intersectionRatio >= INTERSECTION_THRESHOLD || rootBounds.height < boundingClientRect.height) ) { this.video.play(); this.showHotspots(); observer.disconnect(); } }, { threshold: [0, INTERSECTION_THRESHOLD] }, ); this.observer.observe(this.$section.get(0)); } setupVideoEndEvent() { this.$video.on('ended', () => { if (this.$hotspotImage.get(0).complete) { this.showHotspotImage(); } else { this.$hotspotImage.on('load', this.showHotspotImage); } }); } showHotspots() { // unhide hotspot section after a delay setTimeout(() => { if (!this.hotspotsPulseOverrideSet) { // undo hotspot pulse this.hotspotSection.$hotspotButtons.removeClass('hotspot-pulse'); } // when video has been played, show hotspots section this.$hotspotContainer.addClass(CLASS_VISIBLE); }, this.hotspotAppearDelayMs); } showHotspotImage() { this.$section.find(SELECTOR.SECTION_HOTSPOT_IMAGE).addClass(CLASS_VISIBLE); this.hotspotSection.pulseHotspots(); this.hotspotsPulseOverrideSet = true; } }; return ScrollAnimationVideoHotspots; })(); </script><script type="module" nonce="6+FWs6ors8bQPYUgm7NvuD5imzermmEsog+kDft7Aes=">// DRI: adoshi@ // BUNDLE=home-page-s3-module Sq.OnLoad.window(function() { new Sq.Custom.ScrollAnimationVideoHotspots({ element: $('.sq-custom-section-hardware-s3').get(0), hotspotAppearDelayMs: 1100, }).render(); }); </script><script type="module" nonce="6+FWs6ors8bQPYUgm7NvuD5imzermmEsog+kDft7Aes=">(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="6+FWs6ors8bQPYUgm7NvuD5imzermmEsog+kDft7Aes=">// DRI: adoshi@ // BUNDLE=home-page-2021-q1 // TODO disable hotspot centering on mobile // hotspot-center-tiles-on-mobile Sq.OnLoad.window(function() { const $hotspotTiles = $('.section-hotspot-image .hotspot-tile'); const updateHotspotProperties = target => { const quadrantClass = Array.from(target.classList) .reverse() .find(value => value.startsWith('hotspot-quadrant')); const $hotspotButton = $(`.section-hotspot-image .hotspot-button[data-entry-id="${target.dataset.entryId}"`); const existingQuadrantClass = Array.from($hotspotButton.get(0).classList).find(value => value.startsWith('hotspot-quadrant'), ); $hotspotButton.removeClass(existingQuadrantClass).addClass(quadrantClass); // At this time, the button is rendered // So, also detect hotspot button label width const $hotspotButtonLabel = $hotspotButton.find('label'); const buttonLabelWidth = $hotspotButtonLabel.get(0).getBoundingClientRect().width; $hotspotButton.css('--hotspot-button-label-width', buttonLabelWidth); $(target).css('--hotspot-button-label-width', buttonLabelWidth); }; // Observe changes in class to figure out which quadrant the button should belong to // then add quadrant class to the button, to position label using css const observer = new MutationObserver(mutationList => { for (const mutation of mutationList) { if (mutation.type === 'attributes' && mutation.attributeName === 'class') { updateHotspotProperties(mutation.target); } } }); const $hotspotIconSvg = $('.section-hotspot-image .hotspot-icon svg').first(); $('.section-hotspot-image .hotspot-button').each(function() { const $button = $(this); $(`<label class="hotspot-button-label">${$button.attr('aria-label')}</label>`).appendTo($button); }); $hotspotTiles.each(function() { updateHotspotProperties(this); observer.observe(this, { attributes: true }); const $hotspotCloseButton = $('<a class="hotspot-button hotspot-close-button" href="#"></a>').appendTo(this); $hotspotIconSvg.clone().appendTo($hotspotCloseButton); }); // close tile on clicking cross $('.section-hotspot-image').each(function() { const hotspotSection = $(this).data(Sq.HotspotImageSection.DATA_KEY); $(this) .find('.hotspot-close-button') .on('click', function(e) { e.preventDefault(); e.stopImmediatePropagation(); hotspotSection.hideAllTiles(true); }); }); // remove hotspot centering tiles on mobile if needed $( [ '.sq-custom-section-hotspot-image--disable-center-tiles', '.sq-custom-hotspot--disable-center-tiles', '.sq-custom-section-hotspot-image--horizontally-center-tiles-until-medium', '.sq-custom-hotspot--horizontally-center-tiles-until-medium', ].join(','), ).removeClass('hotspot-center-tiles-on-mobile'); }); function flipHotspotLabel(section) { const { hotspots } = section.config || {}; (hotspots || []).forEach((hotspot, i) => { const flip = hotspot.flip ? true : false; const center = hotspot.center ? true : false; section.$hotspotButtons.get(i).dataset.flip = flip; section.$hotspotButtons.get(i).dataset.center = center; section.$hotspotTiles.get(i).dataset.flip = flip; section.$hotspotTiles.get(i).dataset.center = center; }); } Sq.OnLoad.window(function() { // responsively flip position of label if part of json $('.sq-custom-section-hotspot-image--flip-label-per-button,.sq-custom-hotspot--flip-label-per-button').each(function( i, el, ) { const section = $(el).data(Sq.HotspotImageSection.DATA_KEY); $(document).on(section.breakpointEvent, () => flipHotspotLabel(section)); flipHotspotLabel(section); }); }); </script><script type="module" nonce="6+FWs6ors8bQPYUgm7NvuD5imzermmEsog+kDft7Aes=">// 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="6+FWs6ors8bQPYUgm7NvuD5imzermmEsog+kDft7Aes=">/* BUNDLE=hp-fluid-hero-2022 */ // DRI: errol // forces the hero element to auto-animate its images vertically $(function() { // element reference array const $slides = $('.sq-custom-fluid-hero .image .hero-slide .picture') // duration to show each slide const slideDuration = 4000 // css animation classes const allowTransition = 'allow-transition' const slideIn = 'slide-in' const slideOut = 'slide-out' const readyToSlide = 'ready-to-slide' // keep track of which slide is on screen let currentSlide = 0 // track the animation interval let enabled = true // helper function to add a css transition to a slide function addTransitionToSlide($slide) { $slide.addClass(allowTransition); } // helper function to remove a css transition to a slide function removeTransitionFromSlide($slide) { $slide.removeClass(allowTransition); } // track current and next slide // set slide positions and animation attributes function setSlidePositions() { // block interval if animation is disabled if (!enabled) return // get the next slide const nextSlide = currentSlide < $slides.length - 1 ? currentSlide + 1 : 0 // loop through each slide $slides.each(function( index ) { // handle current, next, or other slides if (index === currentSlide) { // allow current slide to animate addTransitionToSlide($(this)) // move up out of view $(this).removeClass(slideIn) $(this).addClass(slideOut) } else if (index === nextSlide) { // allow next slide to animate addTransitionToSlide($(this)) // move up into view $(this).removeClass(slideOut) $(this).addClass(slideIn) } else { // disable other slides from animating removeTransitionFromSlide($(this)) // hide below view $(this).removeClass(slideIn) $(this).removeClass(slideOut) } }); // set new current slide currentSlide = nextSlide } // disable animation when window loses focus $(window).blur(function() { enabled = false }) // enable animation when window gains focus $(window).focus(function() { enabled = true }) // start the animation interval setInterval(setSlidePositions, slideDuration) // move the current (first) slide up into view to start $($slides[0]).addClass(slideIn) // hide all the slides except the first one (translateY down) $slides.each(function(index) { if (index !== 0) $(this).addClass(readyToSlide) }) // allow the first slide to slide away, then prep it for its next slide setTimeout(function() { $($slides[0]).addClass(readyToSlide) }, slideDuration * 1.5) }); </script><script type="module" nonce="6+FWs6ors8bQPYUgm7NvuD5imzermmEsog+kDft7Aes=">/** * do not edit; file hosted in public-web-customizations. * DRI=adoshi * BUNDLE=home-page-2021-q1 * BUNDLE=wip * * Based on tholmberg's code */ (function moveLeadForm() { const SELECTORS = { SECTION_LEAD_FORM: '.sq-custom-lead-form-to-multi-column-source', SECTION_MULTI_COLUMN: '.sq-custom-lead-form-to-multi-column-target', }; const PREPENT_SWITCH_CLASS = 'sq-custom-lead-form-to-multi-column-target-prepend'; const sectionLeadFormSource = document.querySelector(SELECTORS.SECTION_LEAD_FORM); const sectionMultiColumnTarget = document.querySelector(SELECTORS.SECTION_MULTI_COLUMN); const sectionMultiColumnTargetGrid = sectionMultiColumnTarget.querySelector('.multi-column-grid'); const shouldPrepend = sectionMultiColumnTarget.classList.contains(PREPENT_SWITCH_CLASS); const isAlreadyMoved = sectionMultiColumnTargetGrid.querySelector(SELECTORS.SECTION_LEAD_FORM); // if already moved, don't do anything if (isAlreadyMoved) { return; } // New column const leadFormColumn = document.createElement('div'); leadFormColumn.classList.add('column', 'one-whole-at-medium', 'one-half-at-large'); leadFormColumn.appendChild(sectionLeadFormSource); if (shouldPrepend) { sectionMultiColumnTargetGrid.prepend(leadFormColumn); } else { sectionMultiColumnTargetGrid.appendChild(leadFormColumn); } })(); </script></head><body class="theme-blue"><div id="top"></div><div data-body="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 je 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="6+FWs6ors8bQPYUgm7NvuD5imzermmEsog+kDft7Aes="></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="" data-dark-mode="false" data-experiments="[]" data-flags-json="{"publicwebnav/enable-comms-plat-messaging":false,"publicwebnav/use_monorepo_nav":true}" data-image-subnav-json="" data-json="{"id":"pwn-entry-7fEeZKiGiDhBON30FAlfth","title":"squareup.com - FR","home":{"id":"pwn-entry-10pviTmfcq4tYUZAZ5OraP","title":"Square","url":"/fr/fr"},"mobileMenuOpenText":"Ouvrir le menu","mobileMenuCloseText":"Fermer le menu","primaryNavItems":[{"id":"pwn-entry-2gcmLBeqF50QfFLWmoRaEl","type":"category","title":"Paiements","navItems":[{"id":"pwn-entry-21dXNEmyq12Ghfr07iTGso","type":"link","title":"Aperçu des paiements","url":"/fr/fr/payments"},{"id":"pwn-entry-5EcBBEpuBVqg1aRiGGdtOe","type":"link","title":"En personne","url":"/fr/fr/payments/in-person-payments"},{"id":"pwn-entry-63tiXZbtQLMcaF8F3vQD56","type":"link","title":"Sur votre site Web","url":"/fr/fr/ecommerce"},{"id":"pwn-entry-583FvsrXMCZGWLW3vKg1VP","type":"link","title":"Factures","url":"/fr/fr/invoices"},{"id":"pwn-entry-16eJwh3748YzRV3EROFLN0","type":"link","title":"Au téléphone","url":"/fr/fr/payments/virtual-terminal"},{"id":"pwn-entry-VPjat256rMx9hLFlpvN3p","type":"link","title":"API","url":"/fr/fr/payments/payment-platform"}]},{"id":"pwn-entry-2ZzvMByY6M3rXlf9TDiMHz","type":"category","title":"Solution PDV Square","navItems":[{"id":"pwn-entry-4cNxnsOO9Zp1aqJuAc1ugq","type":"link","title":"Solution PDV Square","url":"/fr/fr/point-of-sale"},{"id":"pwn-entry-60WIAUnoYmYTt2De1NIUMr","type":"link","title":"Square pour restaurants","url":"/fr/fr/point-of-sale/restaurants"},{"id":"pwn-entry-7rjCBG9qbfza9IPswiPgzP","type":"link","title":"Square KDS","url":"/fr/fr/point-of-sale/restaurants/kitchen-display-system"},{"id":"pwn-entry-7DaSElMpEYxPOFfi9HevdQ","type":"link","title":"Square Kiosk","url":"/fr/fr/point-of-sale/restaurants/kiosk-software"},{"id":"pwn-entry-6Pn3mBLtEzJw14y4tYBWYh","type":"category","title":"Square pour détaillants","navItems":[{"id":"pwn-entry-2WlRHvAflLuNTNiakINpqp","type":"link","title":"Tous les détaillants","url":"/fr/fr/point-of-sale/retail"},{"id":"pwn-entry-4VA87P8pbhsi6IFP6QsZfO","type":"link","title":"Vêtements et accessoires","url":"/fr/fr/point-of-sale/retail/clothing-store "},{"id":"pwn-entry-6AAbi6JshHMZKMzd39FXmN","type":"link","title":"Meubles et appareils ménagers","url":"/fr/fr/point-of-sale/retail/furniture-home-goods "},{"id":"pwn-entry-6eaVj3VYJQr7mKTTrCNnzq","type":"link","title":"Épiceries et Commerces de proximité","url":"/fr/fr/point-of-sale/retail/grocery-convenience-store "},{"id":"pwn-entry-4Zc7t7pQ6hNOYf4CYuu6iv","type":"link","title":"Bière, vin et liqueur","url":"/fr/fr/point-of-sale/retail/liquor-wine-brewery "}]},{"id":"pwn-entry-7uPmBbhUgMl6py8qYldQN1","type":"link","title":"Rendez-vous Square","url":"/fr/fr/appointments"},{"id":"pwn-entry-3Aj6ANdGw5wD46TPwqnl5O","type":"link","title":"Acheter du matériel","url":"/fr/fr/hardware"}]},{"id":"pwn-entry-5FZ0h9NQtZY9SrBUjixBHF","type":"category","title":"Vendre en ligne","navItems":[{"id":"pwn-entry-4wW42CPZwrCJQdUwZMItO9","type":"link","title":"Boutique en ligne","url":"/fr/fr/online-store"},{"id":"pwn-entry-27jYIlNV82ifpFlrkIKVka","type":"link","title":"Liens de paiement","url":"/fr/fr/payment-links"},{"id":"pwn-entry-2W0dQra6HxK8KLqQWVB1f9","type":"link","title":"Studio photo Square","url":"/fr/fr/photo-studio/app "},{"id":"pwn-entry-1I8QYmfHN3aBfyw9wmSrND","type":"link","title":"Intégrations","url":"/fr/fr/payments/online-payments"},{"id":"pwn-entry-2VrDR3Heq466jBJolk97Yq","type":"link","title":"API","url":"https://developer.squareup.com/fr/fr/online-payment-apis"}]},{"id":"pwn-entry-3c26sHcQeuRggehbC1RHXl","type":"category","title":"Matériel","navItems":[{"id":"pwn-entry-6JdKa3wZ1TxKFquh7Zipcs","type":"link","title":"Square Reader","url":"/fr/fr/hardware/reader"},{"id":"pwn-entry-0uLMBBAbaiCd0YU2n9HA9","type":"link","title":"Square Register","url":"/fr/fr/hardware/register"},{"id":"pwn-entry-6xwiQQ2d8CwVFWb9yHbwpl","type":"link","title":"Square Terminal","url":"/fr/fr/hardware/terminal"},{"id":"pwn-entry-rZRPnvauOZ99NC2LpEYhn","type":"link","title":"Square Stand","url":"/fr/fr/hardware/stand"},{"id":"pwn-entry-1OR25TFWzvGI2SznWvuicj","type":"link","title":"Parcourir le matériel","url":"/fr/fr/hardware"}]},{"id":"pwn-entry-4lQ40iUrKcCSaqY1ItI0Ld","type":"link","title":"Tarification","url":"/fr/fr/pricing"},{"id":"pwn-entry-4wbE8s8A38y0o3JudeUrqx","type":"category","title":"Ressources","navItems":[{"id":"pwn-entry-54bX2j9OeSKslxqU9aLED9","type":"link","title":"Pourquoi Square","url":"/fr/fr/why-square"},{"id":"pwn-entry-2Wk3b1zaxfCeSF8YsDZ3Vb","type":"link","title":"Centre d’assistance","url":"/help/fr/fr"},{"id":"pwn-entry-6FoifsEhcAGSIxW8cPspSi","type":"link","title":"Contacter l’équipe des ventes","url":"/fr/fr/sales"},{"id":"pwn-entry-2LdgOUcYxGYryCwFylz1aF","type":"link","title":"Développeurs","url":"https://developer.squareup.com/fr/fr"},{"id":"pwn-entry-4NQ9us2dLCMoH7b1x5ixoO","type":"link","title":"Plateforme d’applications","url":"/fr/fr/app-marketplace"},{"id":"pwn-entry-1hZoi5f6nlwheRTsqzBozC","type":"link","title":"Guides de l'entrepreneur","url":"/fr/fr/business-launchpad"},{"id":"pwn-entry-4CM4qBtPHlXIW7AxNuD9Xu","type":"link","title":"Glossaire Des Termes Business","url":"/fr/fr/glossary"},{"id":"pwn-entry-5dLSRFDSFUYbPtfH13vHXW","type":"link","title":"Communauté Square","url":"https://www.sellercommunity.com/t5/La-Communaute-Square/ct-p/Communaute-Square"},{"id":"pwn-entry-1p5x3wO22LSsSkiiQHNnlX","type":"link","title":"À propos","url":"/fr/fr/about"},{"id":"pwn-entry-73U1LI4q0RB84pgbiBBE3V","type":"link","title":"Blog","url":"/fr/fr/townsquare"},{"id":"pwn-entry-30Ji0abP9fifcfRtYZJsjL","type":"link","title":"Logiciel de gestion d'entreprise","url":"/fr/fr/software"}]}],"secondaryNavItems":[{"id":"pwn-entry-4LdnA7072qSzXjBy8GYn0K","type":"link","title":"Se connecter","url":"/login","hideWhenLoggedIn":true},{"id":"pwn-entry-5tAVYy5NtDbkqLLShNtDqX","type":"category","title":"Mon compte","navItems":[{"id":"pwn-entry-3ABmRA0SVZU0T794wzWNjO","type":"link","title":"Tableau de bord","url":"/dashboard"},{"id":"pwn-entry-6P1tNwmtzimwVxdXzo2vKZ","type":"link","title":"État de la commande","url":"/shop/hardware/fr/fr/my-orders"},{"id":"pwn-entry-1vWNmja4JVb9KItcTgD1uL","type":"link","title":"Assistance","url":"/help/fr/fr"},{"id":"pwn-entry-54SPk4u1vxzmb1Q85MCOdn","type":"link","title":"Se déconnecter","url":"/logout?country_code=fr\u0026lang_code=fr\u0026return_to=%2Flogout-redirect"}],"hideWhenLoggedOut":true},{"id":"pwn-entry-2v4UdbdwU8SuhABgKQaqkH","type":"link","title":"Magasin","url":"/fr/fr/hardware"}],"cart":{"id":"pwn-entry-7n77pXoD1L8EYZqlvQVgZ5","dataUrl":"/shop/hardware/fr/fr/api/v1/item_count","url":"/shop/hardware/fr/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-5ijB5mNT8SrOEkOA98bN8A","type":"link","title":"Acheter du matériel","url":"/shop/hardware/fr/fr","linkStyle":"primary","hideWhenCartNotEmpty":true},{"id":"pwn-entry-4kdHW1idZHp6eitlNSYrWq","type":"link","title":"Afficher le panier","url":"/shop/hardware/fr/fr/cart","linkStyle":"primary","hideWhenCartEmpty":true}],"secondaryNavItems":[{"id":"pwn-entry-4j1Nxj68F04SxBx3RD0atq","type":"link","title":"Afficher le panier","url":"/shop/hardware/fr/fr/cart","hideWhenCartNotEmpty":true},{"id":"pwn-entry-4zNbT3BzT3ViRc8eIJ46A4","type":"link","title":"Acheter du matériel","url":"/shop/hardware/fr/fr","hideWhenCartEmpty":true},{"id":"pwn-entry-1K4RrQQMy3L1xhstJmuzLG","type":"link","title":"Historique des commandes","url":"/shop/hardware/fr/fr/my-orders"}]},"alignment":"left","meta":{"reason":null}}" data-theme-color="#006aff" data-theme-focus-color="#0055cc" data-tracking-parent-id="public-web-nav" id="public-web-nav"></div><main class="main-content" id="main-content" role="main"><div class="auto-layout-collapse"><section class="hero section-hero bg-white bg-apropos sq-custom-fluid-hero sq-custom-bottom-link-as-text-only" data-entry-id="2dtcMdCynQTfxHfnQGmloe"><div class="image max-width-at-extra-large rounded-corners-at-extra-large" data-count="5" data-fade-duration="1.5" data-hero-slideshow="" data-scale-duration="8" data-scale-end="1.0" data-scale-start="1.0"><div class="hero-slide"><div class="picture uid-3y4hJjphBLvtOmJRUqWEe3-8ed07b0d42b06cfeb679643777a6aaac6d4a9386286bc1758f380d6563bfbf8c"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=1680&h=1365&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=3360&h=2730&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=1680&h=1365&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=3360&h=2730&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=1680&h=1365&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=3360&h=2730&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/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=1291&h=1049&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=2582&h=2098&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=1291&h=1049&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=2582&h=2098&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=1291&h=1049&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=2582&h=2098&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/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=1023&h=831&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=2046&h=1662&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=1023&h=831&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=2046&h=1662&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=1023&h=831&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=2046&h=1662&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/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=717&h=583&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=1434&h=1166&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=717&h=583&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=1434&h=1166&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=717&h=583&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=1434&h=1166&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/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=479&h=389&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=958&h=778&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=479&h=389&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=958&h=778&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=479&h=389&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=958&h=778&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=373&h=303&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=746&h=606&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=373&h=303&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=746&h=606&fm=webp&q=85&fit=scale 2x" /><img alt="" srcset="//images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=373&h=303&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/UtT7hfTVbxbadlcEyE1gV/e5f2b5e6fbd11ff3b1f11b8b14a9bf29/PD03866_-_Base_FR_fluid_hero_wine.png?w=746&h=606&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div><div class="hero-slide"><div class="picture uid-3e0qHQJTwsRWJbDJy6Mdru-71edd0229cdccc76cd98935dda5b21017315cd47c72e78d5cb97a8077de1088b"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=1680&h=1365&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=3360&h=2730&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=1680&h=1365&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=3360&h=2730&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=1680&h=1365&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=3360&h=2730&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/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=1291&h=1049&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=2582&h=2098&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=1291&h=1049&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=2582&h=2098&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=1291&h=1049&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=2582&h=2098&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/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=1023&h=831&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=2046&h=1662&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=1023&h=831&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=2046&h=1662&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=1023&h=831&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=2046&h=1662&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/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=717&h=583&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=1434&h=1166&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=717&h=583&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=1434&h=1166&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=717&h=583&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=1434&h=1166&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/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=479&h=389&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=958&h=778&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=479&h=389&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=958&h=778&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=479&h=389&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=958&h=778&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=373&h=303&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=746&h=606&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=373&h=303&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=746&h=606&fm=webp&q=85&fit=scale 2x" /><img alt="" srcset="//images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=373&h=303&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/74fdxtCLlqVLXMZ7sn2oTO/f482c6e242f4a6f811341eba2f76f6a7/PD03866_-_Base_FR_fluid_hero_carpenter.png?w=746&h=606&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div><div class="hero-slide"><div class="picture uid-2GeIBzs3B9i8MUbiYv980u-2340e57b561a5a7e363f71734ccc652940bc5b86d666d99ee33feaef8c7915a9"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=1680&h=1365&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=3360&h=2730&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=1680&h=1365&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=3360&h=2730&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=1680&h=1365&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=3360&h=2730&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/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=1291&h=1049&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=2582&h=2098&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=1291&h=1049&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=2582&h=2098&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=1291&h=1049&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=2582&h=2098&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/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=1023&h=831&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=2046&h=1662&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=1023&h=831&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=2046&h=1662&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=1023&h=831&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=2046&h=1662&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/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=717&h=583&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=1434&h=1166&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=717&h=583&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=1434&h=1166&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=717&h=583&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=1434&h=1166&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/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=479&h=389&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=958&h=778&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=479&h=389&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=958&h=778&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=479&h=389&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=958&h=778&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=373&h=303&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=746&h=606&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=373&h=303&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=746&h=606&fm=webp&q=85&fit=scale 2x" /><img alt="" srcset="//images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=373&h=303&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6yGSHXiRyPc9gfDGCOGQzd/713271f73bcfacfbcc8dd3ec5f2b5619/PD03866_-_Base_FR_fluid_hero_rst.png?w=746&h=606&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div><div class="hero-slide"><div class="picture uid-59KVVs0hSErHDq5ziMr4uJ-5e3a1f4101dda9bb4cc07fa6fe7c9ea379c6fb8cbdb8842f9310aef63b45914a"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=1680&h=1365&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=3360&h=2730&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=1680&h=1365&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=3360&h=2730&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=1680&h=1365&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=3360&h=2730&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=1291&h=1049&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=2582&h=2098&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=1291&h=1049&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=2582&h=2098&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=1291&h=1049&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=2582&h=2098&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=1023&h=831&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=2046&h=1662&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=1023&h=831&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=2046&h=1662&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=1023&h=831&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=2046&h=1662&fit=scale 2x" /><source media="(min-width: 480px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=717&h=583&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=1434&h=1166&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=717&h=583&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=1434&h=1166&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=717&h=583&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=1434&h=1166&fit=scale 2x" /><source media="(min-width: 374px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=479&h=389&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=958&h=778&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=479&h=389&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=958&h=778&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=479&h=389&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=958&h=778&fit=scale 2x" /><source type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=373&h=303&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=746&h=606&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=373&h=303&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=746&h=606&fm=webp&q=85&fit=scale 2x" /><img alt="" srcset="//images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=373&h=303&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1XixpCm4JfVcqbv1muvY34/7a1bdd8936928b05b1a13170c5f3e2ca/PD03866_-_Base_FR_fluid_hero_acct.jpg?w=746&h=606&fit=scale 2x" /></picture></div></div><div class="hero-slide"><div class="picture uid-5QG2OjSdUkxWdL8UVCy00G-4abdfdbb491f3db8bd96a5b67ea3eaa523fab8af925b4c908f9f4abbeecd7bf5"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=1680&h=1365&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=3360&h=2730&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=1680&h=1365&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=3360&h=2730&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=1680&h=1365&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=3360&h=2730&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/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=1291&h=1049&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=2582&h=2098&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=1291&h=1049&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=2582&h=2098&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=1291&h=1049&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=2582&h=2098&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/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=1023&h=831&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=2046&h=1662&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=1023&h=831&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=2046&h=1662&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=1023&h=831&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=2046&h=1662&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/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=717&h=583&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=1434&h=1166&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=717&h=583&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=1434&h=1166&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=717&h=583&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=1434&h=1166&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/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=479&h=389&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=958&h=778&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=479&h=389&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=958&h=778&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=479&h=389&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=958&h=778&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=373&h=303&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=746&h=606&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=373&h=303&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=746&h=606&fm=webp&q=85&fit=scale 2x" /><img alt="" srcset="//images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=373&h=303&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/614iMlPyZJG2vEJhxHAVS0/6388a824e79748694eeb660e7ad49814/PD03866_-_Base_FR_fluid_hero_bar.png?w=746&h=606&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="content"><div class="content-wrapper align-left gap-left-none"><h1 class="balance-text" data-title-for="2dtcMdCynQTfxHfnQGmloe">Propulsez votre entreprise avec Square.</h1><p class="font-size-large balance-text">Des millions d’entreprises utilisent Square pour encaisser les paiements, gérer leur personnel et mener leur activité en boutique ou en ligne.</p><div class="grid grid-space-line font-size-small"><div class="column"><div class="display-inline-block" data-entry-id="Qyfc5x6wMeIBbmG3n12fH"><a class="button gap-none" href="/fr/fr/sales/contact?page=/fr/fr">Contacter l’équipe des ventes</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="2dxzOEyTMn62Qf4AklPvUD"><a class="arrow"> </a><div><p class="color-gray font-size-small">Conforme à la Loi anti-fraude à la TVA</p></div></div></div></div></div></div></section><section class="sticky-banner sticky-animate sticky-bottom sticky-top-at-medium section-sticky-banner bg-white sticky-banner-1" data-entry-id="6ikqG42jEJH020fZcXwr1d" data-trigger-selector-off=".sticky-banner-2 + *, .section-solution-comparison-table, #footer"><div class="grid-flex-at-medium grid-valign-middle grid-row-space-none grid-col-space-small"><div class="column hide-until-medium no-shrink"><strong>Square</strong></div><div class="column expand align-right-at-medium"><div class="grid-auto-at-medium grid-row-space-none grid-col-space-small grid-reverse grid-align-center grid-align-left-at-medium grid-valign-middle align-center align-right-at-medium"><div class="column"><div class="display-inline-block" data-entry-id="2eEudxsVk2m0jySFGPrTZt"><a class="button gap-none" href="/fr/fr/sales/contact?page=/fr/fr">Contacter l’équipe des ventes</a></div></div></div></div></div></section><section class="overflow-hidden section-carousel bg-white auto-layout sq-custom-fluid-hero-carousel" data-entry-id="4cyOMwP4eXFnV6YQcYNMVC"><div class="content"><div class="carousel" data-autoplay="true" data-buttons="true" data-infinite-scroll="true" data-opacity-focus="true"><div class="carousel-slider grid grid-space-small"><div class="carousel-slide"><div class="content-width-extra-large" data-entry-id="m68rDnSZipKbTaPDmhQAM"><div class="position-relative"><div class="picture uid-jpNPxMqdO9tt4QuXDzlpy-363df8ac8ac6e900035c3f728a99bcb39ae43e56e31671336f8ca23f71f74c02"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=1016&h=572&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=2032&h=1144&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=1016&h=572&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=2032&h=1144&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=1016&h=572&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=2032&h=1144&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=868&h=489&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=1736&h=978&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=868&h=489&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=1736&h=978&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=868&h=489&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=1736&h=978&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=680&h=383&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=1360&h=766&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=680&h=383&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=1360&h=766&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=680&h=383&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=1360&h=766&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=424&h=239&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=848&h=478&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=424&h=239&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=848&h=478&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=424&h=239&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=848&h=478&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=324&h=182&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=648&h=364&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=324&h=182&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=648&h=364&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=324&h=182&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=648&h=364&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=276&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=552&h=310&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=276&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=552&h=310&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=276&h=155&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/jpNPxMqdO9tt4QuXDzlpy/51c828d23fa3f0051e14de86ebd91768/PD03866_-_Base_FR_fluid_hero_wine_carousel.png?w=552&h=310&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div><div class="carousel-slide"><div class="content-width-extra-large" data-entry-id="6b28T5pwU3YwoqlfzrqkqH"><div class="position-relative"><div class="picture uid-Pi34f2iKabvpSQxX42pFK-15071025a068da816e64b7670534e596e58835239181b2fbe1ed8b440b6b31ff"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=1016&h=572&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=2032&h=1144&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=1016&h=572&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=2032&h=1144&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=1016&h=572&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=2032&h=1144&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=868&h=489&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=1736&h=978&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=868&h=489&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=1736&h=978&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=868&h=489&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=1736&h=978&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=680&h=383&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=1360&h=766&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=680&h=383&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=1360&h=766&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=680&h=383&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=1360&h=766&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=424&h=239&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=848&h=478&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=424&h=239&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=848&h=478&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=424&h=239&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=848&h=478&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=324&h=182&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=648&h=364&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=324&h=182&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=648&h=364&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=324&h=182&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=648&h=364&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=276&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=552&h=310&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=276&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=552&h=310&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=276&h=155&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/Pi34f2iKabvpSQxX42pFK/1b552fa8e7462c03b99f898a6f95374e/PD03866_-_Base_FR_fluid_hero_carpenter_carousel.png?w=552&h=310&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div><div class="carousel-slide"><div class="content-width-extra-large" data-entry-id="3SgXeRNs7I1sERTXS3DP3C"><div class="position-relative"><div class="picture uid-3zLBxqTBqutjNwJV1atftd-6b3d50f6157f5ed3cf7386c76574173682e1e9faa70c1ee7341b655c02ab33f6"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=1016&h=572&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=2032&h=1144&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=1016&h=572&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=2032&h=1144&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=1016&h=572&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=2032&h=1144&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=868&h=489&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=1736&h=978&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=868&h=489&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=1736&h=978&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=868&h=489&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=1736&h=978&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=680&h=383&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=1360&h=766&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=680&h=383&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=1360&h=766&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=680&h=383&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=1360&h=766&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=424&h=239&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=848&h=478&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=424&h=239&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=848&h=478&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=424&h=239&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=848&h=478&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=324&h=182&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=648&h=364&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=324&h=182&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=648&h=364&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=324&h=182&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=648&h=364&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=276&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=552&h=310&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=276&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=552&h=310&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=276&h=155&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3zLBxqTBqutjNwJV1atftd/d106af196a56e7453dc2d30f29a0b451/PD03866_-_Base_FR_fluid_hero_rst_carousel.png?w=552&h=310&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div><div class="carousel-slide"><div class="content-width-extra-large" data-entry-id="6S98ZlsQq4RZ47TGlimhMG"><div class="position-relative"><div class="picture uid-5INBMLD4psIr7PjVroBc5Y-e0368d39887236711ffdcb583c0e0f114773d160930afab8ac7ec8472e76a0f9"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=1016&h=572&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=2032&h=1144&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=1016&h=572&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=2032&h=1144&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=1016&h=572&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=2032&h=1144&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=868&h=489&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=1736&h=978&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=868&h=489&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=1736&h=978&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=868&h=489&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=1736&h=978&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=680&h=383&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=1360&h=766&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=680&h=383&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=1360&h=766&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=680&h=383&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=1360&h=766&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=424&h=239&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=848&h=478&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=424&h=239&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=848&h=478&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=424&h=239&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=848&h=478&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=324&h=182&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=648&h=364&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=324&h=182&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=648&h=364&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=324&h=182&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=648&h=364&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=276&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=552&h=310&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=276&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=552&h=310&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=276&h=155&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5INBMLD4psIr7PjVroBc5Y/e6108075d60b8a3e8c918b2f67154d8f/PD03866_-_Base_FR_fluid_hero_acct_carousel.png?w=552&h=310&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div><div class="carousel-slide"><div class="content-width-extra-large" data-entry-id="7jnDuClfySdp3viCbmVOGX"><div class="position-relative"><div class="picture uid-2EjZSscKGFGHxppEsN30TK-ab4d316510abc746ca42e2b17bfd19aa3c8fbcf0f18d6c0487f5d159ecd5a6a9"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=1016&h=572&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=2032&h=1144&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=1016&h=572&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=2032&h=1144&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=1016&h=572&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=2032&h=1144&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=868&h=489&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=1736&h=978&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=868&h=489&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=1736&h=978&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=868&h=489&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=1736&h=978&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=680&h=383&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=1360&h=766&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=680&h=383&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=1360&h=766&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=680&h=383&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=1360&h=766&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=424&h=239&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=848&h=478&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=424&h=239&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=848&h=478&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=424&h=239&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=848&h=478&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=324&h=182&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=648&h=364&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=324&h=182&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=648&h=364&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=324&h=182&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=648&h=364&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=276&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=552&h=310&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=276&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=552&h=310&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=276&h=155&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2EjZSscKGFGHxppEsN30TK/c49d4316800292fe2f2e45d763d3b155/PD03866_-_Base_FR_fluid_hero_bar_carousel.png?w=552&h=310&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div></div></div></div></section><section class="section-one-column bg-white auto-layout flex-valign-middle" data-entry-id="7w5nu6cWrR5WazgxBYCcar"><div class="content pad-top-large pad-bottom-none"></div></section><section class="section-multi-column bg-accent auto-layout flex-valign-middle" data-entry-id="68iS86VpFUNsH0kK6xBeWc"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-medium"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights"><div class="column two-thirds-at-medium"><div data-entry-id="5jfRdrj12EdIIsXkibzEPA"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><h1 class="balance-text" id="commencez-à-vendre-où-vous-voulez-en-quelques-minutes">Commencez à vendre où vous voulez en quelques minutes.</h1> <p><a href="/fr/fr/payments" class="arrow">Découvrir tous les produits de paiement</a></p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-accent auto-layout sq-custom-img-border-radius sq-custom-spaced-stacked-cards flex-valign-middle" data-entry-id="27qsZoBfDYzEP9YJc0JJgU"><div class="content pad-top-none pad-bottom-large pad-bottom-xl-at-medium"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="UhSdHQnGpmh4QcClKGxdD"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-1ypR6HG4BM1n3FItIEiniR-11f2dde6b123b59cb72638143db0125519dc854e003509863dd4264cf7392968"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=319&h=191&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=638&h=382&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=319&h=191&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=638&h=382&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=319&h=191&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=638&h=382&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=270&h=162&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=540&h=324&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=270&h=162&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=540&h=324&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=270&h=162&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=540&h=324&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=207&h=124&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=414&h=248&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=207&h=124&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=414&h=248&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=207&h=124&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=414&h=248&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=424&h=254&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=848&h=508&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=424&h=254&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=848&h=508&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=424&h=254&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=848&h=508&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=324&h=194&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=648&h=388&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=324&h=194&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=648&h=388&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=324&h=194&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=648&h=388&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=276&h=165&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=552&h=330&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=276&h=165&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=552&h=330&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=276&h=165&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4Ee3HhNABafEKRJGxDkXM1/4a18ae747d867ed9b77dc7b59bbd1d87/PD04101_-_FRFR_3_col_ecomm.png?w=552&h=330&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 id="vendez-en-ligne-partout">Vendez en ligne, partout.</h4> <p>Obtenez des revenus n’importe où avec une <a href="/fr/fr/online-store">boutique en ligne gratuite</a>, des paiements depuis <a href="/fr/fr/online-checkout">votre site existant</a> et bien plus.</p> <p><a href="/fr/fr/ecommerce" class="arrow">Parcourir les options de vente en ligne</a></p></div></div></div></div></div><div class="column"><div data-entry-id="SHY62XQ8CcHtNSZ2JY6Zd"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-6KAE4SoGzuHbALoxDJ7E8W-ee489b1984f558cf200a483cc3fc314b566bf1e13e470ed8199230a4dd106250"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=319&h=191&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=638&h=382&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=319&h=191&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=638&h=382&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=319&h=191&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=638&h=382&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=270&h=162&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=540&h=324&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=270&h=162&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=540&h=324&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=270&h=162&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=540&h=324&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=207&h=124&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=414&h=248&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=207&h=124&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=414&h=248&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=207&h=124&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=414&h=248&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=424&h=254&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=848&h=508&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=424&h=254&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=848&h=508&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=424&h=254&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=848&h=508&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=324&h=194&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=648&h=388&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=324&h=194&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=648&h=388&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=324&h=194&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=648&h=388&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=276&h=165&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=552&h=330&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=276&h=165&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=552&h=330&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=276&h=165&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2isaGge2J0mqohDVsz799B/2c55b081e0f833bc03cd347d71dfdc57/PD04101_-_FRFR_3_col_pos.png?w=552&h=330&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 id="gagnez-du-temps-avec-un-seul-et-même-système-flexible">Gagnez du temps avec un seul et même système flexible.</h4> <p>Commencez à gagner de l’argent immédiatement grâce à l’une de nos applications de solution de point de vente gratuites conçues pour <a href="/fr/fr/point-of-sale/restaurants">les restaurants</a>, <a href="/fr/fr/point-of-sale/retail">les commerces de détail</a> et tout type d’entreprise.</p> <p><a href="/fr/fr/point-of-sale" class="arrow">Tester notre logiciel de point de vente personnalisable</a></p></div></div></div></div></div><div class="column"><div data-entry-id="5L1xhdvWk70kfN0Li6CRI4"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-5o6kGUxxx0H1SKJDarUMrW-12a7e0034c3644ff55624b2b238277c928d9d775dad4c6a8caf7b4d6669b903e"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=319&h=191&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=638&h=382&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=319&h=191&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=638&h=382&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=319&h=191&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=638&h=382&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=270&h=162&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=540&h=324&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=270&h=162&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=540&h=324&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=270&h=162&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=540&h=324&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=207&h=124&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=414&h=248&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=207&h=124&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=414&h=248&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=207&h=124&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=414&h=248&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=424&h=254&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=848&h=508&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=424&h=254&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=848&h=508&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=424&h=254&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=848&h=508&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=324&h=194&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=648&h=388&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=324&h=194&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=648&h=388&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=324&h=194&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=648&h=388&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=276&h=165&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=552&h=330&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=276&h=165&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=552&h=330&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=276&h=165&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2F1QnS8N4zwCZTKHPBWBMM/0e42081b86ca35f0034b2001aad996a0/PD04101_-_FRFR_3_col_invoices.png?w=552&h=330&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 id="faites-vous-payer-où-que-vous-soyez">Faites-vous payer où que vous soyez.</h4> <p>Que vous proposiez des services à distance ou en personne, vous pouvez sécuriser de nouveaux projets et être payé à distance.</p> <p><a href="/fr/fr/invoices" class="arrow">S‘inscrire à Factures Square</a></p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-tap-to-pay-module sq-custom-tap-to-pay-module--two-col flex-valign-middle" data-entry-id="2mvZJo14Ztk9XAXOAfMKvH"><div class="content pad-top-large pad-bottom-large"><div class="grid-2-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column one-whole-at-medium"><div data-entry-id="6lLdU5MANz0qetjT5cTijS"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><p class="gap-bottom-none"><span class="sq-custom-tap-to-pay-module-new">NOUVEAU</span></p> <h2 id="tap-to-pay" class="gap-bottom-small mobile-gap-line">Encaissez des paiements sans contact directement depuis votre iPhone ou votre téléphone Android.</h2> <p>Acceptez les cartes sans contact et les portefeuilles numériques en personne avec Tap to Pay sur iPhone et Tap to Pay sur Android.</p></div></div></div></div></div><div class="column"><div data-entry-id="6R7WcUz4NmXBYgAfxwu3gC"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><a class="display-block" href="/fr/fr/payments/tap-to-pay"><div class="picture uid-4Wtb9XpMatla2K9uZqiffF-176ca241b601ad97ab49a82a9ee712afa03610ce1d59d5bf9a8b5ec55745c9c1"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=493&h=453&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=986&h=906&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=493&h=453&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=986&h=906&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=493&h=453&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=986&h=906&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=419&h=385&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=838&h=770&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=419&h=385&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=838&h=770&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=419&h=385&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=838&h=770&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=325&h=299&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=650&h=598&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=325&h=299&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=650&h=598&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=325&h=299&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=650&h=598&fit=scale 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=424&h=390&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=848&h=780&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=424&h=390&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=848&h=780&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=424&h=390&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=848&h=780&fit=scale 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=324&h=298&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=648&h=596&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=324&h=298&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=648&h=596&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=324&h=298&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=648&h=596&fit=scale 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=276&h=254&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=552&h=508&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=276&h=254&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=552&h=508&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=276&h=254&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4Wtb9XpMatla2K9uZqiffF/81b3d49b418f95ec62d3aa2aa350cb72/PD04381_-_FRFR_Tap_to_Pay_iPhone_Module.jpg?w=552&h=508&fit=scale 2x" /></picture></div></a></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="5rcLsXo3A8ZQE3o1djLeMj"><a class="arrow" href="/fr/fr/payments/tap-to-pay">Tap to Pay sur iPhone</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="BN6mrkYbtOKeliwwLAitJ"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><a class="display-block" href="/fr/fr/payments/tap-to-pay-android"><div class="picture uid-5VnnSptzwZnF4zQLjEi6vB-f7cd49ce6abe9698987d10edc3fb7a8adfea799e6a2643eca984df3df51ebd66"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=493&h=453&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=986&h=906&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=493&h=453&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=986&h=906&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=493&h=453&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=986&h=906&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=419&h=385&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=838&h=770&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=419&h=385&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=838&h=770&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=419&h=385&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=838&h=770&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=325&h=299&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=650&h=598&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=325&h=299&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=650&h=598&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=325&h=299&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=650&h=598&fit=scale 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=424&h=390&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=848&h=780&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=424&h=390&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=848&h=780&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=424&h=390&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=848&h=780&fit=scale 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=324&h=298&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=648&h=596&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=324&h=298&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=648&h=596&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=324&h=298&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=648&h=596&fit=scale 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=276&h=254&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=552&h=508&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=276&h=254&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=552&h=508&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=276&h=254&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5VnnSptzwZnF4zQLjEi6vB/d5b82e6a76e03a3c9a1af79df08f4e3b/PD04381_-_FRFR_Tap_to_Pay_Android_Module.jpg?w=552&h=508&fit=scale 2x" /></picture></div></a></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="zi4Yyg34yZoEj7LrIpozE"><a class="arrow" href="/fr/fr/payments/tap-to-pay-android">Tap to Pay sur Android</a></div></div></div></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout flex-valign-middle" data-entry-id="oNdIUH16GQ3szfteilsA8"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-none"><div class="grid-3-at-medium multi-column-grid align-left grid-space-medium grid-align-left grid-valign-middle grid-row-equal-heights"><div class="column two-thirds-at-medium"><div data-entry-id="4dalCdkH0xNxDWlBLapFXC"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h1" data-title-for="4dalCdkH0xNxDWlBLapFXC">Le logiciel de point de vente mobile tout-en-un</h3></div></div></div></div></div></div></div></section><section class="section-screenshot bg-white sq-custom-section-scroll-animation-video-hotspots-mobile pad-top-medium" data-entry-id="72T0CAfeinlDMhVJ6bg1vb" 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="38KERqV8aUTEhOTIm7ITH4"><div class="picture uid-38KERqV8aUTEhOTIm7ITH4-193e5e1110970da3f9ce4101dd6cc1b02e3f85a6963648522a5744e551dfbbea"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=1680&h=924&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=3360&h=1848&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=1680&h=924&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=3360&h=1848&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=1680&h=924&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=3360&h=1848&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=1291&h=710&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=2582&h=1420&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=1291&h=710&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=2582&h=1420&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=1291&h=710&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=2582&h=1420&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=1023&h=563&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=2046&h=1126&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=1023&h=563&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=2046&h=1126&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=1023&h=563&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=2046&h=1126&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=717&h=394&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=1434&h=788&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=717&h=394&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=1434&h=788&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=717&h=394&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=1434&h=788&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=479&h=263&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=958&h=526&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=479&h=263&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=958&h=526&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=479&h=263&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=958&h=526&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=373&h=205&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=746&h=410&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=373&h=205&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=746&h=410&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=373&h=205&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6inZnfgQmNjZCoi0dkkSgU/768f2a827df4a65aad91fdf5ed5d0aa3/PD04868_-_FRFR_mobile_t2_hardware.png?w=746&h=410&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></section><section class="section-scroll-linked-animation section-scroll-linked-animation bg-white sq-custom-section-scroll-animation-video-hotspots sq-custom-section-hardware-s3" data-config="null" data-entry-id="6oQQUvp0RWgNQKdRZdHHHQ"><div class="scroll-scene pad-top-medium pad-bottom-none"><div class="scroll-scene--adjustment"><div class="scroll-item sq-custom-section-scroll-animation-video-hotspots--section-video-container" data-content-type="screenshotSection" data-entry-id="2snRXj8MWya1mNfkq5EBRK"><div class="scroll-item--adjustment"><section class="section-screenshot bg-white sq-custom-section-scroll-animation-video-hotspots--section-video pad-top-none pad-bottom-none" data-entry-id="2snRXj8MWya1mNfkq5EBRK" data-frame-type="full-width"><div><div class="apropos-entry position-relative max-width-at-extra-large rounded-corners-at-extra-large"><div class="component-video"><video data-reset="false" muted="" playsinline=""><source src="//videos.ctfassets.net/2d5q1td6cyxq/54ROw72hYtyDTa0DeMfcnO/8412944a85c39d7ce51fa4b0ab267896/HROC_OUTPUT_FRFR.mp4" type="video/mp4" /></video></div></div></div></section></div></div><div class="scroll-item sq-custom-section-scroll-animation-video-hotspots--section-hotspots-container sq-custom-section-hotspot-image--flip-horizontal-placement-container sq-custom-section-hotspot-image--hotspot-button-translucent-container" data-content-type="hotspotImageSection" data-entry-id="1Ehw8Vu8UmkLyPlcGGdM1t"><div class="scroll-item--adjustment"><section class="section-hotspot-image section-hotspot-image bg-accent sq-custom-section-scroll-animation-video-hotspots--section-hotspots sq-custom-section-hotspot-image--flip-horizontal-placement sq-custom-section-hotspot-image--hotspot-button-translucent hotspot-style-invert hotspot-is-interactive hotspot-resize-mode--fluid hotspot-center-tiles-on-mobile" data-config="{"base":{"hotspots":[{"hidden":true},{"hidden":true},{"hidden":true}]},"large":{"hotspots":[{"x":"41.68%","y":"33.66%","hidden":false},{"x":"68.4%","y":"29.27%","hidden":false},{"x":"39.31%","y":"75.18%","hidden":false}]},"medium":{"hotspots":[{"x":"41.55%","y":"33.99%","hidden":false},{"x":"68.17%","y":"29.87%","hidden":false},{"x":"39.64%","y":"75.2%","hidden":false}]},"extra-large":{"hotspots":[{"x":"42.04%","y":"33.18%","hidden":false},{"x":"68.35%","y":"28.99%","hidden":false},{"x":"40.18%","y":"74.44%","hidden":false}]}}" data-entry-id="1Ehw8Vu8UmkLyPlcGGdM1t"><div class="position-relative pad-top-none pad-bottom-none"><div class="hotspot-image max-width-at-extra-large rounded-corners-at-extra-large"><div class="picture uid-6OFyf0eVJuaDCps1zvbjOB-248e2d87352ea6be3e06fa12b21cc3cb0977b4ef63af2b36b522800d82a2eee4"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=1680&h=945&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=3360&h=1890&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=1680&h=945&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=3360&h=1890&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=1680&h=945&fm=jpg&q=85&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=3360&h=1890&fm=jpg&q=85&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=1291&h=726&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=2582&h=1452&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=1291&h=726&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=2582&h=1452&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=1291&h=726&fm=jpg&q=85&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=2582&h=1452&fm=jpg&q=85&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=1023&h=575&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=2046&h=1150&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=1023&h=575&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=2046&h=1150&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=1023&h=575&fm=jpg&q=85&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=2046&h=1150&fm=jpg&q=85&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=717&h=403&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=1434&h=806&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=717&h=403&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=1434&h=806&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=717&h=403&fm=jpg&q=85&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=1434&h=806&fm=jpg&q=85&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=479&h=269&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=958&h=538&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=479&h=269&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=958&h=538&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=479&h=269&fm=jpg&q=85&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=958&h=538&fm=jpg&q=85&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=373&h=210&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=746&h=420&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=373&h=210&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=746&h=420&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=373&h=210&fm=jpg&q=85&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/71howPpBXgtGk5eJ7UI7ov/630ff21c998edc80b1334a169f3a6191/HROC_FRFR.1125.png?w=746&h=420&fm=jpg&q=85&fit=scale&fl=progressive 2x" /></picture></div></div><div class="hotspot-buttons-container max-width-at-extra-large"><div aria-label="Simple d’utilisation, pour toutes et tous" class="hotspot-button hidden" data-entry-id="67QbovHeQlcRK74VtGBtjg" data-index="0" data-title="Simple d’utilisation, pour toutes et tous" role="button" tabindex="0"><div class="hotspot-icon"><svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <circle cx="20" cy="20" r="20" fill="#49A4D5"/> <path d="M21.5023 10.5C21.5023 9.6716 20.8308 9 20.0023 9C19.1739 9 18.5023 9.6716 18.5023 10.5V18.5022H10.4999C9.67149 18.5022 8.99989 19.1738 8.99989 20.0022C8.99989 20.8306 9.67149 21.5022 10.4999 21.5022H18.5023V29.5046C18.5023 30.333 19.1739 31.0046 20.0023 31.0046C20.8308 31.0046 21.5023 30.333 21.5023 29.5046V21.5022H29.5045C30.333 21.5022 31.0045 20.8306 31.0045 20.0022C31.0045 19.1738 30.333 18.5022 29.5045 18.5022H21.5023V10.5Z" fill="white"/> </g> </svg> </div></div><div aria-label="Imprimante de caisse intégrée" class="hotspot-button hidden" data-entry-id="66X7OiAsCOdW1T6u9Gr5kO" data-index="1" data-title="Imprimante de caisse intégrée" role="button" tabindex="0"><div class="hotspot-icon"><svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <circle cx="20" cy="20" r="20" fill="#49A4D5"/> <path d="M21.5023 10.5C21.5023 9.6716 20.8308 9 20.0023 9C19.1739 9 18.5023 9.6716 18.5023 10.5V18.5022H10.4999C9.67149 18.5022 8.99989 19.1738 8.99989 20.0022C8.99989 20.8306 9.67149 21.5022 10.4999 21.5022H18.5023V29.5046C18.5023 30.333 19.1739 31.0046 20.0023 31.0046C20.8308 31.0046 21.5023 30.333 21.5023 29.5046V21.5022H29.5045C30.333 21.5022 31.0045 20.8306 31.0045 20.0022C31.0045 19.1738 30.333 18.5022 29.5045 18.5022H21.5023V10.5Z" fill="white"/> </g> </svg> </div></div><div aria-label="Des paiements rapides et sécurisés" class="hotspot-button hidden" data-entry-id="6YwW6vLLE8TJVX7PEthTTn" data-index="2" data-title="Des paiements rapides et sécurisés" role="button" tabindex="0"><div class="hotspot-icon"><svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <g> <circle cx="20" cy="20" r="20" fill="#49A4D5"/> <path d="M21.5023 10.5C21.5023 9.6716 20.8308 9 20.0023 9C19.1739 9 18.5023 9.6716 18.5023 10.5V18.5022H10.4999C9.67149 18.5022 8.99989 19.1738 8.99989 20.0022C8.99989 20.8306 9.67149 21.5022 10.4999 21.5022H18.5023V29.5046C18.5023 30.333 19.1739 31.0046 20.0023 31.0046C20.8308 31.0046 21.5023 30.333 21.5023 29.5046V21.5022H29.5045C30.333 21.5022 31.0045 20.8306 31.0045 20.0022C31.0045 19.1738 30.333 18.5022 29.5045 18.5022H21.5023V10.5Z" fill="white"/> </g> </svg> </div></div></div><div class="hotspot-tiles-container max-width-at-extra-large"><div class="hotspot-tile" data-entry-id="67QbovHeQlcRK74VtGBtjg" data-index="0"><div class="hotspot-tile-content"><h6 class="balance-text hotspot-tile-heading">Simple d’utilisation, pour toutes et tous</h6><div class="hotspot-tile-body balance-text"><p>Configurez-le et commencez à l’utiliser en moins de cinq minutes ; vous savez déjà comment il fonctionne.</p></div><a class="hotspot-tile-cta" href="/fr/fr/hardware/terminal"><div class="link arrow">Découvrez le Square Terminal</div></a></div></div><div class="hotspot-tile" data-entry-id="66X7OiAsCOdW1T6u9Gr5kO" data-index="1"><div class="hotspot-tile-content"><h6 class="balance-text hotspot-tile-heading">Imprimante de caisse intégrée</h6><div class="hotspot-tile-body balance-text"><p>Acceptez des paiements et imprimez des reçus partout où se trouvent vos clients.</p></div><a class="hotspot-tile-cta" href="/fr/fr/hardware/terminal"><div class="link arrow">Découvrez Square Terminal</div></a></div></div><div class="hotspot-tile" data-entry-id="6YwW6vLLE8TJVX7PEthTTn" data-index="2"><div class="hotspot-tile-content"><h6 class="balance-text hotspot-tile-heading">Des paiements rapides et sécurisés</h6><div class="hotspot-tile-body balance-text"><p>Vos clients peuvent payer par carte ou via des appareils sans contact, et vous avez la garantie que chaque vente est sécurisée.</p></div><a class="hotspot-tile-cta" href="/fr/fr/hardware/terminal"><div class="link arrow">Découvrez Square Terminal</div></a></div></div></div></div></section></div></div></div></div></section><section class="section-multi-column bg-white auto-layout flex-valign-middle" data-entry-id="7kQZoe9TKy5BZtHuWoZ81l"><div class="content pad-top-small pad-bottom-large pad-bottom-xl-at-medium"><div class="grid-2-at-medium grid-4-at-large multi-column-grid align-left grid-space-base grid-align-center grid-valign-top grid-row-equal-heights"><div class="column one-whole-at-medium one-half-at-large"><div data-entry-id="248RajJK7eYcJTF66O39a0"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><h3 class="balance-text h3" data-title-for="248RajJK7eYcJTF66O39a0">Portable et intuitif, il vous permet de gérer l‘ensemble de vos activités.</h3></div></div></div></div></div><div class="column one-whole-at-medium one-half-at-large"><div data-entry-id="lajMV5KWgItDToUmFs2no"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p class="gap-vert-none">165 € HT <br> ou 6 mensualités de 28 € HT avec un TAEG à 0 %*.</p> <p class="gap-top-base gap-bottom-none"><a href="/fr/fr/hardware/terminal" class="arrow">Découvrir Square Terminal</a></p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-pricing-page-section-intro-gap-bottom-line flex-valign-top" data-entry-id="of24uUhVUXB1EKkYIhrGD"><div class="content pad-top-none pad-bottom-medium"><div class="grid-3-at-medium multi-column-grid align-left grid-space-base grid-align-left grid-valign-top grid-row-equal-heights"><div class="column two-thirds-at-medium"><div data-entry-id="4Aj1gCvpMOkl65ua5U2Uco"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><h3 class="balance-text" id="découvrez-plus-de-matériel-sans-contact">Découvrez plus de matériel sans contact.</h3></div></div></div></div></div></div></div></section><section class="section-multi-column bg-accent auto-layout sq-custom-section-hardware-grid sq-custom-grid-columns--clickable sq-custom-grid-column-gray-rounded flex-valign-middle overflow-hidden" data-entry-id="2pHwujnrh5tPeaYzbDxNfm"><div class="content pad-top-none pad-bottom-none"><div class="carousel" data-buttons="true" data-infinite-scroll="true" data-opacity-focus="true" data-until-breakpoint="medium"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-bottom grid-row-equal-heights carousel-slider"><div class="column carousel-slide"><div data-entry-id="5NogQr60XwJlzdB9TzfPUK"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><a class="display-block" href="/fr/fr/hardware"><div class="picture uid-2QeKePtpBB26krA9cjgu98-5669e8ef3212064f6bae6293f803a80235759e8f7de8afecb1544bbe68e599a9"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=319&h=319&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=638&h=638&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=319&h=319&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=638&h=638&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=319&h=319&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=638&h=638&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=270&h=270&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=540&h=540&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=270&h=270&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=540&h=540&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=270&h=270&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=540&h=540&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=207&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=414&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=207&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=414&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=207&h=207&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=414&h=414&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=424&h=424&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=848&h=848&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=424&h=424&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=848&h=848&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=424&h=424&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=848&h=848&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=324&h=324&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=648&h=648&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=324&h=324&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=648&h=648&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=324&h=324&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=648&h=648&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=276&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=552&h=552&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=276&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=552&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=276&h=276&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2QeKePtpBB26krA9cjgu98/0babbbff7d0ad67cd31bf9202361746f/PD05057_-_FRFR_Terminal_Register_Stand_R12d_grouping.png?w=552&h=552&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /></picture></div></a></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><p><a href="https://squareup.com/fr/fr/hardware" class="h5 arrow">Nos terminaux de paiement</a></p></div></div></div></div></div><div class="column carousel-slide"><div data-entry-id="4tdJIcYV9E0F62rN4exO9h"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-6vXLCtx9SjUp41wi2YOE5P-480260dea9cbf09d1fec475fa6b2c7c4f46d5acd13d2b10fd92bf23869878de6"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=319&h=319&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_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/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=319&h=319&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_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/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=319&h=319&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=638&h=638&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=270&h=270&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_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/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=270&h=270&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_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/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=270&h=270&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=540&h=540&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=207&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_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/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=207&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_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/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=207&h=207&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=414&h=414&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=424&h=424&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_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/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=424&h=424&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_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/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=424&h=424&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=848&h=848&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=324&h=324&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_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/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=324&h=324&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_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/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=324&h=324&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=648&h=648&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=276&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_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/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=276&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=552&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=276&h=276&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6vXLCtx9SjUp41wi2YOE5P/76b1b53ce5ee92f77a92cdaa7eac4ab5/PD03944_-_FRFR_Register_tile_4000px.png?w=552&h=552&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><p><a href="/fr/fr/hardware/register" class="h5 arrow">Square Register</a></p></div></div></div></div></div><div class="column carousel-slide"><div data-entry-id="5gwrwjVTUVAkAjSG9rluTi"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><a class="display-block" href="/fr/fr/hardware/reader"><div class="picture uid-1A4AqjEFD9CKiQkBIUFcCW-8521d1ed9482d828be9f3d9a4306bfdd99c8c66b1c1af648006b01ee4cee3fe1"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=319&h=319&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=638&h=638&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=319&h=319&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=638&h=638&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=319&h=319&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=638&h=638&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=270&h=270&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=540&h=540&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=270&h=270&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=540&h=540&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=270&h=270&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=540&h=540&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=207&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=414&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=207&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=414&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=207&h=207&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=414&h=414&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=424&h=424&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=848&h=848&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=424&h=424&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=848&h=848&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=424&h=424&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=848&h=848&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=324&h=324&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=648&h=648&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=324&h=324&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=648&h=648&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=324&h=324&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=648&h=648&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=276&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=552&h=552&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=276&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=552&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=276&h=276&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1A4AqjEFD9CKiQkBIUFcCW/bd30129de8ae901c57c50a6680fba51e/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=552&h=552&fm=jpg&q=85&bg=rgb%3Af2f2f2&fit=scale&fl=progressive 2x" /></picture></div></a></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><p><a href="https://squareup.com/fr/fr/hardware/reader" class="h5 arrow">Square Reader (2ᵉ génération)</a></p></div></div></div></div></div></div></div></div></section><section class="section-one-column bg-white auto-layout flex-valign-middle" data-entry-id="i5YvCsm2cLNbssgMCvBoy"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-none"></div></section><section class="section-multi-column bg-white auto-layout sq-custom-overlapping-carousel sq-custom-img-border-radius sq-custom-single-item-carousel-quote flex-valign-middle overflow-hidden" data-entry-id="3kVjdHLdf687Df8YCYWQd4"><div class="content pad-top-none pad-bottom-large pad-bottom-xl-at-medium"><div class="carousel" data-buttons="true" data-opacity-focus="true"><div class="grid multi-column-grid align-left grid-space-small grid-align-center grid-valign-middle grid-row-equal-heights carousel-slider"><div class="column carousel-slide sq-custom-link-arrow-to-video-arrow sq-custom-hanging-quote-h3"><div data-entry-id="2L3nFZctKlJrqcAwdTIQGi"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-2wscmmZNe8iSaBnoSstvtK-491a2354f65eb785396c569cef9ac27fc7a24c50f9a2e642b9883cc0d52ce57e"><picture class="apropos"><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/39X34hWETelKYjuQoXy4xC/ee5314ab9062be686ac5173751d332fe/PD04839_-_S_FRFR_homepage_quote_module.png?w=2000&h=966&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/39X34hWETelKYjuQoXy4xC/ee5314ab9062be686ac5173751d332fe/PD04839_-_S_FRFR_homepage_quote_module.png?w=4000&h=1932&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/39X34hWETelKYjuQoXy4xC/ee5314ab9062be686ac5173751d332fe/PD04839_-_S_FRFR_homepage_quote_module.png?w=2000&h=966&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/39X34hWETelKYjuQoXy4xC/ee5314ab9062be686ac5173751d332fe/PD04839_-_S_FRFR_homepage_quote_module.png?w=4000&h=1932&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/39X34hWETelKYjuQoXy4xC/ee5314ab9062be686ac5173751d332fe/PD04839_-_S_FRFR_homepage_quote_module.png?w=2000&h=966&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/39X34hWETelKYjuQoXy4xC/ee5314ab9062be686ac5173751d332fe/PD04839_-_S_FRFR_homepage_quote_module.png?w=4000&h=1932&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3gNPhpoOY4jaLuOpdpUqF7/56df780e99e7d5c783adc2f17f256ef9/PD04839_-_base_FRFR_homepage_quote_module.png?w=2000&h=1233&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3gNPhpoOY4jaLuOpdpUqF7/56df780e99e7d5c783adc2f17f256ef9/PD04839_-_base_FRFR_homepage_quote_module.png?w=4000&h=2466&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3gNPhpoOY4jaLuOpdpUqF7/56df780e99e7d5c783adc2f17f256ef9/PD04839_-_base_FRFR_homepage_quote_module.png?w=2000&h=1233&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3gNPhpoOY4jaLuOpdpUqF7/56df780e99e7d5c783adc2f17f256ef9/PD04839_-_base_FRFR_homepage_quote_module.png?w=4000&h=2466&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3gNPhpoOY4jaLuOpdpUqF7/56df780e99e7d5c783adc2f17f256ef9/PD04839_-_base_FRFR_homepage_quote_module.png?w=2000&h=1233&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3gNPhpoOY4jaLuOpdpUqF7/56df780e99e7d5c783adc2f17f256ef9/PD04839_-_base_FRFR_homepage_quote_module.png?w=4000&h=2466&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="sq-custom-hanging-quote" id="avec-mon-terminal-square-je-peux-encaisser-mes-clients-directement-en-boutique-je-peux-envoyer-des-devis-on-peut-aussi-envoyer-directement-des-liens-de-paiement-donc-honnêtement-cest-super-fluide-super-rapide-regarder-la-vidéo">Avec mon terminal Square, je peux encaisser mes clients directement en boutique. Je peux envoyer des devis, on peut aussi envoyer directement des liens de paiement. Donc honnêtement, c’est super fluide, super rapide.” <a href="https://www.youtube.com/watch?v=UcZykbvTUUE" title="Lire la vidéo" class="h6 arrow video-player-link display-block pad-top-base pad-bottom-base">Regarder la vidéo</a></h3> <p><strong>Elhadj Keira</strong>, Propriétaire<br><span class="font-size-small">Maison Sneakers</span></p></div></div></div></div></div></div></div></div></section><section class="section-multi-column bg-invert auto-layout sq-custom-section-rounded-corners sq-custom-section-with-checklist-align-left-stacked-on-mobile sq-custom-column-checklist sq-custom-check-list-blue flex-valign-middle" data-entry-id="14lJ5ig8NwDTDYDU08UTHl"><div class="content"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights"><div class="column two-thirds-at-medium"><div data-entry-id="2nCBM1Tes3r1C6aof5mekr"><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="2nCBM1Tes3r1C6aof5mekr">Plus de 4 millions d’entreprises nous font confiance.</h3><p>Les entreprises du monde entier font confiance à Square car nous leur offrons une solution complète sans frais supplémentaires.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="12tIYoipM70vzVwjJ381Wn"><a class="arrow" href="/fr/fr/payments/secure">En savoir plus sur la sécurité chez Square</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="30cwA3jMF207g7iE8MAQiS"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><ul class="grid-space-base gap-bottom-line check-list"><li>Protection contre la fraude.</li><li>Gestion des litiges.</li><li>Conforme à la Loi anti-fraude à la TVA de 2018.</li><li>Équipes d’experts commerciaux et de service clientèle.</li></ul></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout flex-valign-middle" data-entry-id="2JqWPVfSaQQw8dcXSA6B9K"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-medium"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights"><div class="column two-thirds-at-medium"><div data-entry-id="3Rmbs2ZoXKulfSetaFyY8L"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><h3 class="balance-text h2" data-title-for="3Rmbs2ZoXKulfSetaFyY8L">Gérez tout depuis un seul endroit.</h3></div></div></div></div></div><div class="column one-whole-at-medium"><div data-entry-id="1SEiycfVCAtAXQa94ye3SR"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p class="balance-text">En ayant toutes vos commandes, vos clients, votre inventaire et bien plus encore à un seul endroit, vous pouvez gérer facilement votre quotidien et envisager l’avenir en toute sérénité.</p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-img-border-radius sq-custom-spaced-stacked-cards flex-valign-middle" data-entry-id="1MOhQXUwyCYnyPvKhQrWWL"><div class="content pad-bottom-none"><div class="grid-2-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="lGWwUy1IdHKj2TVH3R6Cj"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-48zTZjtDlGX3wCwbb6r41q-819d9a30ef8bfe515b26fccb67353776cee3972334b5eeb506380cd5bb2901ad"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=493&h=297&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=986&h=594&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=493&h=297&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=986&h=594&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=493&h=297&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=986&h=594&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=419&h=252&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=838&h=504&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=419&h=252&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=838&h=504&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=419&h=252&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=838&h=504&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=325&h=196&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=650&h=392&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=325&h=196&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=650&h=392&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=325&h=196&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=650&h=392&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=424&h=255&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=848&h=510&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=424&h=255&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=848&h=510&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=424&h=255&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=848&h=510&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=324&h=195&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=648&h=390&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=324&h=195&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=648&h=390&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=324&h=195&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=648&h=390&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=276&h=166&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=552&h=332&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=276&h=166&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=552&h=332&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=276&h=166&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/48zTZjtDlGX3wCwbb6r41q/636861dc9bf7af0346150fd9ad64a63f/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_labour_cost.png?w=552&h=332&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h5" data-title-for="lGWwUy1IdHKj2TVH3R6Cj">Gardez un œil sur tout.</h3><p>Votre Tableau de bord Square est l’endroit où tout se joue. Obtenez des informations avancées et des rapports sur les ventes en ligne et physiques. Compris avec tous les comptes Square.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="1NsxRos0DVCcs8qICuMlbt"><a class="arrow" href="/fr/fr/sales/contact?page=/fr/fr">Contacter l’équipe des ventes</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="13IQk48gbD0a7Lg7khvPLm"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-2L6IsPC95pTkePTPft4krx-fb59782fb4d8be026375de5d8ac6d732d386cc4a61c4f03772bed29c8383791c"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=493&h=297&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=986&h=594&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=493&h=297&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=986&h=594&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=493&h=297&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=986&h=594&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=419&h=252&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=838&h=504&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=419&h=252&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=838&h=504&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=419&h=252&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=838&h=504&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=325&h=196&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=650&h=392&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=325&h=196&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=650&h=392&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=325&h=196&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=650&h=392&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=424&h=255&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=848&h=510&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=424&h=255&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=848&h=510&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=424&h=255&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=848&h=510&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=324&h=195&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.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/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=324&h=195&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.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/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=324&h=195&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.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/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=276&h=166&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=552&h=332&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=276&h=166&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=552&h=332&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=276&h=166&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2L6IsPC95pTkePTPft4krx/4f8e7260bd0420f64262cc209432d92b/PD02605_-_FRFR_2022Q3_homepage_UI_abstract_connect.png?w=552&h=332&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h5" data-title-for="13IQk48gbD0a7Lg7khvPLm">Synchronisez vos applications avec Square.</h3><p>C’est à vous qu’il incombe de gérer votre entreprise comme vous l’entendez. Nous travaillons avec les outils que vous utilisez déjà, comme PrestaShop et Deliverect, afin de vous donner plus de flexibilité et vous faire gagner du temps.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="6xPBHCeQFYYcegeBxNnXXG"><a class="arrow" href="/fr/fr/app-marketplace">Visiter la plateforme d’applications</a></div></div></div></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout flex-valign-middle" data-entry-id="7tMCdLfQzb1vaEyKkOOxfY"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-medium"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights"><div class="column two-thirds-at-medium"><div data-entry-id="fGWeBka2XwYGQYXKawyMO"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-small"><h2 id="plus-doutils-pour-tous-les-défis-commerciaux">Plus d’outils pour tous les défis commerciaux.</h2></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-section-toolbox-carousel sq-custom-grid-column-gray-rounded flex-valign-middle overflow-hidden" data-entry-id="2be1ERQDLgNdyaYKSYqmCs"><div class="content pad-top-none pad-bottom-large pad-bottom-xl-at-medium"><div class="carousel" data-buttons="true"><div class="grid-2-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights carousel-slider"><div class="column carousel-slide"><a class="tile" data-entry-id="688tqXeWtKouARY0y3CGZj" href="/fr/fr/online-checkout"><div class="tile-content"><div class="grid-space-line"><div class="column icon-theme"><svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M34 14a1 1 0 100-2v2zm-21-2a1 1 0 100 2v-2zm20.053 5.999A1 1 0 1032.947 16l.106 2zM13.947 17a1 1 0 10.106 2l-.106-2zm4.049-7.092a1 1 0 00-1.992.181l1.992-.18zm-.992 11.181a1 1 0 101.992-.18l-1.992.18zM25 10a1 1 0 10-2 0h2zm-2 10a1 1 0 102 0h-2zm8.98-9.804a1 1 0 00-1.96-.392l1.96.392zm-3.96 9.608a1 1 0 001.96.392l-1.96-.392zM39 31a1 1 0 100-2v2zm-27-5v1a.992.992 0 00.11-.006L12 26zm27.11-2.006a1 1 0 00-.22-1.988l.22 1.988zM39 6l.985.17A1 1 0 0039 5v1zm-3.985 17.163a1 1 0 001.97.34l-1.97-.34zM1 1a1 1 0 000 2V1zm33 11h-3.6v2H34v-2zm-3.6 0H24v2h6.4v-2zM24 12h-6.727v2H24v-2zm-6.727 0H13v2h4.273v-2zm15.674 4.001l-3.436.181.105 1.998 3.437-.181L32.947 16zm-3.436.181l-5.564.293.106 1.997 5.563-.293-.105-1.997zm-5.564.293l-6.29.331.105 1.997 6.29-.33-.105-1.998zm-6.29.331l-3.71.195.106 1.998 3.71-.196-.106-1.997zm-1.653-6.716l.273 3 1.992-.18-.273-3-1.992.18zm.273 3l.437 4.805 1.991-.18-.436-4.806-1.992.181zm.437 4.805l.29 3.195 1.992-.18-.29-3.196-1.992.181zM23 10v3h2v-3h-2zm0 3v4.474h2V13h-2zm0 4.474V20h2v-2.526h-2zm7.02-7.67l-.6 3 1.96.392.6-3-1.96-.392zm-.6 3l-.837 4.18 1.961.393.837-4.18-1.962-.393zm-.837 4.18l-.564 2.82 1.962.392.563-2.819-1.96-.392zM18 35a2 2 0 01-2 2v2a4 4 0 004-4h-2zm-2 2a2 2 0 01-2-2h-2a4 4 0 004 4v-2zm-2-2a2 2 0 012-2v-2a4 4 0 00-4 4h2zm2-2a2 2 0 012 2h2a4 4 0 00-4-4v2zm18 2a2 2 0 01-2 2v2a4 4 0 004-4h-2zm-2 2a2 2 0 01-2-2h-2a4 4 0 004 4v-2zm-2-2a2 2 0 012-2v-2a4 4 0 00-4 4h2zm2-2a2 2 0 012 2h2a4 4 0 00-4-4v2zm7-3v-1H14v2h24.999L39 30zm-25-1c-1.057 0-1.871-.011-2.434-.199-.252-.084-.372-.18-.433-.259-.055-.07-.133-.215-.133-.542H9c0 .673.172 1.278.554 1.77.376.484.882.763 1.38.929.937.312 2.123.301 3.066.301v-2zm-3-1c0-.325.078-.502.145-.602a.757.757 0 01.302-.254 1.464 1.464 0 01.564-.144c.001 0 .001 0 0 0H12v-1l-.001-1h-.021a1.85 1.85 0 00-.135.006 3.453 3.453 0 00-1.29.35 2.755 2.755 0 00-1.073.933C9.172 26.752 9 27.325 9 28h2zm1.11-1.006l27-3-.22-1.988-27 3 .22 1.988zM7.235 7H39V5H7.235v2zm30.78-1.17l-3 17.333 1.97.34 3-17.332-1.97-.342zM12 26l.97-.244v-.003c-.002-.002-.002-.005-.004-.01l-.01-.04-.04-.16-.15-.604a2027.4 2027.4 0 01-2.177-8.801A663.794 663.794 0 018.954 9.32a132.32 132.32 0 01-.536-2.38 25.49 25.49 0 01-.145-.728c-.04-.216-.038-.256-.038-.212h-2c0 .169.038.395.07.566.037.21.09.476.156.788.133.625.32 1.456.544 2.42a693.4 693.4 0 001.641 6.838 1756.665 1756.665 0 002.37 9.577l.01.04.003.01v.003l.001.001L12 26zM4 1H1v2h3V1zm4.235 5c0-.663-.224-1.834-.81-2.868C6.822 2.069 5.735 1 4 1v2c.765 0 1.295.43 1.685 1.118.406.716.55 1.545.55 1.882h2z" fill="#1a1a1a"/> </svg> </div><div class="column"><div class="grid-space-base"><div class="column"><h3 class="balance-text h4" data-title-for="688tqXeWtKouARY0y3CGZj">Liens de paiement</h3></div><div class="column tile-body font-size-normal"><p>Créez des liens de paiement, des boutons d’achat ou des codes QR. Partagez-les presque partout en ligne et commencez à vendre sans site Web.</p></div></div></div><div class="column"><div class="link arrow font-size-base">En savoir plus</div></div></div></div></a></div><div class="column carousel-slide"><a class="tile" data-entry-id="v1WFLMoNuFWFfcvcYNQIA" href="/fr/fr/payments/virtual-terminal"><div class="tile-content"><div class="grid-space-line"><div class="column icon-theme"><svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 6.7c0-.348.352-.7.7-.7h26.6c.348 0 .7.352.7.7V12H6V6.7zm30 0v26.6c0 1.452-1.248 2.7-2.7 2.7H6.7C5.248 36 4 34.752 4 33.3V6.7C4 5.248 5.248 4 6.7 4h26.6C34.752 4 36 5.248 36 6.7zM6 14h28v19.3c0 .348-.352.7-.7.7H6.7c-.348 0-.7-.352-.7-.7V14zm15.1 3c-.986 0-2.347.385-3.466 1.488-.633.625-1.16 1.452-1.504 2.512H15a1 1 0 0 0 0 2h.74a11.497 11.497 0 0 0-.04 1c0 .348.012.681.037 1H15a1 1 0 0 0 0 2h1.098c.347 1.155.895 2.03 1.55 2.675 1.108 1.093 2.42 1.425 3.251 1.425 1.873 0 2.94-.898 3.481-1.575a1 1 0 1 0-1.562-1.25c-.258.323-.792.825-1.919.825-.369 0-1.156-.168-1.848-.85a3.88 3.88 0 0 1-.83-1.25H22a1 1 0 0 0 0-2h-4.255a10.09 10.09 0 0 1-.046-1c0-.359.018-.691.05-1H22a1 1 0 0 0 0-2h-3.723c.132-.275.278-.51.432-.713.108-.14.218-.265.33-.375.706-.697 1.545-.912 2.06-.912.341 0 .711.087 1.044.225.345.142.57.303.65.382a1 1 0 0 0 1.413-1.414c-.32-.32-.796-.61-1.301-.818A4.82 4.82 0 0 0 21.099 17zM9 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm4 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm5-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" fill="#1a1a1a"/> </svg> </div><div class="column"><div class="grid-space-base"><div class="column"><h3 class="balance-text h4" data-title-for="v1WFLMoNuFWFfcvcYNQIA">Terminal virtuel</h3></div><div class="column tile-body font-size-normal"><p>Encaissez les paiements par téléphone, par fax ou par e-mail et saisissez-les facilement sur votre ordinateur. Ou alors, connectez-vous à Square Terminal pour des transactions en personne plus rapides.</p></div></div></div><div class="column"><div class="link arrow font-size-base">En savoir plus</div></div></div></div></a></div><div class="column carousel-slide"><a class="tile" data-entry-id="7aODWW9o5V8ZwIZoA4fCyY" href="https://developer.squareup.com/fr/fr"><div class="tile-content"><div class="grid-space-line"><div class="column icon-theme"><svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M37 31v1a1 1 0 0 0 1-1h-1zM3 31H2a1 1 0 0 0 1 1v-1zm-2 0v-1a1 1 0 0 0-1 1h1zm38 0h1a1 1 0 0 0-1-1v1zM7 9V8a1 1 0 0 0-1 1h1zm26 0h1a1 1 0 0 0-1-1v1zm0 18v1a1 1 0 0 0 1-1h-1zM7 27H6a1 1 0 0 0 1 1v-1zm12.707-6.293a1 1 0 0 0-1.414-1.414l1.414 1.414zM18 21l-.707-.707a1 1 0 0 0 0 1.414L18 21zm.293 1.707a1 1 0 0 0 1.414-1.414l-1.414 1.414zm9.414-3.414a1 1 0 0 0-1.414 1.414l1.414-1.414zM28 21l.707.707a1 1 0 0 0 0-1.414L28 21zm-1.707.293a1 1 0 0 0 1.414 1.414l-1.414-1.414zm-1.399-1.846a1 1 0 1 0-1.788-.894l1.788.894zm-3.788 3.106a1 1 0 1 0 1.788.894l-1.788-.894zM37 30H3v2h34v-2zM4 31V7H2v24h2zM4 7c0-.548.452-1 1-1V4C3.348 4 2 5.348 2 7h2zm1-1h30V4H5v2zm30 0c.548 0 1 .452 1 1h2c0-1.652-1.348-3-3-3v2zm1 1v24h2V7h-2zm.8 27H3.2v2h33.6v-2zM3.2 34A1.22 1.22 0 0 1 2 32.8H0A3.22 3.22 0 0 0 3.2 36v-2zM2 32.8V31H0v1.8h2zM1 32h38v-2H1v2zm37-1v1.8h2V31h-2zm0 1.8c0 .648-.552 1.2-1.2 1.2v2a3.22 3.22 0 0 0 3.2-3.2h-2zM7 10h26V8H7v2zm25-1v18h2V9h-2zm1 17H7v2h26v-2zM8 27V9H6v18h2zm10.293-7.707l-1 1 1.414 1.414 1-1-1.414-1.414zm-1 2.414l1 1 1.414-1.414-1-1-1.414 1.414zm9-1l1 1 1.414-1.414-1-1-1.414 1.414zm1-.414l-1 1 1.414 1.414 1-1-1.414-1.414zm-4.187-1.74l-2 4 1.788.894 2-4-1.788-.894z" fill="#1a1a1a"/> </svg> </div><div class="column"><div class="grid-space-base"><div class="column"><h3 class="balance-text h4" data-title-for="7aODWW9o5V8ZwIZoA4fCyY">Outils de développeurs</h3></div><div class="column tile-body font-size-normal"><p>Les API et SDK Square peuvent être utilisés gratuitement et aident les entreprises à concevoir des solutions commerciales.</p></div></div></div><div class="column"><div class="link arrow font-size-base">En savoir plus</div></div></div></div></a></div><div class="column carousel-slide"><a class="tile" data-entry-id="7F3SgepEGVBKvQbIaOURQu" href="/fr/fr/point-of-sale/team-management"><div class="tile-content"><div class="grid-space-line"><div class="column icon-theme"><svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M33.198 34.597a1 1 0 1 0 1.604-1.194l-1.604 1.194zm-28-1.194a1 1 0 1 0 1.604 1.194l-1.604-1.194zm4.749-6.881a1 1 0 0 0 1.706-1.043l-1.706 1.043zm-9.8-1.043a1 1 0 0 0 1.706 1.043L.147 25.479zm37.8 1.043a1 1 0 0 0 1.706-1.043l-1.706 1.043zm-9.8-1.043a1 1 0 0 0 1.706 1.043l-1.706-1.043zM7.9 20a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4h-2zm-2 2a2 2 0 0 1-2-2h-2a4 4 0 0 0 4 4v-2zm-2-2a2 2 0 0 1 2-2v-2a4 4 0 0 0-4 4h2zm2-2a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4v2zm30 2a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4h-2zm-2 2a2 2 0 0 1-2-2h-2a4 4 0 0 0 4 4v-2zm-2-2a2 2 0 0 1 2-2v-2a4 4 0 0 0-4 4h2zm2-2a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4v2zM27 15a7 7 0 0 1-7 7v2a9 9 0 0 0 9-9h-2zm-7 7a7 7 0 0 1-7-7h-2a9 9 0 0 0 9 9v-2zm-7-7a7 7 0 0 1 7-7V6a9 9 0 0 0-9 9h2zm7-7a7 7 0 0 1 7 7h2a9 9 0 0 0-9-9v2zm14.802 25.403C31.418 28.855 26.022 26 20 26v2c5.377 0 10.183 2.545 13.198 6.597l1.604-1.194zM20 26c-6.023 0-11.417 2.855-14.802 7.403l1.604 1.194C9.817 30.545 14.622 28 20 28v-2zm-8.347-.521C10.413 23.448 8.32 22 5.9 22v2c1.58 0 3.088.952 4.047 2.521l1.706-1.043zM5.9 22c-2.42 0-4.512 1.448-5.753 3.479l1.706 1.043C2.813 24.951 4.32 24 5.9 24v-2zm33.753 3.479C38.413 23.448 36.32 22 33.9 22v2c1.58 0 3.088.952 4.047 2.521l1.706-1.043zM33.9 22c-2.42 0-4.512 1.448-5.753 3.479l1.706 1.043C30.813 24.951 32.32 24 33.9 24v-2z" fill="#1a1a1a"/> </svg> </div><div class="column"><div class="grid-space-base"><div class="column"><h3 class="balance-text h4" data-title-for="7F3SgepEGVBKvQbIaOURQu">Gestion des employés</h3></div><div class="column tile-body font-size-normal"><p>Programmez les horaires et gérez vos employés, le tout depuis votre point de vente.</p></div></div></div><div class="column"><div class="link arrow font-size-base">En savoir plus</div></div></div></div></a></div><div class="column carousel-slide"><div data-entry-id="gW639lFm8K552RcqN46yx"><div class="grid grid-space-line"><div class="column"><div class="grid grid-space-line"><div class="column no-shrink icon-theme"><svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2 19a1 1 0 1 0 0 2v-2zm36 2a1 1 0 1 0 0-2v2zM21 8a1 1 0 1 0-2 0h2zm-2 24a1 1 0 1 0 2 0h-2zm7-13.7l-.676-.737a.892.892 0 0 0-.031.03L26 18.3zm-12 0l.708-.707a.986.986 0 0 0-.032-.03l-.675.737zm0 4.7a1 1 0 1 0 0 2v-2zm12 2a1 1 0 1 0 0-2v2zM2 21h36v-2H2v2zM19 8v24h2V8h-2zm6.293 9.593c-.099.099-.415.283-1.02.49-.559.193-1.23.361-1.892.501a32.888 32.888 0 0 1-2.491.422l-.01.001h-.001L20 20l.122.993h.001l.004-.001c.003 0 .007 0 .012-.002.01 0 .025-.003.044-.005a27.755 27.755 0 0 0 .752-.108 35.006 35.006 0 0 0 1.859-.336c.7-.148 1.46-.336 2.13-.566.623-.214 1.332-.517 1.783-.968l-1.414-1.414zM20 20l.925.38v-.002l.004-.008.013-.03.05-.121c.045-.105.11-.258.192-.445.163-.375.392-.885.654-1.427a23.39 23.39 0 0 1 .839-1.596c.297-.508.55-.864.73-1.044l-1.414-1.414c-.37.37-.73.914-1.042 1.447-.323.552-.639 1.168-.914 1.737a43.527 43.527 0 0 0-.957 2.13l-.004.01v.002l-.001.001L20 20zm3.407-4.293a2.28 2.28 0 0 1 1.328-.663c.446-.05.77.074.958.263l1.414-1.414c-.711-.712-1.688-.937-2.592-.837-.907.1-1.816.53-2.522 1.237l1.414 1.414zm2.286-.4c.404.405.515 1.446-.369 2.256l1.352 1.474c1.516-1.39 1.827-3.749.431-5.144l-1.414 1.414zm-12.4 3.7c.452.451 1.161.754 1.784.968.669.23 1.429.418 2.13.566a35.003 35.003 0 0 0 2.61.444l.044.005.012.002h.005L20 20l.122-.993h-.003l-.008-.001a4.733 4.733 0 0 1-.189-.025 32.903 32.903 0 0 1-2.303-.397 16.575 16.575 0 0 1-1.892-.5c-.605-.208-.92-.392-1.02-.491l-1.414 1.414zM20 20l.925-.38-.001-.003-.004-.01a5.06 5.06 0 0 0-.07-.165 43.862 43.862 0 0 0-.887-1.964 25.3 25.3 0 0 0-.914-1.738c-.312-.533-.67-1.077-1.041-1.447l-1.415 1.414c.18.18.433.536.73 1.044.287.488.577 1.053.84 1.596a41.814 41.814 0 0 1 .908 2.023l.003.008v.001L20 20zm-1.992-5.707a4.278 4.278 0 0 0-2.522-1.237c-.905-.1-1.881.126-2.593.837l1.415 1.414c.188-.189.512-.313.957-.263.444.05.935.27 1.328.663l1.415-1.414zm-5.114-.4c-1.396 1.395-1.085 3.754.43 5.144l1.352-1.474c-.884-.81-.773-1.851-.368-2.256l-1.415-1.414zM20 20l-.997-.076v-.001-.003-.003-.003.01a2.68 2.68 0 0 1-.093.403 3.31 3.31 0 0 1-.558 1.054C17.778 22.11 16.585 23 14 23v2c3.115 0 4.922-1.11 5.923-2.381.485-.616.75-1.23.896-1.696a4.668 4.668 0 0 0 .169-.756 2.448 2.448 0 0 0 .009-.086v-.003-.002L20 20zm0 0l-.999.051v.005l.001.008.001.02a2.604 2.604 0 0 0 .029.24c.022.147.061.346.13.581.136.468.392 1.088.873 1.708C21.028 23.895 22.842 25 26 25v-2c-2.642 0-3.828-.895-4.385-1.613a3.15 3.15 0 0 1-.533-1.042 2.558 2.558 0 0 1-.083-.398v-.009V19.95L20 20zM6 32c-1.546 0-2.493-.386-3.063-.964C2.365 30.454 2 29.503 2 28H0c0 1.797.435 3.346 1.513 4.44C2.593 33.535 4.146 34 6 34v-2zm-4-4V12H0v16h2zm0-16c0-1.504.365-2.454.937-3.036C3.507 8.386 4.454 8 6 8V6c-1.854 0-3.407.464-4.487 1.56C.435 8.655 0 10.205 0 12h2zm4-4h28V6H6v2zm28 0c1.546 0 2.493.386 3.063.964.572.582.937 1.532.937 3.036h2c0-1.796-.435-3.346-1.513-4.44C37.407 6.465 35.854 6 34 6v2zm4 4v16h2V12h-2zm0 16c0 1.4-.477 2.35-1.217 2.97-.766.643-1.937 1.03-3.483 1.03v2c1.854 0 3.533-.462 4.767-1.496C39.327 31.45 40 29.901 40 28h-2zm-4.7 4H6v2h27.3v-2z" fill="#1a1a1a"/> </svg> </div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h4" data-title-for="gW639lFm8K552RcqN46yx">Cartes cadeaux électroniques</h3><p>Créez des cartes cadeaux électroniques personnalisées et vendez-les en boutique ou en ligne. Acceptez-les dans votre logiciel de caisse, en ligne ou avec le Terminal virtuel.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="4h5NBiMpcxspcvMcti6LbO"><a class="arrow" href="/fr/fr/gift-cards">En savoir plus</a></div></div></div></div></div></div></div></div></div></div></div></div></div></section><section class="section-multi-column bg-invert auto-layout sq-custom-lead-form-to-multi-column-target sq-custom-lead-form-to-multi-column-target-prepend sq-custom-h1-to-hero-h1 flex-valign-middle" data-entry-id="6CRtyqkKUtcBPt6Od2v22p"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-large pad-bottom-xl-at-medium"><div class="intro font-size-large align-left gap-left-none"><h2 class="balance-text h1" data-title-for="6CRtyqkKUtcBPt6Od2v22p">Commencez à vendre avec Square.</h2><ul class="reset grid-auto gap-bottom-large"> <li><a href="/fr/fr/sales/contact?page=/fr/fr" class="arrow">Contacter notre équipe commerciale</a></li> </ul></div><div class="grid-2-at-medium grid-4-at-large multi-column-grid align-left grid-space-small grid-align-left grid-valign-middle grid-row-equal-heights"><div class="column one-whole-at-medium one-half-at-large"><div data-entry-id="1jyFr0y3gvEfg1f1ljvPY3"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-small"><p class="grid-auto grid-align-center grid-align-left-at-medium grid-align-center-at-large"><img src="https://images.ctfassets.net/2d5q1td6cyxq/7Kt5Gs6RsJ8fU37uVk0ua6/7f4252085ba7a5a29fc8a88abfe501e4/PD03515_-_start_selling_icons.svg" alt="stay-in-touch-icon" class="one-half one-third-at-medium one-half-at-large"></p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-hp-section-resource-links flex-valign-middle" data-entry-id="tui7sRGn6ULj99TPR2eGy"><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="tui7sRGn6ULj99TPR2eGy">Ressources</h2></div><div class="grid-2-at-medium multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="6UGNYI0CsBw1eF7yB2BClN"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p><a href="/fr/fr/software" class="arrow balance-text">Logiciel et solutions pour entreprises</a></p></div></div></div></div></div><div class="column"><div data-entry-id="6gmdIULr37R2Nx78hopPNj"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p><a href="/fr/fr/business-launchpad" class="arrow balance-text">Nos guides pour entrepreneurs</a></p></div></div></div></div></div><div class="column"><div data-entry-id="7ltrAtoiIm0gmGFlX9ESL3"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p><a href="/fr/fr/townsquare" class="arrow balance-text">Ressources et articles pour entreprises</a></p></div></div></div></div></div><div class="column"><div data-entry-id="mqpVKKNQ51Mm0Dz8ImSCF"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p><a href="/fr/fr/solutions" class="arrow balance-text">Solutions pour votre type d’entreprise</a></p></div></div></div></div></div><div class="column"><div data-entry-id="1B0iHii5wN5dvEu4P8EFtV"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p><a href="/fr/fr/payments/card-payments" class="arrow balance-text">Accepter les paiements par carte bancaire avec Square</a></p></div></div></div></div></div><div class="column"><div data-entry-id="1YCMW3hemErcmyjM7dakHV"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p><a href="/fr/fr/how-square-works" class="arrow balance-text">Voici comment fonctionne Square</a></p></div></div></div></div></div></div></div></section><section class="auto-layout section-lead-form bg-invert sq-custom-lead-form-to-multi-column-source sq-custom-section-lead-form-input-checkbox-button" data-entry-id="3g3CSMfsecjNYNBpEv0paN"><div class="content content-width-large lead-form-section"><div class="single-column-lead-form-section"><div class="intro font-size-base align-left gap-left-none"><h2 class="balance-text h3" data-title-for="3g3CSMfsecjNYNBpEv0paN">Gardons contact.</h2><p>Abonnez-vous à notre liste de diffusion pour recevoir des conseils d’autres propriétaires d’entreprise, des articles d’aide, des astuces de la part d’experts du secteur et bien plus encore.</p></div><form data-button-success="Envoyé. Merci !" data-error-message="Une erreur est survenue lors de l’envoi du formulaire" data-flash-message="Merci !" data-follow-up-form="true" data-google-maps-bundle-url="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyCGymSrshTUGxNpFKwgy25U2USi1UzWijQ&libraries=places&callback=Sq.FieldAddressAutocomplete.init" data-lead-form="" data-lead-form-id="7771" data-marketo-base-url="//app-sj14.marketo.com" data-munchkin-id="424-IAB-218" data-required-checkbox-field="Veuillez sélectionner au moins une option." data-required-field="Un {{field_name}} valide est requis." data-required-radio-field="Veuillez en sélectionner une de ces options." data-submit-once="true" data-validate="true" false="" novalidate="" ||=""><div><div class="grid-1-at-medium gap-bottom-line"><div class="column"><div class="field"><label for="lead-form-1_Email"></label><div class="field-input"><input data-container=".field" data-pattern-flags="i" data-whitelist="[A-Za-z0-9._@%+-]" id="lead-form-1_Email" name="Email" pattern="^[A-Z0-9._%+-]+@(?:[A-Z0-9-]+\.)+[A-Z]{2,}$" placeholder="Entrez votre adresse e-mail" required="" title="Entrer une adresse e-mail valide" type="email" /></div></div></div></div><div class="grid-1-at-medium gap-bottom-line"><div class="column"><fieldset class="field" data-container=".field" data-required="true" title="Veuillez sélectionner au moins une option."><div class="grid-space-none"><div class="col"><legend></legend></div><div class="col"><input id="lead-form-1_Email_Opt_Out__c_False" name="Email_Opt_Out__c" type="checkbox" value="False" /><label for="lead-form-1_Email_Opt_Out__c_False">En fournissant vos coordonnées, vous acceptez de recevoir des e-mails et d’autres communications de Square assurant la promotion de produits et de services susceptibles d’intéresser votre entreprise. Vous pouvez vous désabonner à tout moment*. </label></div></div></fieldset></div></div><input id="lead-form-1_Square_AVT__c" name="Square_AVT__c" type="hidden" value="" /><input id="lead-form-1_formType" name="formType" type="hidden" value="Leads" /><input id="lead-form-1_Country" name="Country" type="hidden" value="FR" /><input id="lead-form-1_Language__c_account" name="Language__c_account" type="hidden" value="FR" /><input id="lead-form-1_referrer" name="referrer" type="hidden" value="" /><input id="lead-form-1_formDetail" name="formDetail" type="hidden" value="Passive" /><input id="lead-form-1_Sync_to_Marketo__c" name="Sync_to_Marketo__c" type="hidden" value="true" /><input id="lead-form-1_LeadSource" name="LeadSource" type="hidden" value="Marketing Sourced" /><input id="lead-form-1_Source_Detail__c_account" name="Source_Detail__c_account" type="hidden" value="Public Web (Passive Lead Form)" /><input id="lead-form-1_audienceSegment" name="audienceSegment" type="hidden" value="Sales Leads" /><input id="lead-form-1_squareBU" name="squareBU" type="hidden" value="Square" /><input name="_mkt_trk" type="hidden" /><input name="followUpList" type="hidden" value="[{"default":true,"followupType":"none","followupValue":null}]" /><div class="column gap-bottom-line"><button class="lead-form-submit-button" type="submit">Envoyer</button></div></div><div class=" align-left gap-bottom-line legal-text-field font-size-small"><p>*Veuillez consulter la <a href="https://squareup.com/fr/fr/legal/general/privacy" target="_blank">Politique de confidentialité</a> de Square pour plus d’informations.</p></div></form></div><div class="follow-up-form"><div class="single-column-lead-form-section"><div class="intro font-size-base"><h2 class="balance-text h2" data-title-for="39ZwN9R4NKDbqLmQJ05BPH">Nous sommes ravis de faire votre connaissance.</h2><p>Nous pensons que les entreprises sont aussi uniques que les personnes qui les dirigent. Obtenez un contenu personnalisé sur les sujets qui vous tiennent le plus à cœur en nous en disant un peu plus sur vous-même.</p></div><form data-button-success="Envoyé. Merci !" data-error-message="Une erreur est survenue lors de l’envoi du formulaire" data-flash-message="Merci !" data-follow-up-form="false" data-google-maps-bundle-url="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyCGymSrshTUGxNpFKwgy25U2USi1UzWijQ&libraries=places&callback=Sq.FieldAddressAutocomplete.init" data-lead-form="" data-lead-form-id="7772" data-marketo-base-url="//app-sj14.marketo.com" data-munchkin-id="424-IAB-218" data-required-checkbox-field="Veuillez sélectionner au moins une option." data-required-field="Un {{field_name}} valide est requis." data-required-radio-field="Veuillez en sélectionner une de ces options." data-submit-once="true" data-validate="true" false="" novalidate="" ||=""><div><div class="grid-2-at-medium gap-bottom-line"><div class="column"><div class="field"><label for="lead-form-2_FirstName">Prénom</label><div class="field-input"><input data-container=".field" id="lead-form-2_FirstName" name="FirstName" required="" title="Ce champ est requis" type="text" /></div></div></div><div class="column"><div class="field"><label for="lead-form-2_LastName">Nom</label><div class="field-input"><input data-container=".field" id="lead-form-2_LastName" name="LastName" required="" title="Ce champ est requis" type="text" /></div></div></div></div><div class="grid-2-at-medium gap-bottom-line"><div class="column"><fieldset class="field intl-phone-field" data-current-country-code="fr"><legend>Numéro de téléphone</legend><div class="intl-phone-wrapper"><button aria-expanded="false" class="country-code-trigger" type="button"><span class="selected-flag icon-flag icon-flag-FR"></span><span class="arrow-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" width="14" height="14"> <path d="M1 5l6 6 6-6" fill="none" stroke="#1a1a1a" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span></button><div class="intl-select-dropdown"><div class="intl-select-scroll"><div class="intl-select-option" data-country-code="US" data-country-number-code="+1" data-country-number-placeholder="000 000 0000"><input id="lead-form-2_US-country-code-prefix" name="country_code_prefix" type="radio" value="+1" /><label for="lead-form-2_US-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-US"></span><span class="intl-option-label">États-Unis</span> <span class="intl-option-country-code">+1</span></label></div><div class="intl-select-option" data-country-code="GB" data-country-number-code="+44" data-country-number-placeholder="0000 000000"><input id="lead-form-2_GB-country-code-prefix" name="country_code_prefix" type="radio" value="+44" /><label for="lead-form-2_GB-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-GB"></span><span class="intl-option-label">Royaume-Uni</span> <span class="intl-option-country-code">+44</span></label></div><div class="intl-select-option" data-country-code="AU" data-country-number-code="+61" data-country-number-placeholder="0000-000-000"><input id="lead-form-2_AU-country-code-prefix" name="country_code_prefix" type="radio" value="+61" /><label for="lead-form-2_AU-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-AU"></span><span class="intl-option-label">Australie</span> <span class="intl-option-country-code">+61</span></label></div><div class="intl-select-option" data-country-code="CA" data-country-number-code="+1" data-country-number-placeholder="000 000 0000"><input id="lead-form-2_CA-country-code-prefix" name="country_code_prefix" type="radio" value="+1" /><label for="lead-form-2_CA-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-CA"></span><span class="intl-option-label">Canada</span> <span class="intl-option-country-code">+1</span></label></div><div class="intl-select-option" data-country-code="JP" data-country-number-code="+81" data-country-number-placeholder="00 0000 0000"><input id="lead-form-2_JP-country-code-prefix" name="country_code_prefix" type="radio" value="+81" /><label for="lead-form-2_JP-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-JP"></span><span class="intl-option-label">Japon</span> <span class="intl-option-country-code">+81</span></label></div><div class="intl-select-option" data-country-code="IE" data-country-number-code="+353" data-country-number-placeholder="0000000000"><input id="lead-form-2_IE-country-code-prefix" name="country_code_prefix" type="radio" value="+353" /><label for="lead-form-2_IE-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-IE"></span><span class="intl-option-label">Irlande</span> <span class="intl-option-country-code">+353</span></label></div><div class="intl-select-option" data-country-code="ES" data-country-number-code="+34" data-country-number-placeholder="000000000"><input id="lead-form-2_ES-country-code-prefix" name="country_code_prefix" type="radio" value="+34" /><label for="lead-form-2_ES-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-ES"></span><span class="intl-option-label">Espagne</span> <span class="intl-option-country-code">+34</span></label></div><div class="intl-select-option" data-country-code="FR" data-country-number-code="+33" data-country-number-placeholder="00 00 00 00 00"><input checked="" id="lead-form-2_FR-country-code-prefix" name="country_code_prefix" type="radio" value="+33" /><label for="lead-form-2_FR-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-FR"></span><span class="intl-option-label">France</span> <span class="intl-option-country-code">+33</span></label></div></div></div><div class="field-input line-number-input"><input data-container=".field" data-strip-non-digits="true" data-whitelist="[\d \-()+]" pattern="^[\d]{10,11}$" placeholder="00 00 00 00 00" required="" title="Entrer un numéro de téléphone valide" type="tel" /></div><input class="full-number-with-country-code-input" id="lead-form-2_Phone" name="Phone" type="hidden" /></div></fieldset></div><div class="column"><div class="field"><label for="lead-form-2_Company">Nom de l’entreprise</label><div class="field-input"><input data-container=".field" id="lead-form-2_Company" name="Company" required="" title="Ce champ est requis" type="text" /></div></div></div></div><div class="grid-2-at-medium gap-bottom-line"><div class="column"><div class="field"><label for="lead-form-2_Industry">Secteur d’activité</label><div class="field-input"><select data-container=".field" id="lead-form-2_Industry" name="Industry" required="" title="Ce champ est requis"><option disabled="" selected="" value=""> Sélectionner...</option><option value="Beauty">Beauté</option><option value="Wellness">Bien-être</option><option value="Home and Repair">BTP et décoration</option><option value="Leisure and Entertainment">Loisirs et divertissement</option><option value="Charities, Education and Membership">Organisations caritatives, enseignement et adhésion</option><option value="Fitness">Remise en forme</option><option value="Food and Drink">Restauration</option><option value="Health">Santé</option><option value="Professional Services">Services pour les professionnels</option><option value="Transportation">Transports et logistique</option><option value="Retail">Vente au détail</option><option value="Other">Autre</option></select></div></div></div><div class="column"><div class="field"><label for="lead-form-2_Revenue_Range__c_account">Revenu annuel</label><div class="field-input"><select data-container=".field" id="lead-form-2_Revenue_Range__c_account" name="Revenue_Range__c_account" required="" title="Ce champ est requis"><option disabled="" selected="" value=""> Sélectionner...</option><option value="0- €50k">0-50 k€</option><option value="€50k - €100k">50-100 k€</option><option value="€100k - €250k">100-250 k€</option><option value="€250k - €500k">250-500 k€</option><option value="€500k - €1M">500 k€ - 1 M€</option><option value="€1M - €5M">1-5 M€</option><option value="€5M - €10M">5-10 M€</option><option value="€10M - €20M">10-20 M€</option><option value="€20M - €30M">20-30 M€</option><option value="€30M - €50M">30-50 M€</option><option value="> €50M">> 50 M€</option></select></div></div></div></div><div class="grid-1-at-medium gap-bottom-line"><div class="column"><fieldset class="field" data-container=".field" data-required="true" title="Veuillez sélectionner au moins une option."><div class="grid-space-none"><div class="col"><legend></legend></div><div class="col"><input id="lead-form-2_Email_Opt_Out__c_False" name="Email_Opt_Out__c" type="checkbox" value="False" /><label for="lead-form-2_Email_Opt_Out__c_False">En fournissant vos coordonnées, vous consentez à recevoir des e-mails, des appels promotionnels et/ou des SMS de Square au sujet de produits et services susceptibles de vous intéresser ou de profiter à votre entreprise. Vous pouvez vous désinscrire à tout moment.*</label></div></div></fieldset></div></div><input id="lead-form-2_Email" name="Email" type="hidden" value="{{lead.email address}}" /><input id="lead-form-2_Sync_to_Marketo__c" name="Sync_to_Marketo__c" type="hidden" value="true" /><input id="lead-form-2_squareBU" name="squareBU" type="hidden" value="Square" /><input id="lead-form-2_cookieAffiliate" name="cookieAffiliate" type="hidden" value="" /><input id="lead-form-2_cookieCode" name="cookieCode" type="hidden" value="" /><input id="lead-form-2_cookieEntireURL" name="cookieEntireURL" type="hidden" value="" /><input name="_mkt_trk" type="hidden" /><input name="followUpList" type="hidden" value="[{"default":true,"followupType":"none","followupValue":null}]" /><div class="column gap-bottom-line"><button class="lead-form-submit-button" type="submit">Envoyer</button></div></div><div class=" gap-bottom-line legal-text-field font-size-small"><p>*Veuillez consulter la <a href="https://squareup.com/fr/fr/legal/general/privacy" target="_blank">Politique de confidentialité</a> de Square pour plus d’informations.</p></div></form></div></div></div></section><section class="section-multi-column bg-invert auto-layout flex-valign-middle" data-entry-id="72xAmfjdmfnLXGwDdhRgZv"><div class="content pad-top-medium pad-bottom-medium"><div class="grid multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="6JDanom0K0AinFIxspTlU6"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-tiny"><p class="color-gray-light">* Toutes les formules de paiement sont émises par Squareup International Ltd. Les formules disponibles à l’achat varient entre 29 € et 1 500 €. Toutes les formules sont sans intérêts. Le premier versement sera à régler lors du passage en caisse. La TVA sera calculée lors du passage en caisse mais facturée lors de chaque paiement d’acompte. Les formules disponibles sont de 3, 6 et/ou 12 versements selon le montant de l’achat. Toutes les formules doivent être validées. Des exclusions et des conditions supplémentaires s’appliquent.</p></div></div></div></div></div></div></div></section><hr class="section-border content" data-entry-id="7e0qhknUVUEYcAgCAcaAgc" /></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="3ctFKPKoCtDXUAE5EdamxD"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-3ctFKPKoCtDXUAE5EdamxD" href="#">Paiements</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-3ctFKPKoCtDXUAE5EdamxD"><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="7Dl47CSwXzjo3XC3zlsCLq"><a href="/fr/fr/payments">Aperçu des paiements</a></li><li data-entry-id="5cpACrbNqNqbM2pGq1IdXH"><a href="/fr/fr/payments/in-person-payments">En personne</a></li><li data-entry-id="3nAhndM8d3cVpCqXk3eTQF"><a href="/fr/fr/payments/virtual-terminal">Sur votre ordinateur</a></li><li data-entry-id="7LqSiukDzA4bI8J1X9bWDi"><a href="/fr/fr/ecommerce">Sur votre site Web</a></li><li data-entry-id="40yqBKATGbEQoN3dcfcAbp"><a href="/fr/fr/invoices">Factures</a></li><li data-entry-id="6P1ZvG1FdjRGzCkH7n6lUJ"><a href="/fr/fr/payments/secure">Sécurité des paiements</a></li></ul></div></div></div><div class="column" data-entry-id="4cjpxbxXlbPRj6ricXyKlJ"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-4cjpxbxXlbPRj6ricXyKlJ" href="#">Logiciels et services</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-4cjpxbxXlbPRj6ricXyKlJ"><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="4fLkev43lsE19EhcjjrQam"><a href="/fr/fr/point-of-sale">Solution PDV Square</a></li><li data-entry-id="5fBruaee5XHGmpnviFO9pl"><a href="/fr/fr/online-store">Boutique en ligne</a></li><li data-entry-id="1yr14q8bFSsT8Wj9VFiXpi"><a href="/fr/fr/payment-links">Liens de paiement</a></li><li data-entry-id="OZuTWgrJplbGJHpD10vaS"><a href="/fr/fr/point-of-sale/restaurants">Square pour restaurants</a></li><li data-entry-id="ZLYN5uI34ZVbnSyk7mcI9"><a href="/fr/fr/point-of-sale/restaurants/kitchen-display-system">Square KDS</a></li><li data-entry-id="3a1v7k5ZM5PrPx8me85HQX"><a href="/fr/fr/appointments">Rendez-vous Square</a></li><li data-entry-id="1NQFOemg5vFRwKMDOIQX4G"><a href="/fr/fr/point-of-sale/retail">Square pour détaillants</a></li><li data-entry-id="lrK4gQO1eEYxgr2c1M76r"><a href="/fr/fr/point-of-sale/team-management">Accès Avancé</a></li><li data-entry-id="6JtuT6ovwDlA20gV32qLzG"><a href="/fr/fr/staff/shifts">Périodes de travail</a></li><li data-entry-id="42ptO68pwHYPdPXbYh8HKI"><a href="/fr/fr/point-of-sale/features/customer-directory">Répertoire client</a></li><li data-entry-id="D4gcXFVGJbBYh3Es1b0Os"><a href="/fr/fr/software/marketing">Marketing Square</a></li><li data-entry-id="3h7AeKBOK1aHfHpzTUyOoL"><a href="/fr/fr/software/loyalty">Fidélisation Square</a></li><li data-entry-id="4gfwyXzFShY1aI6Y2mra9U"><a href="/fr/fr/app-marketplace">Plateforme d’applications</a></li><li data-entry-id="38383vP9mtowYH5MOo2em0"><a href="/fr/fr/gift-cards">Cartes cadeaux</a></li><li data-entry-id="5nemHO9PejQTfjM0wdQRb7"><a href="/fr/fr/photo-studio/app">Studio photo Square</a></li><li data-entry-id="EWXC3vI0QB8EVt1pyiSCJ"><a href="/fr/fr/software">Logiciel de gestion d'entreprise</a></li></ul></div></div></div><div class="column" data-entry-id="3xVJYJQ9Y1eesqhdnRLfcj"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-3xVJYJQ9Y1eesqhdnRLfcj" href="#">Matériel</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-3xVJYJQ9Y1eesqhdnRLfcj"><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="35Qlm3M8MobmdVnBdrtAL8"><a href="/fr/fr/hardware/reader">Square Reader</a></li><li data-entry-id="5mWy9scJtIdWMSpumSBppi"><a href="/fr/fr/hardware/register">Square Register</a></li><li data-entry-id="2DOEgIis50wHVCpdeSMllw"><a href="/fr/fr/hardware/terminal">Square Terminal</a></li><li data-entry-id="4hXXRxrUa8Zm5KLL5qzyWl"><a href="/fr/fr/hardware/stand">Square Stand</a></li><li data-entry-id="3R5vp8Qt2FBrBTsfN2GjXm"><a href="/fr/fr/hardware/compare">Comparer le matériel</a></li><li data-entry-id="1EvuR6eGhppYial6faW1Pk"><a href="/fr/fr/hardware">Acheter du matériel</a></li></ul></div></div></div><div class="column" data-entry-id="3XQAPzIcqyVUtkZvjn7b24"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-3XQAPzIcqyVUtkZvjn7b24" href="#">Ressources</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-3XQAPzIcqyVUtkZvjn7b24"><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="6CYGmInkQjztwPa0AJEbzO"><a href="/fr/fr/why-square">Pourquoi Square</a></li><li data-entry-id="2ecuLfrsQSLKzV4bzRwRPD"><a href="/fr/fr/pricing">Tarification</a></li><li data-entry-id="4bfyiH2qabQ4V9ffJ3Q4aS"><a href="/help/fr/fr">Centre d’assistance</a></li><li data-entry-id="3uN6mgCTKtvElNKZkbL76P"><a href="/fr/fr/sales">Contacter l’équipe des ventes</a></li><li data-entry-id="4JBf1nmeXjv2LUrAn2xw01"><a href="https://www.sellercommunity.com/t5/La-Communaute-Square/ct-p/Communaute-Square">Communauté Square</a></li><li data-entry-id="1IupjGzN5ky9wILeKIH7wU"><a href="/fr/fr/business-launchpad">Guides de l'entrepreneur</a></li><li data-entry-id="4mX8kVUVFgMboSirnk5b1O"><a href="/fr/fr/glossary">Glossaire Des Termes Business</a></li><li data-entry-id="12IXIJbdFjO3ybMdxvowEf"><a href="https://fr.issquareup.com/">État du service</a></li><li data-entry-id="6hUnGQyLhHmIY8GlnXvIju"><a href="/fr/fr/townsquare">Blog</a></li></ul></div></div></div><div class="column" data-entry-id="6g1dxdnNB9OxzvoidZQtER"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-6g1dxdnNB9OxzvoidZQtER" href="#">Développeurs</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-6g1dxdnNB9OxzvoidZQtER"><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="4gryJWKiFVPpcLdCmuJ2Us"><a href="https://developer.squareup.com/fr/fr">Plateforme des développeurs</a></li><li data-entry-id="77DmyNIIS8j8MZsxl5OCAd"><a href="https://developer.squareup.com/docs">Documentation</a></li><li data-entry-id="6XeKZufR10VjQzkBE6p2ae"><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="2ShlbLf53A0cwdvuyLMTnz"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-2ShlbLf53A0cwdvuyLMTnz" href="#">Square</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-2ShlbLf53A0cwdvuyLMTnz"><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="5IwsDrKYE499iU3luwqvyP"><a href="/fr/fr/partnerships">Faire équipe avec Square</a></li><li data-entry-id="1MvfoH2rc7emuNcQXFGtfo"><a href="/fr/fr/about">À propos</a></li><li data-entry-id="3eHuAJJj8vlpsp8SwCKpew"><a href="/fr/fr/press">Actualités</a></li><li data-entry-id="73TUQqPSYHeTYVZtNoyuPU"><a href="https://careers.squareup.com/fr/fr">Offres d’emploi</a></li><li data-entry-id="32oo4W6LbPU98PKWwrTR8q"><a href="/fr/fr/affiliate">Filiales</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">France (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/squarefrance/" 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/squarefr/" 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/squarefrance/" 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">© 2024 Block, Inc., Squareup Pte. Ltd.</p><p>Square, nom commercial de Squareup International Limited, est supervisée par la Banque Centrale d’Irlande.</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 cookies</a><a class="na-one-trust-link hidden" href="#">Ne pas partager mes informations personnelles</a></li><li><a href="https://squareup.com/fr/fr/legal/general/privacy">Politique de Confidentialité</a></li><li><a href="https://squareup.com/fr/fr/legal/general/payments/secure">Sécurité</a></li><li><a href="https://squareup.com/fr/fr/legal/general/ua">Conditions générales de service</a></li><li><a href="https://squareup.com/fr/fr/legal/general/gov">Gouvernement</a></li><li><a href="https://squareup.com/fr/fr/legal/general/dc">Déclaration de conformité</a></li><li><a href="https://squareup.com/fr/fr/legal/general/cookie">Politique relative aux cookies</a></li><li class="no-wrap"><a href="https://block.xyz">Block, Inc.</a></li><li><a href="/help/fr/fr/article/7628-article-88">Conforme Loi Anti-Fraude TVA</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?country_redirection=true">Australia (English)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/ca/en?country_redirection=true">Canada (English)</a></li><li><a href="/ca/fr?country_redirection=true">Canada (Français)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/fr/fr?country_redirection=true">France (Français)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/ie/en?country_redirection=true">Ireland (English)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/jp/ja?country_redirection=true">日本 (日本語)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/es/es?country_redirection=true">España (Español)</a></li><li><a href="/es/ca?country_redirection=true">Espanya (Català)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/gb/en?country_redirection=true">United Kingdom (English)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/us/en?country_redirection=true">United States (English)</a></li><li><a href="/us/es?country_redirection=true">Estados Unidos (Español)</a></li></ul></div></div></div></div><div class="modal" data-size="medium" id="change-country-modal"><div class="modal-scroll"><div class="modal-wrapper"><div class="content"><h4 id="detection-heading"></h4><div class="grid-1 gap-top-line"><div class="column"><a class="button" href="#" id="change-country-button"></a></div><div class="cta column"><a class="arrow" data-modal-dismiss="change-country-modal" href="#" id="close-country-modal"></a></div></div><div class="border-vert gap-top-line"><a class="display-block pad-top-small pad-bottom-small color-text" data-transition-state="on" data-transition-target="country-detection-available-languages" href="#"><div class="grid-flex"><div class="column expand" id="available-languages-heading"></div><div class="column"><div class="caret"></div></div></div></a></div><div class="collapse" data-transition-duration="1000" data-transition-easing="easeInOutCubic" data-transition-state="on" data-transition-types="collapse fade" id="country-detection-available-languages"><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/au/en?country_redirection=true">Australia (English)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/ca/en?country_redirection=true">Canada (English)</a></li><li><a href="/ca/fr?country_redirection=true">Canada (Français)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/fr/fr?country_redirection=true">France (Français)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/ie/en?country_redirection=true">Ireland (English)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/jp/ja?country_redirection=true">日本 (日本語)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/es/es?country_redirection=true">España (Español)</a></li><li><a href="/es/ca?country_redirection=true">Espanya (Català)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/gb/en?country_redirection=true">United Kingdom (English)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/us/en?country_redirection=true">United States (English)</a></li><li><a href="/us/es?country_redirection=true">Estados Unidos (Español)</a></li></ul></div></div></div></div></div></body></html>