CINXE.COM

<!DOCTYPE html><html class="no-js country-GB lang-en locale-en-GB site-squareup type-display html-bg-white" data-entry-id="2LAaS0ppBs4kxiMNZq9UeC" lang="en-GB"><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":"GB","lang_code":"en","locale":"en-GB","country_default_language":"en","default_country":"US","default_language":"en","supported_countries":["AU","CA","ES","FR","GB","IE","JP","US"],"detected_country_code":"us","available_languages":["ca","en","en-AU","en-CA","en-GB","en-IE","en-US","fr","fr-FR","fr-CA","es","es-ES","ca-ES","es-US","ja","ja-JP","pt","pt-PT"]}" /> <meta name="sq:tracking" content="{"eventstream":"xms","google_universal":["UA-9517040-46"],"martech":true,"autotrack":{"page_view":true,"link_click":true,"scroll_depth":true},"cdp":"41ec1b68-21b1-4687-853a-f968e54134db","new_cdp_exp_api_key":"a4e60b87-3ea2-4fb5-a8d0-b04ed68c74fa","pageview_rawdata":{"entry_id":"2LAaS0ppBs4kxiMNZq9UeC","content_type":"productPage","page_owner":"Global Marketing"},"one_trust_script_src":"https://cdn.cookielaw.org/scripttemplates/otSDKStub.js","enable_one_trust_blocking":true,"drift_id":"mshc9skt2uyu","optimizely":8447815042,"simulate_eu_one_trust_request":false,"one_trust_data_domain_script":"c4657020-c7d1-4a14-a091-267a7ee4863e","enable_onetrust_pageview_experiment":false,"enable_drift":true,"enable_usa_and_canada_one_trust":true,"pass_square_geo_to_one_trust":true,"show_one_trust_footer_link_for_usa_and_canada":true,"cdp_heartbeat_interval_seconds":5,"enable_cdp_heartbeat_url_regex":"https://","enable_new_cdp_exp":false,"cdp_batch_size":1,"enable_datadog_rum":true,"datadog_rum_application_id":"da021de4-34ec-4d5d-ac7f-adeb44b37761","datadog_rum_client_token":"pubd9af00759e65a48ba7ee3ff1dfa4260b"}" /> <meta name="sq:gtm" content="{"enabled":true,"domain":"tealium-f.squarecdn.com","delay":1000}" /> <meta name="sq:flags" content="{"use_app_subdomain":true,"enable_vidyard_player":true,"enable_page_speed_improvements":true,"enable_lazy_onload_execution":true,"enable_global_fallback_cta":false,"enable_pws_no_jquery":false,"optimizely_web_block_list":[],"enable_optimizely_fullstack":true,"enable_optimizely_contentful_tree_parser":true,"enable_optimizely_variations_remover":true,"enable_optimizely_fullstack_page_variations":true,"enable_optimizely_nav_experiments":true,"enable_optimizely_rendered_header_response":true,"personalization_segment_pages_list":["*"],"personalization_groups_pages_list":[],"enable_shop_pricing_api":true,"datadog_rum_proxy_pages_list":["*"],"enable_pwt":true,"pwt_page_allow_list":["/us/en"],"use_pwt":false}" /> <title>Compare Square | Business Software Comparison | Square Competitors </title> <meta name="description" content="Thousands of businesses choose Square every year to start, run and grow their business. See comparisons between other commerce platforms and Square." /> <link rel="canonical" href="https://squareup.com/gb/en/compare" /> <link rel="alternate" hreflang="en-AU" href="https://squareup.com/au/en/compare" /> <link rel="alternate" hreflang="en-CA" href="https://squareup.com/ca/en/compare" /> <link rel="alternate" hreflang="en-GB" href="https://squareup.com/gb/en/compare" /> <link rel="alternate" hreflang="en-US" href="https://squareup.com/us/en/compare" /> <link rel="alternate" hreflang="es-US" href="https://squareup.com/us/es/compare" /> <link rel="alternate" hreflang="fr-CA" href="https://squareup.com/ca/fr/compare" /> <meta property="og:title" content="Compare Square | Business Software Comparison | Square Competitors " /> <meta property="og:url" content="https://squareup.com/gb/en/compare" /> <meta property="og:image" content="https://images.ctfassets.net/2d5q1td6cyxq/4p2hes5VadRmvlPxeBFmum/07319cb221f085f65d8fcd0433b49ee3/CA_Social_Share.png?w=1200&h=630&fm=jpg&q=90&fit=thumb" /> <meta property="og:locale" content="en_GB" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="Square" /> <meta property="og:description" content="Thousands of businesses choose Square every year to start, run and grow their business. See comparisons between other commerce platforms and Square." /> <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":"76P24meyCU7KyQLfBOHJR5"}" 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" href="https://xms-production-f.squarecdn.com/xms/assets/application-146d5303acc076f1ed23e9c125cab8ecaf1a37a05297a6cac5d4f3b8f816255a.css" media="all" /><style nonce="VhYWeC/zPzFH2++zJUsn55JdWOzL4H6oze+ZbRwTFQs=">.sq-custom-horizontal-carousel { justify-content: center; } .sq-custom-horizontal-carousel .content { margin: 20px; border-radius: 25px; } .sq-custom-horizontal-carousel .content .carousel .carousel-slider { align-items: stretch !important; gap: var(--space-medium); } .sq-custom-horizontal-carousel .content .carousel .carousel-slider .carousel-slide .grid { background-color: #C9E8F5; border-radius: 20px; padding: 1em; } @media (min-width: 1024px) { .sq-custom-horizontal-carousel .content .carousel .carousel-slider .carousel-slide { align-items: center; } .sq-custom-horizontal-carousel .content .carousel .carousel-slider .carousel-slide .grid { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--space-small); padding: 3em 1em 3em 0; } .sq-custom-horizontal-carousel .content .carousel .carousel-slider .carousel-slide .grid .column:first-child { width: 85%; padding: 0px; margin-bottom: 0px !important; } .sq-custom-horizontal-carousel .content .carousel .carousel-slider .carousel-slide .grid .column:last-child { padding: 0 1em; } } .sq-custom-section-background-sky-blue { background-color: #C9E8F5 !important; } @media (min-width: 838px) { .sq-custom-section-rounded-corners { border-radius: var(--custom-section-border-radius, 10px); margin: 30px; margin-bottom: 0; overflow: hidden; } } .sq-custom-section-rounded-corners-content-width { margin: 0 auto !important; max-width: var(--container-width-extra-large); padding-left: var(--space-small); padding-right: var(--space-small); } @media (min-width: 838px) { .sq-custom-section-rounded-corners-content-width { border-radius: var(--custom-section-border-radius, 10px); margin: 30px; overflow: hidden; } } .sq-custom-section-rounded-corners-radius-small { --custom-section-border-radius: var(--space-small); } .sq-custom-img-border-radius { --border-radius: 10px; } .sq-custom-img-border-radius img { border-radius: var(--border-radius); } .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); } } @media (max-width: 718px) { .sq-custom-flex-links .content .balance-text { margin-bottom: var(--line-height-base) !important; } } .sq-custom-flex-links .content .grid { font-size: var(--font-size-base) !important; align-items: center; } .sq-custom-flex-links .content .grid .column { width: 100%; padding-right: calc(var(--space-line) / 2); padding-left: calc(var(--space-line) / 2); } @media (max-width: 768px) { .sq-custom-flex-links .content .grid .column .display-inline-block { width: 100%; } .sq-custom-flex-links .content .grid .column .display-inline-block .button { width: 100%; } } @media (min-width: 718px) { .sq-custom-flex-links .content .grid .column { width: auto; } } .sq-custom-flex-links .content .grid .column a { text-align: center; display: block; width: 100%; } @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)); } } .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); } } .sq-custom-rounded-corner-img .picture { border-radius: 10px; overflow: hidden; } .sq-custom-no-max-width .intro { max-width: unset !important; } .sq-custom-no-max-width .intro * { max-width: unset !important; } @media (max-width: 1024px) { .sq-custom-no-max-width .intro { text-align: left !important; } } .sq-custom-no-max-width .content .headings-compact { max-width: unset !important; } .sq-custom-no-max-width .content .content-wrapper { max-width: unset !important; } .sq-custom-two-column-carousel .content .carousel .carousel-slide .grid { display: grid; grid-template-columns: 45% auto; gap: var(--space-small); } @media (max-width: 1023px) { .sq-custom-two-column-carousel .content .carousel .carousel-slide .grid { grid-template-columns: 1fr; } } .sq-custom-two-column-carousel .content .carousel .carousel-slide .grid .headings-compact .two-column { display: flex; gap: var(--space-small); } @media (max-width: 1023px) { .sq-custom-two-column-carousel .content .carousel .carousel-slide .grid .headings-compact .two-column { flex-direction: column; } } .sq-custom-two-column-carousel .content .carousel .carousel-slide .grid .headings-compact .video-player-link { display: flex; align-items: center; gap: 5px; } .sq-custom-two-column-carousel .content .carousel .carousel-slide .grid .headings-compact .video-player-link img { width: 15px; height: 15px; } .sq-custom-blue-gradient-background { margin-bottom: var(--space-large); color: white !important; background: linear-gradient(297deg, #CEE7F3 5.46%, #006AFF 104.85%), var(--Background, #030303) !important; } .sq-custom-blue-gradient-background .content { padding: var(--space-medium) 0 !important; padding-top: var(--space-medium) !important; } .sq-custom-rounded-corner-tiles-compare .content .multi-column-grid { align-items: stretch !important; } .sq-custom-rounded-corner-tiles-compare .content .tile { display: flex; align-items: center; border-radius: 24px; } .sq-custom-rounded-corner-tiles-compare .content .tile .tile-content { width: 100%; min-height: 120px; padding: var(--space-line); display: flex; align-items: center; justify-content: center; } @media (min-width: 1024px) { .sq-custom-rounded-corner-tiles-compare .content .tile .tile-content { min-height: 220px; } } .sq-custom-rounded-corner-tiles-compare .content .tile .tile-content .link { font-size: var(--font-size-display-h3-base); line-height: var(--line-height-display-h3-base); } /* BUNDLE=home-page-2021-q1 */ /* BUNDLE=wip */ .sq-custom-pricing-features-alt { --section-pricing-features-icon-size: calc(var(--space-small) + var(--space-base)); --color-blue-light: #CEE7F3; background-color: var(--color-blue-light) !important; --section-pricing-features-content-padding: var(--section-pricing-features-icon-size); } .sq-custom-pricing-features-alt a { display: inline-block; } .sq-custom-pricing-features-alt .black-underline { border-bottom: 1px solid black; } .sq-custom-pricing-features-alt h3:first-of-type { margin-top: 0 !important; } .sq-custom-pricing-features-alt .sq-custom-float-icon { float: left; height: auto; width: var(--section-pricing-features-icon-size); margin-top: 0; margin-left: calc(-1 * var(--section-pricing-features-icon-size)) !important; margin-bottom: 0 !important; padding-top: calc(var(--space-base) * 0.7); } .sq-custom-pricing-features-alt .sq-custom-float-icon img { padding-right: var(--space-base); margin-right: 0; margin-left: auto; } .sq-custom-pricing-features-alt .multi-column-grid > .column:nth-child(2) .grid > .column { padding-left: var(--section-pricing-features-content-padding); } </style><style nonce="VhYWeC/zPzFH2++zJUsn55JdWOzL4H6oze+ZbRwTFQs=">.uid-3CQnvuXB7hIS2G9Z9GxhCj-ef1f19872ccd2dd4164152ac3ca567d2923e2d0eef33e5777727790de06db6cd { height: 151px; } .uid-3CQnvuXB7hIS2G9Z9GxhCj-ef1f19872ccd2dd4164152ac3ca567d2923e2d0eef33e5777727790de06db6cd img { width: 276px; height: 151px; } @media (min-width: 374px) { .uid-3CQnvuXB7hIS2G9Z9GxhCj-ef1f19872ccd2dd4164152ac3ca567d2923e2d0eef33e5777727790de06db6cd { height: 177px; } } @media (min-width: 374px) { .uid-3CQnvuXB7hIS2G9Z9GxhCj-ef1f19872ccd2dd4164152ac3ca567d2923e2d0eef33e5777727790de06db6cd img { width: 324px; height: 177px; } } @media (min-width: 480px) { .uid-3CQnvuXB7hIS2G9Z9GxhCj-ef1f19872ccd2dd4164152ac3ca567d2923e2d0eef33e5777727790de06db6cd { height: 232px; } } @media (min-width: 480px) { .uid-3CQnvuXB7hIS2G9Z9GxhCj-ef1f19872ccd2dd4164152ac3ca567d2923e2d0eef33e5777727790de06db6cd img { width: 424px; height: 232px; } } @media (min-width: 718px) { .uid-3CQnvuXB7hIS2G9Z9GxhCj-ef1f19872ccd2dd4164152ac3ca567d2923e2d0eef33e5777727790de06db6cd { height: 178px; } } @media (min-width: 718px) { .uid-3CQnvuXB7hIS2G9Z9GxhCj-ef1f19872ccd2dd4164152ac3ca567d2923e2d0eef33e5777727790de06db6cd img { width: 325px; height: 178px; } } @media (min-width: 1024px) { .uid-3CQnvuXB7hIS2G9Z9GxhCj-ef1f19872ccd2dd4164152ac3ca567d2923e2d0eef33e5777727790de06db6cd { height: 229px; } } @media (min-width: 1024px) { .uid-3CQnvuXB7hIS2G9Z9GxhCj-ef1f19872ccd2dd4164152ac3ca567d2923e2d0eef33e5777727790de06db6cd img { width: 419px; height: 229px; } } @media (min-width: 1292px) { .uid-3CQnvuXB7hIS2G9Z9GxhCj-ef1f19872ccd2dd4164152ac3ca567d2923e2d0eef33e5777727790de06db6cd { height: 270px; } } @media (min-width: 1292px) { .uid-3CQnvuXB7hIS2G9Z9GxhCj-ef1f19872ccd2dd4164152ac3ca567d2923e2d0eef33e5777727790de06db6cd img { width: 493px; height: 270px; } } .uid-9GyPCtUyLqpSKzC6hQxCF-21fe775dec3215d8c646d6e06b038724aa0adee59bf355ea329f950b7b4082e2 { height: 185px; } .uid-9GyPCtUyLqpSKzC6hQxCF-21fe775dec3215d8c646d6e06b038724aa0adee59bf355ea329f950b7b4082e2 img { width: 276px; height: 185px; } @media (min-width: 374px) { .uid-9GyPCtUyLqpSKzC6hQxCF-21fe775dec3215d8c646d6e06b038724aa0adee59bf355ea329f950b7b4082e2 { height: 217px; } } @media (min-width: 374px) { .uid-9GyPCtUyLqpSKzC6hQxCF-21fe775dec3215d8c646d6e06b038724aa0adee59bf355ea329f950b7b4082e2 img { width: 324px; height: 217px; } } @media (min-width: 480px) { .uid-9GyPCtUyLqpSKzC6hQxCF-21fe775dec3215d8c646d6e06b038724aa0adee59bf355ea329f950b7b4082e2 { height: 285px; } } @media (min-width: 480px) { .uid-9GyPCtUyLqpSKzC6hQxCF-21fe775dec3215d8c646d6e06b038724aa0adee59bf355ea329f950b7b4082e2 img { width: 424px; height: 285px; } } @media (min-width: 718px) { .uid-9GyPCtUyLqpSKzC6hQxCF-21fe775dec3215d8c646d6e06b038724aa0adee59bf355ea329f950b7b4082e2 { height: 139px; } } @media (min-width: 718px) { .uid-9GyPCtUyLqpSKzC6hQxCF-21fe775dec3215d8c646d6e06b038724aa0adee59bf355ea329f950b7b4082e2 img { width: 207px; height: 139px; } } @media (min-width: 1024px) { .uid-9GyPCtUyLqpSKzC6hQxCF-21fe775dec3215d8c646d6e06b038724aa0adee59bf355ea329f950b7b4082e2 { height: 181px; } } @media (min-width: 1024px) { .uid-9GyPCtUyLqpSKzC6hQxCF-21fe775dec3215d8c646d6e06b038724aa0adee59bf355ea329f950b7b4082e2 img { width: 270px; height: 181px; } } @media (min-width: 1292px) { .uid-9GyPCtUyLqpSKzC6hQxCF-21fe775dec3215d8c646d6e06b038724aa0adee59bf355ea329f950b7b4082e2 { height: 214px; } } @media (min-width: 1292px) { .uid-9GyPCtUyLqpSKzC6hQxCF-21fe775dec3215d8c646d6e06b038724aa0adee59bf355ea329f950b7b4082e2 img { width: 319px; height: 214px; } } .uid-4NZyTQWJ6HcATmuoo0etMn-ac5fe1cf1fc21d6cd00158edddf3c2fca0310c2cc2216eebadb3ac109f0094b0 { height: 185px; } .uid-4NZyTQWJ6HcATmuoo0etMn-ac5fe1cf1fc21d6cd00158edddf3c2fca0310c2cc2216eebadb3ac109f0094b0 img { width: 276px; height: 185px; } @media (min-width: 374px) { .uid-4NZyTQWJ6HcATmuoo0etMn-ac5fe1cf1fc21d6cd00158edddf3c2fca0310c2cc2216eebadb3ac109f0094b0 { height: 218px; } } @media (min-width: 374px) { .uid-4NZyTQWJ6HcATmuoo0etMn-ac5fe1cf1fc21d6cd00158edddf3c2fca0310c2cc2216eebadb3ac109f0094b0 img { width: 324px; height: 218px; } } @media (min-width: 480px) { .uid-4NZyTQWJ6HcATmuoo0etMn-ac5fe1cf1fc21d6cd00158edddf3c2fca0310c2cc2216eebadb3ac109f0094b0 { height: 285px; } } @media (min-width: 480px) { .uid-4NZyTQWJ6HcATmuoo0etMn-ac5fe1cf1fc21d6cd00158edddf3c2fca0310c2cc2216eebadb3ac109f0094b0 img { width: 424px; height: 285px; } } @media (min-width: 718px) { .uid-4NZyTQWJ6HcATmuoo0etMn-ac5fe1cf1fc21d6cd00158edddf3c2fca0310c2cc2216eebadb3ac109f0094b0 { height: 139px; } } @media (min-width: 718px) { .uid-4NZyTQWJ6HcATmuoo0etMn-ac5fe1cf1fc21d6cd00158edddf3c2fca0310c2cc2216eebadb3ac109f0094b0 img { width: 207px; height: 139px; } } @media (min-width: 1024px) { .uid-4NZyTQWJ6HcATmuoo0etMn-ac5fe1cf1fc21d6cd00158edddf3c2fca0310c2cc2216eebadb3ac109f0094b0 { height: 181px; } } @media (min-width: 1024px) { .uid-4NZyTQWJ6HcATmuoo0etMn-ac5fe1cf1fc21d6cd00158edddf3c2fca0310c2cc2216eebadb3ac109f0094b0 img { width: 270px; height: 181px; } } @media (min-width: 1292px) { .uid-4NZyTQWJ6HcATmuoo0etMn-ac5fe1cf1fc21d6cd00158edddf3c2fca0310c2cc2216eebadb3ac109f0094b0 { height: 214px; } } @media (min-width: 1292px) { .uid-4NZyTQWJ6HcATmuoo0etMn-ac5fe1cf1fc21d6cd00158edddf3c2fca0310c2cc2216eebadb3ac109f0094b0 img { width: 319px; height: 214px; } } .uid-37GEuo7ZObbYcd1jEn5eJi-0cf3afdbaa55842850255c4cc7276c8b0146ab6482495fec3517358221caf782 { height: 185px; } .uid-37GEuo7ZObbYcd1jEn5eJi-0cf3afdbaa55842850255c4cc7276c8b0146ab6482495fec3517358221caf782 img { width: 276px; height: 185px; } @media (min-width: 374px) { .uid-37GEuo7ZObbYcd1jEn5eJi-0cf3afdbaa55842850255c4cc7276c8b0146ab6482495fec3517358221caf782 { height: 218px; } } @media (min-width: 374px) { .uid-37GEuo7ZObbYcd1jEn5eJi-0cf3afdbaa55842850255c4cc7276c8b0146ab6482495fec3517358221caf782 img { width: 324px; height: 218px; } } @media (min-width: 480px) { .uid-37GEuo7ZObbYcd1jEn5eJi-0cf3afdbaa55842850255c4cc7276c8b0146ab6482495fec3517358221caf782 { height: 285px; } } @media (min-width: 480px) { .uid-37GEuo7ZObbYcd1jEn5eJi-0cf3afdbaa55842850255c4cc7276c8b0146ab6482495fec3517358221caf782 img { width: 424px; height: 285px; } } @media (min-width: 718px) { .uid-37GEuo7ZObbYcd1jEn5eJi-0cf3afdbaa55842850255c4cc7276c8b0146ab6482495fec3517358221caf782 { height: 139px; } } @media (min-width: 718px) { .uid-37GEuo7ZObbYcd1jEn5eJi-0cf3afdbaa55842850255c4cc7276c8b0146ab6482495fec3517358221caf782 img { width: 207px; height: 139px; } } @media (min-width: 1024px) { .uid-37GEuo7ZObbYcd1jEn5eJi-0cf3afdbaa55842850255c4cc7276c8b0146ab6482495fec3517358221caf782 { height: 181px; } } @media (min-width: 1024px) { .uid-37GEuo7ZObbYcd1jEn5eJi-0cf3afdbaa55842850255c4cc7276c8b0146ab6482495fec3517358221caf782 img { width: 270px; height: 181px; } } @media (min-width: 1292px) { .uid-37GEuo7ZObbYcd1jEn5eJi-0cf3afdbaa55842850255c4cc7276c8b0146ab6482495fec3517358221caf782 { height: 214px; } } @media (min-width: 1292px) { .uid-37GEuo7ZObbYcd1jEn5eJi-0cf3afdbaa55842850255c4cc7276c8b0146ab6482495fec3517358221caf782 img { width: 319px; height: 214px; } } .uid-XABhzh2AEpRa3Q3con04v-1fab58a62ab1b6c925a487185fd6be4d7fd9a8d11cf56f853ad0c92a2bb3458f { height: 221px; } .uid-XABhzh2AEpRa3Q3con04v-1fab58a62ab1b6c925a487185fd6be4d7fd9a8d11cf56f853ad0c92a2bb3458f img { width: 276px; height: 221px; } @media (min-width: 374px) { .uid-XABhzh2AEpRa3Q3con04v-1fab58a62ab1b6c925a487185fd6be4d7fd9a8d11cf56f853ad0c92a2bb3458f { height: 259px; } } @media (min-width: 374px) { .uid-XABhzh2AEpRa3Q3con04v-1fab58a62ab1b6c925a487185fd6be4d7fd9a8d11cf56f853ad0c92a2bb3458f img { width: 324px; height: 259px; } } @media (min-width: 480px) { .uid-XABhzh2AEpRa3Q3con04v-1fab58a62ab1b6c925a487185fd6be4d7fd9a8d11cf56f853ad0c92a2bb3458f { height: 339px; } } @media (min-width: 480px) { .uid-XABhzh2AEpRa3Q3con04v-1fab58a62ab1b6c925a487185fd6be4d7fd9a8d11cf56f853ad0c92a2bb3458f img { width: 424px; height: 339px; } } @media (min-width: 718px) { .uid-XABhzh2AEpRa3Q3con04v-1fab58a62ab1b6c925a487185fd6be4d7fd9a8d11cf56f853ad0c92a2bb3458f { height: 543px; } } @media (min-width: 718px) { .uid-XABhzh2AEpRa3Q3con04v-1fab58a62ab1b6c925a487185fd6be4d7fd9a8d11cf56f853ad0c92a2bb3458f img { width: 680px; height: 543px; } } @media (min-width: 1024px) { .uid-XABhzh2AEpRa3Q3con04v-1fab58a62ab1b6c925a487185fd6be4d7fd9a8d11cf56f853ad0c92a2bb3458f { height: 694px; } } @media (min-width: 1024px) { .uid-XABhzh2AEpRa3Q3con04v-1fab58a62ab1b6c925a487185fd6be4d7fd9a8d11cf56f853ad0c92a2bb3458f img { width: 868px; height: 694px; } } @media (min-width: 1292px) { .uid-XABhzh2AEpRa3Q3con04v-1fab58a62ab1b6c925a487185fd6be4d7fd9a8d11cf56f853ad0c92a2bb3458f { height: 812px; } } @media (min-width: 1292px) { .uid-XABhzh2AEpRa3Q3con04v-1fab58a62ab1b6c925a487185fd6be4d7fd9a8d11cf56f853ad0c92a2bb3458f img { width: 1016px; height: 812px; } } .uid-5gCOhFzMsl24GG2Zuff6VY-902c30cfb2bbb8d47e430f6caeca861e9b4a39c15691e0c53a827bd17da7ce6e { height: 221px; } .uid-5gCOhFzMsl24GG2Zuff6VY-902c30cfb2bbb8d47e430f6caeca861e9b4a39c15691e0c53a827bd17da7ce6e img { width: 276px; height: 221px; } @media (min-width: 374px) { .uid-5gCOhFzMsl24GG2Zuff6VY-902c30cfb2bbb8d47e430f6caeca861e9b4a39c15691e0c53a827bd17da7ce6e { height: 259px; } } @media (min-width: 374px) { .uid-5gCOhFzMsl24GG2Zuff6VY-902c30cfb2bbb8d47e430f6caeca861e9b4a39c15691e0c53a827bd17da7ce6e img { width: 324px; height: 259px; } } @media (min-width: 480px) { .uid-5gCOhFzMsl24GG2Zuff6VY-902c30cfb2bbb8d47e430f6caeca861e9b4a39c15691e0c53a827bd17da7ce6e { height: 339px; } } @media (min-width: 480px) { .uid-5gCOhFzMsl24GG2Zuff6VY-902c30cfb2bbb8d47e430f6caeca861e9b4a39c15691e0c53a827bd17da7ce6e img { width: 424px; height: 339px; } } @media (min-width: 718px) { .uid-5gCOhFzMsl24GG2Zuff6VY-902c30cfb2bbb8d47e430f6caeca861e9b4a39c15691e0c53a827bd17da7ce6e { height: 543px; } } @media (min-width: 718px) { .uid-5gCOhFzMsl24GG2Zuff6VY-902c30cfb2bbb8d47e430f6caeca861e9b4a39c15691e0c53a827bd17da7ce6e img { width: 680px; height: 543px; } } @media (min-width: 1024px) { .uid-5gCOhFzMsl24GG2Zuff6VY-902c30cfb2bbb8d47e430f6caeca861e9b4a39c15691e0c53a827bd17da7ce6e { height: 694px; } } @media (min-width: 1024px) { .uid-5gCOhFzMsl24GG2Zuff6VY-902c30cfb2bbb8d47e430f6caeca861e9b4a39c15691e0c53a827bd17da7ce6e img { width: 868px; height: 694px; } } @media (min-width: 1292px) { .uid-5gCOhFzMsl24GG2Zuff6VY-902c30cfb2bbb8d47e430f6caeca861e9b4a39c15691e0c53a827bd17da7ce6e { height: 812px; } } @media (min-width: 1292px) { .uid-5gCOhFzMsl24GG2Zuff6VY-902c30cfb2bbb8d47e430f6caeca861e9b4a39c15691e0c53a827bd17da7ce6e img { width: 1016px; height: 812px; } } .uid-6ibtJO8NlxLCA31lpSDSKu-9d500ab928ba4e60d292c331dcf2706cf949488ba33d8e3a57e211db5d1df2c7 { height: 221px; } .uid-6ibtJO8NlxLCA31lpSDSKu-9d500ab928ba4e60d292c331dcf2706cf949488ba33d8e3a57e211db5d1df2c7 img { width: 276px; height: 221px; } @media (min-width: 374px) { .uid-6ibtJO8NlxLCA31lpSDSKu-9d500ab928ba4e60d292c331dcf2706cf949488ba33d8e3a57e211db5d1df2c7 { height: 259px; } } @media (min-width: 374px) { .uid-6ibtJO8NlxLCA31lpSDSKu-9d500ab928ba4e60d292c331dcf2706cf949488ba33d8e3a57e211db5d1df2c7 img { width: 324px; height: 259px; } } @media (min-width: 480px) { .uid-6ibtJO8NlxLCA31lpSDSKu-9d500ab928ba4e60d292c331dcf2706cf949488ba33d8e3a57e211db5d1df2c7 { height: 339px; } } @media (min-width: 480px) { .uid-6ibtJO8NlxLCA31lpSDSKu-9d500ab928ba4e60d292c331dcf2706cf949488ba33d8e3a57e211db5d1df2c7 img { width: 424px; height: 339px; } } @media (min-width: 718px) { .uid-6ibtJO8NlxLCA31lpSDSKu-9d500ab928ba4e60d292c331dcf2706cf949488ba33d8e3a57e211db5d1df2c7 { height: 543px; } } @media (min-width: 718px) { .uid-6ibtJO8NlxLCA31lpSDSKu-9d500ab928ba4e60d292c331dcf2706cf949488ba33d8e3a57e211db5d1df2c7 img { width: 680px; height: 543px; } } @media (min-width: 1024px) { .uid-6ibtJO8NlxLCA31lpSDSKu-9d500ab928ba4e60d292c331dcf2706cf949488ba33d8e3a57e211db5d1df2c7 { height: 694px; } } @media (min-width: 1024px) { .uid-6ibtJO8NlxLCA31lpSDSKu-9d500ab928ba4e60d292c331dcf2706cf949488ba33d8e3a57e211db5d1df2c7 img { width: 868px; height: 694px; } } @media (min-width: 1292px) { .uid-6ibtJO8NlxLCA31lpSDSKu-9d500ab928ba4e60d292c331dcf2706cf949488ba33d8e3a57e211db5d1df2c7 { height: 812px; } } @media (min-width: 1292px) { .uid-6ibtJO8NlxLCA31lpSDSKu-9d500ab928ba4e60d292c331dcf2706cf949488ba33d8e3a57e211db5d1df2c7 img { width: 1016px; height: 812px; } } .uid-6BdvCqPMfeoFvjGJCLaeLP-c9ddb16f0a8e434ea173bb7eac5a23e723749354a8741a3edf92ec464d7b9eac { height: 168px; } .uid-6BdvCqPMfeoFvjGJCLaeLP-c9ddb16f0a8e434ea173bb7eac5a23e723749354a8741a3edf92ec464d7b9eac img { width: 276px; height: 168px; } @media (min-width: 374px) { .uid-6BdvCqPMfeoFvjGJCLaeLP-c9ddb16f0a8e434ea173bb7eac5a23e723749354a8741a3edf92ec464d7b9eac { height: 198px; } } @media (min-width: 374px) { .uid-6BdvCqPMfeoFvjGJCLaeLP-c9ddb16f0a8e434ea173bb7eac5a23e723749354a8741a3edf92ec464d7b9eac img { width: 324px; height: 198px; } } @media (min-width: 480px) { .uid-6BdvCqPMfeoFvjGJCLaeLP-c9ddb16f0a8e434ea173bb7eac5a23e723749354a8741a3edf92ec464d7b9eac { height: 259px; } } @media (min-width: 480px) { .uid-6BdvCqPMfeoFvjGJCLaeLP-c9ddb16f0a8e434ea173bb7eac5a23e723749354a8741a3edf92ec464d7b9eac img { width: 424px; height: 259px; } } @media (min-width: 718px) { .uid-6BdvCqPMfeoFvjGJCLaeLP-c9ddb16f0a8e434ea173bb7eac5a23e723749354a8741a3edf92ec464d7b9eac { height: 126px; } } @media (min-width: 718px) { .uid-6BdvCqPMfeoFvjGJCLaeLP-c9ddb16f0a8e434ea173bb7eac5a23e723749354a8741a3edf92ec464d7b9eac img { width: 207px; height: 126px; } } @media (min-width: 1024px) { .uid-6BdvCqPMfeoFvjGJCLaeLP-c9ddb16f0a8e434ea173bb7eac5a23e723749354a8741a3edf92ec464d7b9eac { height: 165px; } } @media (min-width: 1024px) { .uid-6BdvCqPMfeoFvjGJCLaeLP-c9ddb16f0a8e434ea173bb7eac5a23e723749354a8741a3edf92ec464d7b9eac img { width: 270px; height: 165px; } } @media (min-width: 1292px) { .uid-6BdvCqPMfeoFvjGJCLaeLP-c9ddb16f0a8e434ea173bb7eac5a23e723749354a8741a3edf92ec464d7b9eac { height: 195px; } } @media (min-width: 1292px) { .uid-6BdvCqPMfeoFvjGJCLaeLP-c9ddb16f0a8e434ea173bb7eac5a23e723749354a8741a3edf92ec464d7b9eac img { width: 319px; height: 195px; } } .uid-1lrnjNIsmt7H9MLbG3b5OP-422ca47e9ebee7ded5eadf7ddf58f1a511b80d59c172f4debeae4fc332cb5dca { height: 168px; } .uid-1lrnjNIsmt7H9MLbG3b5OP-422ca47e9ebee7ded5eadf7ddf58f1a511b80d59c172f4debeae4fc332cb5dca img { width: 276px; height: 168px; } @media (min-width: 374px) { .uid-1lrnjNIsmt7H9MLbG3b5OP-422ca47e9ebee7ded5eadf7ddf58f1a511b80d59c172f4debeae4fc332cb5dca { height: 198px; } } @media (min-width: 374px) { .uid-1lrnjNIsmt7H9MLbG3b5OP-422ca47e9ebee7ded5eadf7ddf58f1a511b80d59c172f4debeae4fc332cb5dca img { width: 324px; height: 198px; } } @media (min-width: 480px) { .uid-1lrnjNIsmt7H9MLbG3b5OP-422ca47e9ebee7ded5eadf7ddf58f1a511b80d59c172f4debeae4fc332cb5dca { height: 259px; } } @media (min-width: 480px) { .uid-1lrnjNIsmt7H9MLbG3b5OP-422ca47e9ebee7ded5eadf7ddf58f1a511b80d59c172f4debeae4fc332cb5dca img { width: 424px; height: 259px; } } @media (min-width: 718px) { .uid-1lrnjNIsmt7H9MLbG3b5OP-422ca47e9ebee7ded5eadf7ddf58f1a511b80d59c172f4debeae4fc332cb5dca { height: 126px; } } @media (min-width: 718px) { .uid-1lrnjNIsmt7H9MLbG3b5OP-422ca47e9ebee7ded5eadf7ddf58f1a511b80d59c172f4debeae4fc332cb5dca img { width: 207px; height: 126px; } } @media (min-width: 1024px) { .uid-1lrnjNIsmt7H9MLbG3b5OP-422ca47e9ebee7ded5eadf7ddf58f1a511b80d59c172f4debeae4fc332cb5dca { height: 165px; } } @media (min-width: 1024px) { .uid-1lrnjNIsmt7H9MLbG3b5OP-422ca47e9ebee7ded5eadf7ddf58f1a511b80d59c172f4debeae4fc332cb5dca img { width: 270px; height: 165px; } } @media (min-width: 1292px) { .uid-1lrnjNIsmt7H9MLbG3b5OP-422ca47e9ebee7ded5eadf7ddf58f1a511b80d59c172f4debeae4fc332cb5dca { height: 195px; } } @media (min-width: 1292px) { .uid-1lrnjNIsmt7H9MLbG3b5OP-422ca47e9ebee7ded5eadf7ddf58f1a511b80d59c172f4debeae4fc332cb5dca img { width: 319px; height: 195px; } } .uid-6X3MZbm9JWJUFL8hOxkwCX-b9351ee48499ac9c2692bc7e696435404146fed0b40cfe77ad54cbd8dcbc178f { height: 168px; } .uid-6X3MZbm9JWJUFL8hOxkwCX-b9351ee48499ac9c2692bc7e696435404146fed0b40cfe77ad54cbd8dcbc178f img { width: 276px; height: 168px; } @media (min-width: 374px) { .uid-6X3MZbm9JWJUFL8hOxkwCX-b9351ee48499ac9c2692bc7e696435404146fed0b40cfe77ad54cbd8dcbc178f { height: 198px; } } @media (min-width: 374px) { .uid-6X3MZbm9JWJUFL8hOxkwCX-b9351ee48499ac9c2692bc7e696435404146fed0b40cfe77ad54cbd8dcbc178f img { width: 324px; height: 198px; } } @media (min-width: 480px) { .uid-6X3MZbm9JWJUFL8hOxkwCX-b9351ee48499ac9c2692bc7e696435404146fed0b40cfe77ad54cbd8dcbc178f { height: 259px; } } @media (min-width: 480px) { .uid-6X3MZbm9JWJUFL8hOxkwCX-b9351ee48499ac9c2692bc7e696435404146fed0b40cfe77ad54cbd8dcbc178f img { width: 424px; height: 259px; } } @media (min-width: 718px) { .uid-6X3MZbm9JWJUFL8hOxkwCX-b9351ee48499ac9c2692bc7e696435404146fed0b40cfe77ad54cbd8dcbc178f { height: 126px; } } @media (min-width: 718px) { .uid-6X3MZbm9JWJUFL8hOxkwCX-b9351ee48499ac9c2692bc7e696435404146fed0b40cfe77ad54cbd8dcbc178f img { width: 207px; height: 126px; } } @media (min-width: 1024px) { .uid-6X3MZbm9JWJUFL8hOxkwCX-b9351ee48499ac9c2692bc7e696435404146fed0b40cfe77ad54cbd8dcbc178f { height: 165px; } } @media (min-width: 1024px) { .uid-6X3MZbm9JWJUFL8hOxkwCX-b9351ee48499ac9c2692bc7e696435404146fed0b40cfe77ad54cbd8dcbc178f img { width: 270px; height: 165px; } } @media (min-width: 1292px) { .uid-6X3MZbm9JWJUFL8hOxkwCX-b9351ee48499ac9c2692bc7e696435404146fed0b40cfe77ad54cbd8dcbc178f { height: 195px; } } @media (min-width: 1292px) { .uid-6X3MZbm9JWJUFL8hOxkwCX-b9351ee48499ac9c2692bc7e696435404146fed0b40cfe77ad54cbd8dcbc178f img { width: 319px; height: 195px; } } .uid-2NSmdHhmQh0IBE5cImx24i-a1714043aa96719efd9f89b06b5f8933cb163d6364e0388bf8a16a327022bba0 { height: 165px; } .uid-2NSmdHhmQh0IBE5cImx24i-a1714043aa96719efd9f89b06b5f8933cb163d6364e0388bf8a16a327022bba0 img { width: 276px; height: 165px; } @media (min-width: 374px) { .uid-2NSmdHhmQh0IBE5cImx24i-a1714043aa96719efd9f89b06b5f8933cb163d6364e0388bf8a16a327022bba0 { height: 194px; } } @media (min-width: 374px) { .uid-2NSmdHhmQh0IBE5cImx24i-a1714043aa96719efd9f89b06b5f8933cb163d6364e0388bf8a16a327022bba0 img { width: 324px; height: 194px; } } @media (min-width: 480px) { .uid-2NSmdHhmQh0IBE5cImx24i-a1714043aa96719efd9f89b06b5f8933cb163d6364e0388bf8a16a327022bba0 { height: 254px; } } @media (min-width: 480px) { .uid-2NSmdHhmQh0IBE5cImx24i-a1714043aa96719efd9f89b06b5f8933cb163d6364e0388bf8a16a327022bba0 img { width: 424px; height: 254px; } } @media (min-width: 718px) { .uid-2NSmdHhmQh0IBE5cImx24i-a1714043aa96719efd9f89b06b5f8933cb163d6364e0388bf8a16a327022bba0 { height: 194px; } } @media (min-width: 718px) { .uid-2NSmdHhmQh0IBE5cImx24i-a1714043aa96719efd9f89b06b5f8933cb163d6364e0388bf8a16a327022bba0 img { width: 325px; height: 194px; } } @media (min-width: 1024px) { .uid-2NSmdHhmQh0IBE5cImx24i-a1714043aa96719efd9f89b06b5f8933cb163d6364e0388bf8a16a327022bba0 { height: 251px; } } @media (min-width: 1024px) { .uid-2NSmdHhmQh0IBE5cImx24i-a1714043aa96719efd9f89b06b5f8933cb163d6364e0388bf8a16a327022bba0 img { width: 419px; height: 251px; } } @media (min-width: 1292px) { .uid-2NSmdHhmQh0IBE5cImx24i-a1714043aa96719efd9f89b06b5f8933cb163d6364e0388bf8a16a327022bba0 { height: 295px; } } @media (min-width: 1292px) { .uid-2NSmdHhmQh0IBE5cImx24i-a1714043aa96719efd9f89b06b5f8933cb163d6364e0388bf8a16a327022bba0 img { width: 493px; height: 295px; } } .uid-4QK6sYZCDm7Tofmx7kIuir-872213c45274aca08c895ff064dcabccc10b901669638b681cf0bc20b7aafbeb { height: 165px; } .uid-4QK6sYZCDm7Tofmx7kIuir-872213c45274aca08c895ff064dcabccc10b901669638b681cf0bc20b7aafbeb img { width: 276px; height: 165px; } @media (min-width: 374px) { .uid-4QK6sYZCDm7Tofmx7kIuir-872213c45274aca08c895ff064dcabccc10b901669638b681cf0bc20b7aafbeb { height: 194px; } } @media (min-width: 374px) { .uid-4QK6sYZCDm7Tofmx7kIuir-872213c45274aca08c895ff064dcabccc10b901669638b681cf0bc20b7aafbeb img { width: 324px; height: 194px; } } @media (min-width: 480px) { .uid-4QK6sYZCDm7Tofmx7kIuir-872213c45274aca08c895ff064dcabccc10b901669638b681cf0bc20b7aafbeb { height: 254px; } } @media (min-width: 480px) { .uid-4QK6sYZCDm7Tofmx7kIuir-872213c45274aca08c895ff064dcabccc10b901669638b681cf0bc20b7aafbeb img { width: 424px; height: 254px; } } @media (min-width: 718px) { .uid-4QK6sYZCDm7Tofmx7kIuir-872213c45274aca08c895ff064dcabccc10b901669638b681cf0bc20b7aafbeb { height: 194px; } } @media (min-width: 718px) { .uid-4QK6sYZCDm7Tofmx7kIuir-872213c45274aca08c895ff064dcabccc10b901669638b681cf0bc20b7aafbeb img { width: 325px; height: 194px; } } @media (min-width: 1024px) { .uid-4QK6sYZCDm7Tofmx7kIuir-872213c45274aca08c895ff064dcabccc10b901669638b681cf0bc20b7aafbeb { height: 251px; } } @media (min-width: 1024px) { .uid-4QK6sYZCDm7Tofmx7kIuir-872213c45274aca08c895ff064dcabccc10b901669638b681cf0bc20b7aafbeb img { width: 419px; height: 251px; } } @media (min-width: 1292px) { .uid-4QK6sYZCDm7Tofmx7kIuir-872213c45274aca08c895ff064dcabccc10b901669638b681cf0bc20b7aafbeb { height: 295px; } } @media (min-width: 1292px) { .uid-4QK6sYZCDm7Tofmx7kIuir-872213c45274aca08c895ff064dcabccc10b901669638b681cf0bc20b7aafbeb img { width: 493px; height: 295px; } } .uid-5zjo7vtra4LHg8z6mYCjeq-be8168e472851d72f201ee86f3ba0e24cb4466ba0e3bb803b825385871244b55 { height: 165px; } .uid-5zjo7vtra4LHg8z6mYCjeq-be8168e472851d72f201ee86f3ba0e24cb4466ba0e3bb803b825385871244b55 img { width: 276px; height: 165px; } @media (min-width: 374px) { .uid-5zjo7vtra4LHg8z6mYCjeq-be8168e472851d72f201ee86f3ba0e24cb4466ba0e3bb803b825385871244b55 { height: 194px; } } @media (min-width: 374px) { .uid-5zjo7vtra4LHg8z6mYCjeq-be8168e472851d72f201ee86f3ba0e24cb4466ba0e3bb803b825385871244b55 img { width: 324px; height: 194px; } } @media (min-width: 480px) { .uid-5zjo7vtra4LHg8z6mYCjeq-be8168e472851d72f201ee86f3ba0e24cb4466ba0e3bb803b825385871244b55 { height: 254px; } } @media (min-width: 480px) { .uid-5zjo7vtra4LHg8z6mYCjeq-be8168e472851d72f201ee86f3ba0e24cb4466ba0e3bb803b825385871244b55 img { width: 424px; height: 254px; } } @media (min-width: 718px) { .uid-5zjo7vtra4LHg8z6mYCjeq-be8168e472851d72f201ee86f3ba0e24cb4466ba0e3bb803b825385871244b55 { height: 194px; } } @media (min-width: 718px) { .uid-5zjo7vtra4LHg8z6mYCjeq-be8168e472851d72f201ee86f3ba0e24cb4466ba0e3bb803b825385871244b55 img { width: 325px; height: 194px; } } @media (min-width: 1024px) { .uid-5zjo7vtra4LHg8z6mYCjeq-be8168e472851d72f201ee86f3ba0e24cb4466ba0e3bb803b825385871244b55 { height: 251px; } } @media (min-width: 1024px) { .uid-5zjo7vtra4LHg8z6mYCjeq-be8168e472851d72f201ee86f3ba0e24cb4466ba0e3bb803b825385871244b55 img { width: 419px; height: 251px; } } @media (min-width: 1292px) { .uid-5zjo7vtra4LHg8z6mYCjeq-be8168e472851d72f201ee86f3ba0e24cb4466ba0e3bb803b825385871244b55 { height: 295px; } } @media (min-width: 1292px) { .uid-5zjo7vtra4LHg8z6mYCjeq-be8168e472851d72f201ee86f3ba0e24cb4466ba0e3bb803b825385871244b55 img { width: 493px; height: 295px; } } .uid-6BpZzkeU8XYEymwOAEuWWu-b1017e6d20895b60499f1dcea65143bde4dc51be60769aee2b460ecce68abe93 { height: 165px; } .uid-6BpZzkeU8XYEymwOAEuWWu-b1017e6d20895b60499f1dcea65143bde4dc51be60769aee2b460ecce68abe93 img { width: 276px; height: 165px; } @media (min-width: 374px) { .uid-6BpZzkeU8XYEymwOAEuWWu-b1017e6d20895b60499f1dcea65143bde4dc51be60769aee2b460ecce68abe93 { height: 194px; } } @media (min-width: 374px) { .uid-6BpZzkeU8XYEymwOAEuWWu-b1017e6d20895b60499f1dcea65143bde4dc51be60769aee2b460ecce68abe93 img { width: 324px; height: 194px; } } @media (min-width: 480px) { .uid-6BpZzkeU8XYEymwOAEuWWu-b1017e6d20895b60499f1dcea65143bde4dc51be60769aee2b460ecce68abe93 { height: 254px; } } @media (min-width: 480px) { .uid-6BpZzkeU8XYEymwOAEuWWu-b1017e6d20895b60499f1dcea65143bde4dc51be60769aee2b460ecce68abe93 img { width: 424px; height: 254px; } } @media (min-width: 718px) { .uid-6BpZzkeU8XYEymwOAEuWWu-b1017e6d20895b60499f1dcea65143bde4dc51be60769aee2b460ecce68abe93 { height: 194px; } } @media (min-width: 718px) { .uid-6BpZzkeU8XYEymwOAEuWWu-b1017e6d20895b60499f1dcea65143bde4dc51be60769aee2b460ecce68abe93 img { width: 325px; height: 194px; } } @media (min-width: 1024px) { .uid-6BpZzkeU8XYEymwOAEuWWu-b1017e6d20895b60499f1dcea65143bde4dc51be60769aee2b460ecce68abe93 { height: 251px; } } @media (min-width: 1024px) { .uid-6BpZzkeU8XYEymwOAEuWWu-b1017e6d20895b60499f1dcea65143bde4dc51be60769aee2b460ecce68abe93 img { width: 419px; height: 251px; } } @media (min-width: 1292px) { .uid-6BpZzkeU8XYEymwOAEuWWu-b1017e6d20895b60499f1dcea65143bde4dc51be60769aee2b460ecce68abe93 { height: 295px; } } @media (min-width: 1292px) { .uid-6BpZzkeU8XYEymwOAEuWWu-b1017e6d20895b60499f1dcea65143bde4dc51be60769aee2b460ecce68abe93 img { width: 493px; height: 295px; } } </style><script src="https://xms-production-f.squarecdn.com/xms/assets/application-283b9be15aea67c13b6af7c1adcf89ef55b2cdcb93ab407f51c2d6acb90e7f58.js" defer="defer" nonce="VhYWeC/zPzFH2++zJUsn55JdWOzL4H6oze+ZbRwTFQs="></script><script type="module" nonce="VhYWeC/zPzFH2++zJUsn55JdWOzL4H6oze+ZbRwTFQs=">// 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></head><body><div id="top"></div><div data-body="Download the latest version of a supported browser below to get the most out of this website:" 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="I understand. Proceed anyway" data-title="Please update your browser." id="unsupported-browser-modal"></div><script src="https://xms-production-f.squarecdn.com/xms/assets/precompile/nomodule-fd552f7067e56a71a4ac154492f800a86a9d4f41b1a3dd92df5043afc78d1e91.js" nomodule="nomodule" nonce="VhYWeC/zPzFH2++zJUsn55JdWOzL4H6oze+ZbRwTFQs="></script><noscript><div aria-live="polite" class="flash flash-top flash-error flash-show" role="status"><div class="flash-message"><p>JavaScript is required for full functionality of this site. <a class="arrow" href="https://www.enable-javascript.com/" target="_blank">Learn how to enable JavaScript in your web browser</a> </p></div></div></noscript><div data-cta-subnav-json="{"id":"pwn-entry-y3d1ShDlQbT41R7p6Ivgd","title":"Compare Square","subtitle":null,"dynamicVariationSlug":null,"titleCategory":null,"cta":{"id":"pwn-entry-17MeRE19Q0ifZpqTuvQfWw","title":"Get started","url":"/signup/en-GB","linkStyle":null,"iconData":null,"hideWhenLoggedIn":null,"hideWhenLoggedOut":null,"hideWhenCartEmpty":null,"hideWhenCartNotEmpty":null,"disabled":null,"hidden":null,"type":"button"},"secondaryCta":{"id":"pwn-entry-2USGvQosoomELLmnb0GiSY","title":"Contact sales","url":"/gb/en/sales/contact?page=/gb/en/compare","linkStyle":"secondary","iconData":{"name":"contact-sales","size":"24x24","s3BaseUrl":"https://square-production.s3.amazonaws.com/icons/square/4.13.0/24x24/"},"hideWhenLoggedIn":null,"hideWhenLoggedOut":null,"hideWhenCartEmpty":null,"hideWhenCartNotEmpty":null,"disabled":null,"hidden":null,"type":"button"},"navItems":null,"dynamicVariations":null,"enableDynamicVariations":false,"onlyShowCtaWhenSticky":false,"showCtaOnCtaPage":false,"disableStickyBehavior":false,"enableFlickerFix":false,"reverseDesktopCtaButtons":false,"hiddenUntilScrolled":false,"disableIconCtaOnMobile":false}" data-dark-mode="false" data-experiments="[]" data-flags-json="{"publicwebnav/enable-comms-plat-messaging":false,"xms2-search-page-url":"/us/en/search","xmsfe-enable-pwt":true,"xmsfe-pwt-page-allow-list":["/us/en"]}" data-image-subnav-json="" data-json="{"id":"pwn-entry-69mDoimRIatldjcJWqSrQH","title":"squareup.com - GB - 2024 - ROUTED","home":{"id":"pwn-entry-10pviTmfcq4tYUZAZ5OraP","title":"Square","url":"/gb/en"},"mobileMenuOpenText":"Open menu","mobileMenuCloseText":"Close menu","primaryNavItems":[{"id":"pwn-entry-1U3qMk5bYN9lxomqN8HRMG","type":"category","title":"Products","navItems":[{"id":"pwn-entry-1G8Suz7Faau3IVzcZNE06S","type":"category","title":"Commerce","description":"Sell on a website, point of sale or social media.","navItems":[{"id":"pwn-entry-6GRFmnUnuvROIejofNTjd3","type":"link","title":"All commerce products","url":"/gb/en/commerce"},{"id":"pwn-entry-3LQ074LH1JOomR2aENtqYi","type":"link","title":"Hardware","url":"/gb/en/hardware"},{"id":"pwn-entry-6tEA6n8vPj8zwpbZJol4u3","type":"link","title":"Point of sale","url":"/gb/en/point-of-sale"},{"id":"pwn-entry-139jMVV05CIxsVPpQ8rKfG","type":"link","title":"Restaurant POS","url":"/gb/en/point-of-sale/restaurants"},{"id":"pwn-entry-5nVbCOdqimt6blSVBireCe","type":"link","title":"Self-ordering kiosk","url":"/gb/en/point-of-sale/restaurants/kiosk-software"},{"id":"pwn-entry-10apDjT4EsC6GV4L41VNnE","type":"link","title":"Retail POS","url":"/gb/en/point-of-sale/retail"},{"id":"pwn-entry-7ilDEJrk6fCBlnMmCobfUI","type":"link","title":"Appointments POS","url":"/gb/en/appointments"},{"id":"pwn-entry-1zsZaDdN5O9aMbIB1bid6I","type":"link","title":"Invoices","url":"/gb/en/invoices"},{"id":"pwn-entry-2tDBye4cNBkCYx5zVhK93f","type":"link","title":"Online ordering","url":"/gb/en/online-ordering"},{"id":"pwn-entry-22HCcaLWW48WBmb4PhnKJG","type":"link","title":"Online store","url":"/gb/en/online-store"},{"id":"pwn-entry-6TNUrsFQJN7TACrp80KlCP","type":"link","title":"Payments","url":"/gb/en/payments"},{"id":"pwn-entry-46nXQYDF6uoncEKfMRLTyM","type":"link","title":"Payment links","url":"/gb/en/online-checkout"}]},{"id":"pwn-entry-1bpfraoo89iJSoY5KXW2oO","type":"category","title":"Customers","description":"Drive business with marketing, appointments and loyalty programmes.","navItems":[{"id":"pwn-entry-6bMaFPSLW011Y3UWOPp9Vb","type":"link","title":"All customer products","url":"/gb/en/customers"},{"id":"pwn-entry-5WEF1sg9bAet5U2qQcxFoQ","type":"link","title":"Marketing","url":"/gb/en/software/marketing"},{"id":"pwn-entry-6DcwwCYJ8ieodVnrSLEviy","type":"link","title":"Loyalty programmes","url":"/gb/en/software/loyalty"},{"id":"pwn-entry-2kOjsUuv6rzzbsh6XSrLUD","type":"link","title":"Customer directory","url":"/gb/en/point-of-sale/features/customer-directory"},{"id":"pwn-entry-4e2yOsC7MyjcgF7ourm7hZ","type":"link","title":"Gift cards","url":"/gb/en/gift-cards"},{"id":"pwn-entry-2B39CEg91Ql6XIYk0Ldxex","type":"link","title":"Photo studio","url":"/gb/en/photo-studio/app"},{"id":"pwn-entry-1THkZ5BL1zo9e8bwaBzBeX","type":"link","title":"Contracts","url":"/gb/en/contracts"}]},{"id":"pwn-entry-6ZVoUvZEHSDjWovaEXF9Mf","type":"category","title":"Staff","description":"Manage your staff and cashflow with tools that help you plan for the future.","navItems":[{"id":"pwn-entry-1ZWocVFDfZZycxzUyjkh3q","type":"link","title":"Shifts","url":"/gb/en/staff/shifts"},{"id":"pwn-entry-2fjcYcBeTbIicR52akWMTs","type":"link","title":"Advanced Access","url":"/gb/en/staff/advanced-access"},{"id":"pwn-entry-1WOmYyp9cksWuih5Q1a1Ps","type":"link","title":"Team communications","url":"/gb/en/staff/team-communication"}]},{"id":"pwn-entry-1dwqTFDWVmBvsOELICiK7b","type":"category","title":"Money","navItems":[{"id":"pwn-entry-36H4NBDTG8piB8aYYeDXga","type":"link","title":"Loans","url":"/gb/en/loans"},{"id":"pwn-entry-3bAbHTkaVGm1XYiEEgOG5B","type":"link","title":"Instant transfers","url":"/gb/en/payments/instant-transfers"},{"id":"pwn-entry-1GR1eLQDoalcavZL8SCCN4","type":"link","title":"Square Card","url":"/gb/en/payments/square-card"}]},{"id":"pwn-entry-6IQRSmHxv8vLNRtn4eleXr","type":"category","title":"Developer","description":"Connect third-party apps or build custom solutions.","navItems":[{"id":"pwn-entry-ISUwPN0LhFEB08Fj6bPBL","type":"link","title":"Developer APIs","url":"https://developer.squareup.com/gb/en"},{"id":"pwn-entry-2Bka9MK8yI6WFl5dK7AFP6","type":"link","title":"App marketplace","url":"/gb/en/app-marketplace"}]}],"spotlight":{"id":"pwn-entry-3fgKcOcDavFGNNQLl8B3MI","title":"Featured","items":[{"id":"pwn-entry-5NATLKK2oafqYDyha1jSRR","title":"Tap to Pay on iPhone","image":{"id":"pwn-entry-e2no91DEEj7l3Fobp1kml","title":"PD05460 - GB nav spotlight ttp","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/e2no91DEEj7l3Fobp1kml/d4ccbe11d95b0c396a845be4abf0494b/PD05460_-_GB_nav_spotlight_ttp.png"},"imageMobile":{"id":"pwn-entry-7pigLPxdQE01hhYDLPNZHh","title":"PD05460 - mobile GB nav spotlight ttp","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/7pigLPxdQE01hhYDLPNZHh/3aa98ed7b790feefe9d5e63b69388b6c/PD05460_-_mobile_GB_nav_spotlight_ttp.png"},"url":"/gb/en/payments/tap-to-pay","linkText":"Tap to Pay on iPhone","description":"Take contactless payments with just your iPhone"},{"id":"pwn-entry-2vU7UV44YrHVr00cNYexAY","title":"Reviews from business owners","image":{"id":"pwn-entry-1hr4Q45l5KLKYTziyYhf7a","title":"PD05445 - nav spotlight rst bundles","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/1hr4Q45l5KLKYTziyYhf7a/f83dedaee6fc90e3744344de7fef3997/PD05445_-_nav_spotlight_rst_bundles.png"},"imageMobile":{"id":"pwn-entry-6UX0siBz2ott4JwqyKm8UD","title":"PD05447 - nav spotlight mobile rst bundles","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/6UX0siBz2ott4JwqyKm8UD/db284637e6b189322b555f96561a38af/PD05447_-_nav_spotlight_mobile_rst_bundles.png"},"url":"/gb/en/reviews","linkText":"Reviews from business owners","description":"See what our sellers across the United Kingdom have to say about Square."}]}},{"id":"pwn-entry-1YXvVjQuiI6p05HA4LUJng","type":"category","title":"Business Types","navItems":[{"id":"pwn-entry-7dd0ioYBRLh8k9FnneyRLH","type":"category","title":"Food \u0026 Beverage","description":"Tools for front of house, back of house and everything in between.","navItems":[{"id":"pwn-entry-6r8ZjLayOA3vRdRTn2GZTj","type":"link","title":"All food \u0026 beverage solutions","url":"/gb/en/point-of-sale/restaurants"},{"id":"pwn-entry-32uBJhKFiXFqW67NPmDm1Y","type":"link","title":"Counter service","url":"/gb/en/point-of-sale/restaurants/counter-service"},{"id":"pwn-entry-1csBBI55oUtKefDFMdwwiu","type":"link","title":"Full service","url":"/gb/en/point-of-sale/restaurants/full-service"},{"id":"pwn-entry-VsgUowRSzeiqorJkfnhz1","type":"link","title":"Takeaway","url":"/gb/en/point-of-sale/restaurants/takeaway-epos"},{"id":"pwn-entry-3771ZiHHZSMiDYYfE1Bc1Y","type":"link","title":"Bars \u0026 pubs","url":"/gb/en/point-of-sale/restaurants/bars"},{"id":"pwn-entry-p3hHolTynzh0A9CMnDrJV","type":"link","title":"Coffee shops","url":"/gb/en/solutions/coffee-shop"},{"id":"pwn-entry-76ApcZtLY32K07g3ZpHqBo","type":"link","title":"Bakeries","url":"/gb/en/solutions/bakery"}]},{"id":"pwn-entry-1pBmSiRmIK2FtWeyg7war4","type":"category","title":"Retail","description":"All the retail tools you need – from open to close, in store and online.","navItems":[{"id":"pwn-entry-7wdkiUEylZynNJ6FPImS7A","type":"link","title":"All retail solutions","url":"/gb/en/point-of-sale/retail"},{"id":"pwn-entry-7EoJBGeJiyq6E6Gf9RbFeV","type":"link","title":"Clothing \u0026 accessories","url":"/gb/en/point-of-sale/retail/clothing-store"},{"id":"pwn-entry-1qIyDT4w2HHpzF86bXlIL3","type":"link","title":"Homeware \u0026 furniture","url":"/gb/en/point-of-sale/retail/furniture-home-goods"},{"id":"pwn-entry-6PTMwnNNJG6nbTpgtU8oKB","type":"link","title":"Beer, wine \u0026 spirits","url":"/gb/en/point-of-sale/retail/beer-wine-spirits"}]},{"id":"pwn-entry-OFnGr2PRu337P6aK5CLZD","type":"category","title":"Beauty","description":"One solution for frictionless booking, payments and client management.","navItems":[{"id":"pwn-entry-4Ern9HHBTKkKXjYzgN6OQm","type":"link","title":"All beauty solutions","url":"/gb/en/appointments"},{"id":"pwn-entry-5x8qNvndrdKGBmlZzmpPgT","type":"link","title":"Beauty salons","url":"/gb/en/solutions/beauty"},{"id":"pwn-entry-4fpD6ws7VXPCdp9EJHrNVl","type":"link","title":"Nail salons","url":"/gb/en/solutions/nail-salon"},{"id":"pwn-entry-419aq1z1P2m4xYBJRpRwn9","type":"link","title":"Hair salons","url":"/gb/en/solutions/hair-salon"},{"id":"pwn-entry-5b2qyFLqoLFmAAMZNH8oZG","type":"link","title":"Day spas","url":"/gb/en/solutions/spa"},{"id":"pwn-entry-M77VQk0loHgcNKCYhO8xW","type":"link","title":"Barbershops","url":"/gb/en/solutions/barbershop"},{"id":"pwn-entry-74eFNusonqAgSrkKQzxfCK","type":"link","title":"Tattoo \u0026 piercing","url":"/gb/en/solutions/tattoo-and-piercing"},{"id":"pwn-entry-iTNDsjUYKukHnmK2246RS","type":"link","title":"Aesthetics clinics","url":"/gb/en/solutions/med-spa"}]},{"id":"pwn-entry-6O1adMpOezXkXHBOY17F1R","type":"category","title":"Services","description":"Solutions for health, repair and other professionals.","navItems":[{"id":"pwn-entry-3A3bdioWOpbIrnTXN7x2qf","type":"link","title":"Professional services","url":"/gb/en/solutions/professional-services"},{"id":"pwn-entry-1RAXJikBd1l43I5rxAudN2","type":"link","title":"Fitness","url":"/gb/en/solutions/health-and-fitness?solution=solutions-health-and-fitness-appointments"},{"id":"pwn-entry-45nMenhvpXeU3X3vSwqsXA","type":"link","title":"Home \u0026 repair","url":"/gb/en/solutions/home-and-repair"},{"id":"pwn-entry-1nNMVsfNpMAgv4T4i5vMFG","type":"link","title":"Cleaning services","url":"/gb/en/solutions/cleaning-services"},{"id":"pwn-entry-530bHIKiOzIVKzaQe0YEEx","type":"link","title":"Nonprofits","url":"/gb/en/solutions/nonprofit"}]},{"id":"pwn-entry-27k3bCnOTnb64E5XoT93sh","type":"category","title":"Large Businesses","navItems":[{"id":"pwn-entry-1e8bkgyDWZkAdSh31MWVUE","type":"link","title":"Overview","url":"/gb/en/large-businesses"},{"id":"pwn-entry-1OOFzWoCpoVvOWUkVQI3z5","type":"link","title":"Festivals \u0026 events","url":"/gb/en/solutions/festivals-and-events"},{"id":"pwn-entry-6Yf1SAx9Uiypm6GJTMFynO","type":"link","title":"Healthcare","url":"/gb/en/solutions/healthcare"},{"id":"pwn-entry-2dQxXIqIZjxEYtKMNGidSV","type":"link","title":"Stadium \u0026 sports events","url":"/gb/en/solutions/stadiums-and-sports"}]}],"spotlight":{"id":"pwn-entry-6dXb9VKs59ZuJWdgZRNjww","title":"Featured","items":[{"id":"pwn-entry-aFrc5VxFe8eEt7NXCFbsB","title":"The Future of Commerce Report: 2024 Edition","image":{"id":"pwn-entry-5DJ0J4H7W5X4BggBwXgpnY","title":"PD05460 - GB nav spotlight future","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/5DJ0J4H7W5X4BggBwXgpnY/4283789a8345dbe97a1026da0b8ba6cd/Dropdown_Nav_Desktop.jpg"},"imageMobile":{"id":"pwn-entry-4V2u5XAjo8PmiLQecQmY8U","title":"PD05460 - mobile GB nav spotlight future","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/4V2u5XAjo8PmiLQecQmY8U/5d4f54f7c322bd35bdca9530e67e07a8/Dropdown_Nav_Mobile.jpg"},"url":"https://squareup.com/gb/en/the-bottom-line/series/foc","linkText":"The Future of Commerce Report: 2025 Edition","description":"Get inspiration, tactics, and tools to future-proof your business."},{"id":"pwn-entry-247P1q5XQSxpj08puXEIuz","title":"How Square Powers Soho Live Music Club","image":{"id":"pwn-entry-4sC9qRzzEGqEPLj7U289e0","title":"PD05460 - GB nav spotlight beer","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/4sC9qRzzEGqEPLj7U289e0/c68de889555b179e25c773db8a073444/PD05460_-_GB_nav_spotlight_beer.png"},"imageMobile":{"id":"pwn-entry-6fydImhIuPjH8hcMDdG0ij","title":"PD05460 - mobile GB nav spotlight beer","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/6fydImhIuPjH8hcMDdG0ij/522462cb6b67713777b70568924b14d2/PD05460_-_mobile_GB_nav_spotlight_beer.png"},"url":"https://squareup.com/gb/en/point-of-sale/learn/soho-live-music-club","linkText":"How Square Powers Soho Live Music Club","description":"The story of how Soho Live Music Club tripled revenue and reimagined jazz for today's generation of music lovers"}]}},{"id":"pwn-entry-2tgEYdrHGIJow8Y6rsmW5D","type":"link","title":"Why Square?","url":"/gb/en/why-square"},{"id":"pwn-entry-5xX6lw6iVkkjkP1OeX1r7X","type":"link","title":"Pricing","url":"/gb/en/pricing"},{"id":"pwn-entry-6bQ73qdCPUMb66mdftynGD","type":"category","title":"Resources","navItems":[{"id":"pwn-entry-6hN3GkfUE6dPWw5xCwljdW","type":"link","title":"Support centre","url":"https://squareup.com/help/gb/en"},{"id":"pwn-entry-34UbT3RFlA0BqEfFVKeTok","type":"link","title":"Contact sales","url":"/gb/en/sales"},{"id":"pwn-entry-2d4uxJiKcZxZpcNjolCaAu","type":"link","title":"Reviews","url":"/gb/en/reviews"},{"id":"pwn-entry-39FUOIXzP7l0vmwgspK0Jf","type":"link","title":"Square Community","url":"https://www.sellercommunity.com/t5/Seller-Community-UK/ct-p/Seller_Community_UK"},{"id":"pwn-entry-56p9bDzJVCzytF37wE4ijK","type":"link","title":"Switch to Square","url":"/gb/en/switch"},{"id":"pwn-entry-17RF8QUnkM7clv15nPdOIv","type":"link","title":"About","url":"/gb/en/about"},{"id":"pwn-entry-3VQwTiPbu58Y0tUWZmYrTX","type":"link","title":"Blog","url":"/gb/en/the-bottom-line"}]}],"secondaryNavItems":[{"id":"pwn-entry-735gGmzBRZBLLrnQxBIs8O","type":"link","title":"Sign In","url":"/login?lang_code=en-gb","hideWhenLoggedIn":true},{"id":"pwn-entry-5bkafq00zPIRjZhx6w5kaT","type":"category","title":"My Account","navItems":[{"id":"pwn-entry-1IOsRQKygmyGI6jqDDOw4k","type":"link","title":"Dashboard","url":"/dashboard/"},{"id":"pwn-entry-7ku2gUtKJdA6uusOiLzBPU","type":"link","title":"Order Status","url":"/shop/hardware/gb/en/my-orders"},{"id":"pwn-entry-4PK7cgx38R5KxW0o8InYCC","type":"link","title":"Support","url":"/help/gb/en"},{"id":"pwn-entry-4QmYDCTVmiT7pNoJ5dpqt2","type":"link","title":"Sign Out","url":"/logout?country_code=gb\u0026lang_code=en\u0026return_to=%2Flogout-redirect"}],"hideWhenLoggedOut":true},{"id":"pwn-entry-4PK7cgx38R5KxW0o8InYCC","type":"link","title":"Support","url":"/help/gb/en"},{"id":"pwn-entry-4FDsfEQF9Ll6m044D2d3sA","type":"link","title":"Shop","url":"/gb/en/hardware"}],"cart":{"id":"pwn-entry-qBa5DkWABZuwiFxSDtBlE","dataUrl":"/shop/hardware/gb/en/api/v1/item_count","url":"/shop/hardware/gb/en/cart","title":"Your basket","statusZero":"No items in your basket","statusOne":"One item in your basket","statusMany":"{count} items in your basket","primaryNavItems":[{"id":"pwn-entry-4RJj0fF7Zi2LfPKmITl5ad","type":"link","title":"Shop hardware","url":"/gb/en/hardware","linkStyle":"primary","hideWhenCartNotEmpty":true},{"id":"pwn-entry-6uviMuwJ7fKg8kqsR9pNw","type":"link","title":"View basket","url":"/shop/hardware/gb/en/cart","linkStyle":"primary","hideWhenCartEmpty":true}],"secondaryNavItems":[{"id":"pwn-entry-77auS5kIXPZ1pdgmR90EeP","type":"link","title":"View basket","url":"/shop/hardware/gb/en/cart","hideWhenCartNotEmpty":true},{"id":"pwn-entry-3zKnXVu9xb0ZhTKe6mf6Ve","type":"link","title":"Shop hardware","url":"/shop/hardware/gb/en","hideWhenCartEmpty":true},{"id":"pwn-entry-5kvWjJkupKM48SYVFF6one","type":"link","title":"Order history","url":"/shop/hardware/gb/en/my-orders"}]},"alignment":"left","enableFlattenedNav":true,"enableAccessibilityRedesign":true,"meta":{"reason":null}}" data-render-nav-v2="false" data-theme-color="#006aff" data-theme-focus-color="#0055cc" data-tracking-parent-id="public-web-nav" id="public-web-nav"></div><main class="main-content" id="main-content" role="main"><div class="auto-layout-collapse"><section class="section-multi-column bg-white auto-layout sq-custom-flex-links sq-custom-rounded-corner-img flex-valign-middle" data-entry-id="71PaVjfKeVKEJ5Cs8s7VtY"><div class="content pad-top-medium 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="TtAM9450UY47cCnH27E62"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h1 id="why-business-owners-choose-square">Why business owners choose Square</h1> <p>Unlike other providers, Square offers a whole ecosystem of tools, solutions and integrations that enables you to take payments with ease and run every aspect of your business from a single platform.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="5OW8Lef2gqrCOPWsThLzCD"><a class="button gap-none" href="/gb/en/sales/contact?page=/gb/en/compare">Contact sales</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="5A1ufx4RNd21SER9UFBI25"><a class="button gap-none button-alt" href="/signup/en-GB">Get started</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="6yhaOQqGngRXAhowe8ID2D"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-3CQnvuXB7hIS2G9Z9GxhCj-ef1f19872ccd2dd4164152ac3ca567d2923e2d0eef33e5777727790de06db6cd"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=493&h=270&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=986&h=540&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=493&h=270&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=986&h=540&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=493&h=270&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=986&h=540&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/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=419&h=229&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=838&h=458&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=419&h=229&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=838&h=458&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=419&h=229&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=838&h=458&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/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=325&h=178&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=650&h=356&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=325&h=178&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=650&h=356&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=325&h=178&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=650&h=356&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/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=424&h=232&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=848&h=464&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=424&h=232&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=848&h=464&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=424&h=232&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=848&h=464&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/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=324&h=177&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=648&h=354&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=324&h=177&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=648&h=354&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=324&h=177&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=648&h=354&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=276&h=151&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=552&h=302&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=276&h=151&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=552&h=302&fm=webp&q=85&fit=scale 2x" /><img alt="" srcset="//images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=276&h=151&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3CQnvuXB7hIS2G9Z9GxhCj/648551d1e39bbd7d92438b302bf14473/PD06055_-_Compare_Hero_Img_UKEN.png?w=552&h=302&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-no-max-width flex-valign-middle" data-entry-id="3V2csl6CiDeTJxnNcRLvek"><div class="content pad-top-large pad-bottom-large"><div class="intro font-size-base align-left gap-left-none"><h2 class="balance-text h2" data-title-for="3V2csl6CiDeTJxnNcRLvek">Powering millions of businesses worldwide</h2></div><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="veYppT2jOSaN2CP3uXyk7"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-59Ad7Ol6jRgzZjO1dNdF1f-e2e711339e88aca2b7c90340447016be2e340ab0a6ee725987a28b007072960a"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/6zOHJr1Fq2zHKHsxdanbQm/e16e2d7de7430dcf72381f22ac3762b7/PD06056_-_Compare_Logos_-_XL_UK.png?w=1016&h=181&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6zOHJr1Fq2zHKHsxdanbQm/e16e2d7de7430dcf72381f22ac3762b7/PD06056_-_Compare_Logos_-_XL_UK.png?w=2032&h=362&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6zOHJr1Fq2zHKHsxdanbQm/e16e2d7de7430dcf72381f22ac3762b7/PD06056_-_Compare_Logos_-_XL_UK.png?w=1016&h=181&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6zOHJr1Fq2zHKHsxdanbQm/e16e2d7de7430dcf72381f22ac3762b7/PD06056_-_Compare_Logos_-_XL_UK.png?w=2032&h=362&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/6zOHJr1Fq2zHKHsxdanbQm/e16e2d7de7430dcf72381f22ac3762b7/PD06056_-_Compare_Logos_-_XL_UK.png?w=1016&h=181&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6zOHJr1Fq2zHKHsxdanbQm/e16e2d7de7430dcf72381f22ac3762b7/PD06056_-_Compare_Logos_-_XL_UK.png?w=2032&h=362&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/6zOHJr1Fq2zHKHsxdanbQm/e16e2d7de7430dcf72381f22ac3762b7/PD06056_-_Compare_Logos_-_XL_UK.png?w=868&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6zOHJr1Fq2zHKHsxdanbQm/e16e2d7de7430dcf72381f22ac3762b7/PD06056_-_Compare_Logos_-_XL_UK.png?w=1736&h=310&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/6zOHJr1Fq2zHKHsxdanbQm/e16e2d7de7430dcf72381f22ac3762b7/PD06056_-_Compare_Logos_-_XL_UK.png?w=868&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6zOHJr1Fq2zHKHsxdanbQm/e16e2d7de7430dcf72381f22ac3762b7/PD06056_-_Compare_Logos_-_XL_UK.png?w=1736&h=310&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/6zOHJr1Fq2zHKHsxdanbQm/e16e2d7de7430dcf72381f22ac3762b7/PD06056_-_Compare_Logos_-_XL_UK.png?w=868&h=155&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6zOHJr1Fq2zHKHsxdanbQm/e16e2d7de7430dcf72381f22ac3762b7/PD06056_-_Compare_Logos_-_XL_UK.png?w=1736&h=310&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/2sYeSLAJQJ1nW4WFqdoqSS/4896898c98df2861cbbbf42b72a25b15/PD06056_-_Compare_Logos_-_Med_UK.png?w=680&h=213&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2sYeSLAJQJ1nW4WFqdoqSS/4896898c98df2861cbbbf42b72a25b15/PD06056_-_Compare_Logos_-_Med_UK.png?w=1360&h=426&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/2sYeSLAJQJ1nW4WFqdoqSS/4896898c98df2861cbbbf42b72a25b15/PD06056_-_Compare_Logos_-_Med_UK.png?w=680&h=213&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2sYeSLAJQJ1nW4WFqdoqSS/4896898c98df2861cbbbf42b72a25b15/PD06056_-_Compare_Logos_-_Med_UK.png?w=1360&h=426&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/2sYeSLAJQJ1nW4WFqdoqSS/4896898c98df2861cbbbf42b72a25b15/PD06056_-_Compare_Logos_-_Med_UK.png?w=680&h=213&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2sYeSLAJQJ1nW4WFqdoqSS/4896898c98df2861cbbbf42b72a25b15/PD06056_-_Compare_Logos_-_Med_UK.png?w=1360&h=426&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/2sYeSLAJQJ1nW4WFqdoqSS/4896898c98df2861cbbbf42b72a25b15/PD06056_-_Compare_Logos_-_Med_UK.png?w=424&h=133&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2sYeSLAJQJ1nW4WFqdoqSS/4896898c98df2861cbbbf42b72a25b15/PD06056_-_Compare_Logos_-_Med_UK.png?w=848&h=266&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/2sYeSLAJQJ1nW4WFqdoqSS/4896898c98df2861cbbbf42b72a25b15/PD06056_-_Compare_Logos_-_Med_UK.png?w=424&h=133&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2sYeSLAJQJ1nW4WFqdoqSS/4896898c98df2861cbbbf42b72a25b15/PD06056_-_Compare_Logos_-_Med_UK.png?w=848&h=266&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/2sYeSLAJQJ1nW4WFqdoqSS/4896898c98df2861cbbbf42b72a25b15/PD06056_-_Compare_Logos_-_Med_UK.png?w=424&h=133&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2sYeSLAJQJ1nW4WFqdoqSS/4896898c98df2861cbbbf42b72a25b15/PD06056_-_Compare_Logos_-_Med_UK.png?w=848&h=266&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/3gUHTkkWSTDpWvTrZUkjqH/e46574cf435047b461977fba5d136363/PD06056_-_Compare_Logos_-_Base_UK.png?w=324&h=206&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3gUHTkkWSTDpWvTrZUkjqH/e46574cf435047b461977fba5d136363/PD06056_-_Compare_Logos_-_Base_UK.png?w=648&h=412&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/3gUHTkkWSTDpWvTrZUkjqH/e46574cf435047b461977fba5d136363/PD06056_-_Compare_Logos_-_Base_UK.png?w=324&h=206&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3gUHTkkWSTDpWvTrZUkjqH/e46574cf435047b461977fba5d136363/PD06056_-_Compare_Logos_-_Base_UK.png?w=648&h=412&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" srcset="//images.ctfassets.net/2d5q1td6cyxq/3gUHTkkWSTDpWvTrZUkjqH/e46574cf435047b461977fba5d136363/PD06056_-_Compare_Logos_-_Base_UK.png?w=324&h=206&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3gUHTkkWSTDpWvTrZUkjqH/e46574cf435047b461977fba5d136363/PD06056_-_Compare_Logos_-_Base_UK.png?w=648&h=412&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" srcset="//images.ctfassets.net/2d5q1td6cyxq/3gUHTkkWSTDpWvTrZUkjqH/e46574cf435047b461977fba5d136363/PD06056_-_Compare_Logos_-_Base_UK.png?w=276&h=175&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3gUHTkkWSTDpWvTrZUkjqH/e46574cf435047b461977fba5d136363/PD06056_-_Compare_Logos_-_Base_UK.png?w=552&h=350&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" srcset="//images.ctfassets.net/2d5q1td6cyxq/3gUHTkkWSTDpWvTrZUkjqH/e46574cf435047b461977fba5d136363/PD06056_-_Compare_Logos_-_Base_UK.png?w=276&h=175&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3gUHTkkWSTDpWvTrZUkjqH/e46574cf435047b461977fba5d136363/PD06056_-_Compare_Logos_-_Base_UK.png?w=552&h=350&fm=webp&q=85&fit=scale 2x" /><img alt="" srcset="//images.ctfassets.net/2d5q1td6cyxq/3gUHTkkWSTDpWvTrZUkjqH/e46574cf435047b461977fba5d136363/PD06056_-_Compare_Logos_-_Base_UK.png?w=276&h=175&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3gUHTkkWSTDpWvTrZUkjqH/e46574cf435047b461977fba5d136363/PD06056_-_Compare_Logos_-_Base_UK.png?w=552&h=350&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-rounded-corner-tiles-compare sq-custom-no-max-width sq-custom-blue-gradient-background flex-valign-middle" data-entry-id="2SdpAuPuibUVaLX3oYM8Hd"><div class="content pad-top-xl"><div class="intro font-size-base align-left gap-left-none"><h2 class="balance-text h2" data-title-for="2SdpAuPuibUVaLX3oYM8Hd">Explore what gives Square a competitive edge.</h2></div><div class="grid-2-at-medium grid-4-at-large multi-column-grid align-center grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><a class="tile" data-entry-id="56m2oH8B5fuFSotdcDfgr7" href="/gb/en/compare/square-vs-sumup"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="link arrow font-size-base">Square vs SumUp</div></div></div></div></a></div><div class="column"><a class="tile" data-entry-id="3Np3oKTHsywix6tIbw5Dhd" href="/gb/en/compare/square-vs-zettle"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="link arrow font-size-base">Square vs Zettle</div></div></div></div></a></div><div class="column"><a class="tile" data-entry-id="3IvZHqEjtoPLL7QVtkc9MP" href="/gb/en/compare/square-vs-dojo"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="link arrow font-size-base">Square vs Dojo</div></div></div></div></a></div><div class="column"><a class="tile" data-entry-id="2NlCYkVmQKydI7cCVc5Uki" href="/gb/en/compare/square-vs-shopify"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="link arrow font-size-base">Square vs Shopify</div></div></div></div></a></div><div class="column"><a class="tile" data-entry-id="6zV6kIvdjagsGE5jfXFxub" href="/gb/en/compare/square-vs-stripe"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="link arrow font-size-base">Square vs Stripe</div></div></div></div></a></div><div class="column"><a class="tile" data-entry-id="6vdKnGLFUyLaIEis9aw7NG" href="/gb/en/compare/square-vs-epos-now"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="link arrow font-size-base">Square vs EPOS Now</div></div></div></div></a></div><div class="column"><a class="tile" data-entry-id="2MdHCVzIfVXrrPEVA459GZ" href="/gb/en/compare/square-vs-lightspeed"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="link arrow font-size-base">Square vs Lightspeed</div></div></div></div></a></div><div class="column"><a class="tile" data-entry-id="E0DA8AT9jnVf70ZezXH5k" href="/gb/en/compare/square-vs-toast"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="link arrow font-size-base">Square vs Toast</div></div></div></div></a></div><div class="column"><a class="tile" data-entry-id="WcBJaxNNUtAFP8kayOGCZ" href="/gb/en/compare/square-vs-paypal"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="link arrow font-size-base">Square vs PayPal</div></div></div></div></a></div><div class="column"><a class="tile" data-entry-id="7DoQYSqJ2GgdmKMKnMstNY" href="/gb/en/compare/square-vs-adyen"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="link arrow font-size-base">Square vs Adyen</div></div></div></div></a></div><div class="column"><a class="tile" data-entry-id="4f2E5fvayMIvDc2pdJf093" href="/gb/en/compare/square-vs-worldpay"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="link arrow font-size-base">Square vs World Pay</div></div></div></div></a></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-img-border-radius flex-valign-middle" data-entry-id="4VXBedUbKiKlcrzwiq5gSD"><div class="content"><div class="intro font-size-base align-left gap-left-none"><h2 class="balance-text h2" data-title-for="4VXBedUbKiKlcrzwiq5gSD">Why customers love Square</h2><p>We understand that every business is unique. Whether you’re looking for a payment solution, inventory management or employee software, you only pay for what you need.</p></div><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="4Htrx8OPWF79N9GXcKKCzo"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-9GyPCtUyLqpSKzC6hQxCF-21fe775dec3215d8c646d6e06b038724aa0adee59bf355ea329f950b7b4082e2"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=319&h=214&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=638&h=428&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=319&h=214&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=638&h=428&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=319&h=214&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=638&h=428&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/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=270&h=181&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=540&h=362&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=270&h=181&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=540&h=362&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=270&h=181&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=540&h=362&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/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=207&h=139&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=414&h=278&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=207&h=139&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=414&h=278&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=207&h=139&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=414&h=278&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/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=424&h=285&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=848&h=570&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=424&h=285&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=848&h=570&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=424&h=285&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=848&h=570&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/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=324&h=217&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=648&h=434&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=324&h=217&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=648&h=434&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=324&h=217&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=648&h=434&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=276&h=185&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=552&h=370&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=276&h=185&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=552&h=370&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=276&h=185&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/9GyPCtUyLqpSKzC6hQxCF/d6a630387fbcf97258f33ebba9201cf0/PD06057_-_Square_POS_-_UKEN.png?w=552&h=370&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-small"><h3 class="balance-text h4" data-title-for="4Htrx8OPWF79N9GXcKKCzo">All-in-one POS system</h3><p>Whether you run operations exclusively online, in-store or both, our intuitive POS system allows you to manage every aspect of your business in one place. From inventory tracking to built-in customer reporting tools, you have everything at your disposal to oversee business performance and make informed decisions.</p> <p><a href="/gb/en/point-of-sale" class="font-size-large">Explore POS solutions -></a></p></div></div></div></div></div><div class="column"><div data-entry-id="4yjCpEaVP8Ac3A04F75KrE"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-4NZyTQWJ6HcATmuoo0etMn-ac5fe1cf1fc21d6cd00158edddf3c2fca0310c2cc2216eebadb3ac109f0094b0"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=319&h=214&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=638&h=428&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=319&h=214&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=638&h=428&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=319&h=214&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=638&h=428&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/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=270&h=181&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=540&h=362&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=270&h=181&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=540&h=362&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=270&h=181&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=540&h=362&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/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=207&h=139&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=414&h=278&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=207&h=139&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=414&h=278&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=207&h=139&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=414&h=278&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/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=424&h=285&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=848&h=570&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=424&h=285&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=848&h=570&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=424&h=285&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=848&h=570&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/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=324&h=218&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=648&h=436&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=324&h=218&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=648&h=436&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=324&h=218&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=648&h=436&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=276&h=185&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=552&h=370&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=276&h=185&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=552&h=370&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=276&h=185&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4NZyTQWJ6HcATmuoo0etMn/a51b39899f8a7ab83a24ff659af1a21d/PD06057_-_Easy_payments_-_UKEN.png?w=552&h=370&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-small"><h3 class="balance-text h4" data-title-for="4yjCpEaVP8Ac3A04F75KrE">Making payments easy</h3><p>Accept payments the way you and your customers prefer. Whether it’s by card or digital wallet, at the counter or on the go, in person or online, our range of terminals and hardware can do it all. Square offers a suite of tools that lets you sell anywhere and everywhere.</p> <p><a href="/gb/en/payments" class="font-size-large">Explore ways to get paid -></a></p></div></div></div></div></div><div class="column"><div data-entry-id="3NA2HUNSxXVko7M7S1cjNG"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-37GEuo7ZObbYcd1jEn5eJi-0cf3afdbaa55842850255c4cc7276c8b0146ab6482495fec3517358221caf782"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=319&h=214&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=638&h=428&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=319&h=214&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=638&h=428&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=319&h=214&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=638&h=428&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/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=270&h=181&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=540&h=362&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=270&h=181&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=540&h=362&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=270&h=181&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=540&h=362&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/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=207&h=139&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=414&h=278&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=207&h=139&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=414&h=278&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=207&h=139&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=414&h=278&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/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=424&h=285&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=848&h=570&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=424&h=285&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=848&h=570&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=424&h=285&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=848&h=570&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/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=324&h=218&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=648&h=436&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=324&h=218&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=648&h=436&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=324&h=218&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=648&h=436&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=276&h=185&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=552&h=370&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=276&h=185&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=552&h=370&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=276&h=185&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/37GEuo7ZObbYcd1jEn5eJi/0267182a35f11362a5b74995950bcf0b/PD06057_-_Hardware_-_UKEN.png?w=552&h=370&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-small"><h3 class="balance-text h4" data-title-for="3NA2HUNSxXVko7M7S1cjNG">Hardware that works harder </h3><p>Our terminals, stands and tablets are all designed to make taking payments a breeze for both you and your customers. Choose from a range of sleek, ergonomic and intuitive POS hardware and start taking payments with ease and style.</p> <p><a href="/gb/en/hardware" class="font-size-large">Explore hardware options -></a></p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-accent auto-layout sq-custom-pricing-features-alt flex-valign-middle" data-entry-id="3vn8VMhLFypN8ekZiDGZ5t"><div class="content pad-top-medium"><div class="grid-2-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="1E6fZWAVlUycbo0D7koyLN"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h2 class="h1 balance-text" id="pricing-thats-fair-and-square">Pricing that’s fair and Square.</h2> <p class="font-size-large gap-top-base gap-top-small-at-medium"><a href="/gb/en/pricing" class="black-underline color-text">Explore pricing</a> -></p> <p><strong>Earn over £200K in revenue?</strong> <a href="/gb/en/sales/contact?page=/gb/en/compare" class="arrow display-block display-inline-at-medium">Connect with our team</a></p></div></div></div></div></div><div class="column"><div data-entry-id="6FG1zoEgJlCRTySPTAdtAm"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><p class="sq-custom-float-icon pull-left"><img src="//images.ctfassets.net/2d5q1td6cyxq/4wTlF99nUmXHFT7FBkBFiT/a9f680b9a0fbc915a5e391e59d59e094/hp-free-trial.svg" alt="icon-hp-free-trial"></p> <h4 class="gap-bottom-base balance-text" id="get-started-for-free">Get started for free.</h4> <p class="gap-bottom-medium clear-both">Start any of our paid software products free for 30 days.</p> <p class="sq-custom-float-icon pull-left"><img src="//images.ctfassets.net/2d5q1td6cyxq/7cebBzKLZXyNBX5UCvKWK2/436e5400de399ab5b757beebcb2d4c95/hp-flat-rate.svg" alt="icon-hp-flat-rate"></p> <h4 class="gap-bottom-base balance-text" id="pay-the-same-rate-per-payment-type-for-every-major-card">Pay the same rate per payment type for every major card.</h4> <p class="gap-bottom-medium clear-both">Clear transaction rates for all types of payments – in person, online or card on file.</p> <p class="sq-custom-float-icon pull-left"><img src="//images.ctfassets.net/2d5q1td6cyxq/DiM8NcIWuQod2lLezqhWk/2aa8350cba622537c77ee081b589c646/hp-no-fees.svg" alt="hp-no-fees"></p> <h4 class="gap-bottom-base balance-text" id="no-hidden-fees-or-long-term-contracts">No hidden fees or long-term contracts.</h4> <p class="clear-both">Skip the startup fees, authorisation fees, statement fees, PCI-compliance fees and more.</p></div></div></div></div></div></div></div></section><section class="section-one-column bg-white auto-layout flex-valign-middle" data-entry-id="2g3BK9eGZdpZWiRgW7vokI"><div class="content pad-top-large pad-bottom-small"><div class="intro intro font-size-base align-left gap-left-none"><h2 class="balance-text h2" data-title-for="2g3BK9eGZdpZWiRgW7vokI">What our customers have to say</h2><p>From a buzzing jazz club to a fast growing vegan business, find out why so many business owners love Square.</p></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-img-border-radius sq-custom-two-column-carousel flex-valign-middle overflow-hidden" data-entry-id="GKxddYmzeMIaTvLHrHDa9"><div class="content pad-top-none pad-bottom-large"><div class="carousel" data-buttons="true" data-infinite-scroll="true" data-opacity-focus="true"><div class="grid 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"><div data-entry-id="2nUENlrZ3RmZpXk84DenDK"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-XABhzh2AEpRa3Q3con04v-1fab58a62ab1b6c925a487185fd6be4d7fd9a8d11cf56f853ad0c92a2bb3458f"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=1016&h=812&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=2032&h=1624&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=1016&h=812&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=2032&h=1624&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=1016&h=812&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=2032&h=1624&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/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=868&h=694&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=1736&h=1388&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=868&h=694&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=1736&h=1388&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=868&h=694&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=1736&h=1388&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/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=680&h=543&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=1360&h=1086&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=680&h=543&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=1360&h=1086&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=680&h=543&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=1360&h=1086&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/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=424&h=339&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=848&h=678&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=424&h=339&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=848&h=678&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=424&h=339&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=848&h=678&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/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=324&h=259&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=648&h=518&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=324&h=259&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=648&h=518&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=324&h=259&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=648&h=518&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=276&h=221&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=552&h=442&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=276&h=221&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=552&h=442&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=276&h=221&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/XABhzh2AEpRa3Q3con04v/aa764883e4637742dcf325307c908def/PD06060_-_UKEN_soho_music_club.png?w=552&h=442&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div><a class="video-player-link display-block position-absolute pin-middle-center align-center" href="https://www.youtube.com/watch?v=LOiCt0Ap1Qs" title="Play Video"><div class="icon-play icon-play-large"></div></a></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="gap-bottom-base gap-top-none" id="square-has-helped-us-grow-from-one-to-multiple-locations-its-important-to-have-a-system-that-doesnt-let-us-down">‘Square has helped us grow from one to multiple locations. It’s important to have a system that doesn’t let us down.’</h3> <p><strong>George Hudson, Soho Live Music Club, London</strong></p> <p class="color-gray balance-text gap-bottom-base">Square is the exclusive point-of-sale, payments, software and merchant services provider for Soho Music Club in London.</p> <p><a href="https://www.youtube.com/watch?v=LOiCt0Ap1Qs" class="video-player-link font-size-large">Play video <img src="//images.ctfassets.net/2d5q1td6cyxq/5S2PBCk3olgqRA7oDjvdyX/fbfe36601b287a5175170dd32140ac4a/play_button.svg" alt="play button"></a></p> <p class="two-column"><span><span class="h3 display-block gap-bottom-none">3+</span><span class="color-gray display-block">venues including a jazz bar and cocktail lounge</span></span><span><span class="h3 display-block gap-bottom-none">6,000+</span><span class="color-gray display-block">customers served every week</span></span></p></div></div></div></div></div><div class="column carousel-slide"><div data-entry-id="7k3zRSDgidAwCmlmZP5oLR"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-5gCOhFzMsl24GG2Zuff6VY-902c30cfb2bbb8d47e430f6caeca861e9b4a39c15691e0c53a827bd17da7ce6e"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=1016&h=812&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=2032&h=1624&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=1016&h=812&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=2032&h=1624&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=1016&h=812&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=2032&h=1624&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/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=868&h=694&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=1736&h=1388&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=868&h=694&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=1736&h=1388&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=868&h=694&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=1736&h=1388&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/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=680&h=543&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=1360&h=1086&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=680&h=543&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=1360&h=1086&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=680&h=543&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=1360&h=1086&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/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=424&h=339&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=848&h=678&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=424&h=339&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=848&h=678&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=424&h=339&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=848&h=678&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/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=324&h=259&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=648&h=518&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=324&h=259&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=648&h=518&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=324&h=259&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=648&h=518&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=276&h=221&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=552&h=442&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=276&h=221&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=552&h=442&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=276&h=221&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5gCOhFzMsl24GG2Zuff6VY/24d540d6f9195e309027726d4d663573/PD06060_-_UKEN_barber_barber_testimonial.png?w=552&h=442&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="gap-bottom-base gap-top-none" id="its-just-easy-and-simple-everything-is-all-in-one-tool-i-can-check-reports-manage-bookings-manage-inventory-i-can-do-everything-its-very-flexible-and-thats-what-we-like-about-it">‘It’s just easy and simple. Everything is all in one tool. I can check reports, manage bookings, manage inventory… I can do everything! It’s very flexible and that’s what we like about it.’</h3> <p><strong>Johnny Baba, Barber Barber</strong></p> <p class="color-gray balance-text gap-bottom-base">Square Appointments has helped men’s grooming brand Barber Barber go from strength to strength, expanding to five locations and almost doubling bookings.</p> <p class="font-size-large"><a href="https://squareup.com/gb/en/townsquare/barber-barber-seller-story">Read more -></a></p> <p><span class="display-flex-at-large pad-top-small"><span style="flex-grow:1;"><span class="h3 display-block gap-bottom-none">100% sales increase</span><span class="color-gray display-block">since using Square Appointments</span></span></span></p></div></div></div></div></div><div class="column carousel-slide"><div data-entry-id="2OwFc8gsMvLRjEq8yFbCLV"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-6ibtJO8NlxLCA31lpSDSKu-9d500ab928ba4e60d292c331dcf2706cf949488ba33d8e3a57e211db5d1df2c7"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=1016&h=812&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=2032&h=1624&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=1016&h=812&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=2032&h=1624&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=1016&h=812&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=2032&h=1624&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/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=868&h=694&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=1736&h=1388&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=868&h=694&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=1736&h=1388&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=868&h=694&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=1736&h=1388&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/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=680&h=543&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=1360&h=1086&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=680&h=543&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=1360&h=1086&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=680&h=543&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=1360&h=1086&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/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=424&h=339&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=848&h=678&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=424&h=339&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=848&h=678&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=424&h=339&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=848&h=678&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/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=324&h=259&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=648&h=518&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=324&h=259&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=648&h=518&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=324&h=259&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=648&h=518&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=276&h=221&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=552&h=442&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=276&h=221&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=552&h=442&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=276&h=221&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6ibtJO8NlxLCA31lpSDSKu/2ed081ad23b2b9db57fd1782dad46ef6/PD06060_-_UKEN_vegan_shack_testimonial.png?w=552&h=442&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="gap-bottom-base gap-top-none" id="managing-different-software-and-integrations-through-one-system-makes-square-so-easy-to-use-instead-of-5-different-solutions-you-only-need-one">‘Managing different software and integrations through one system makes Square so easy to use. Instead of 5 different solutions, you only need one’.</h3> <p><strong>Dimeji Sadiq, Vegan Shack, London & Manchester</strong></p> <p class="color-gray balance-text gap-bottom-base">Integrating eCommerce with their POS helped this quick-service restaurant grow its bottom line.</p> <p class="font-size-large"><a href="https://squareup.com/gb/en/townsquare/vegan-shack-seller-story">Read more -></a></p> <p><span class="display-flex-at-large pad-top-small"><span style="flex-grow:1;"><span class="h3 display-block gap-bottom-none">130% business growth</span><span class="color-gray display-block">since using Square for Restaurants</span></span></span></p></div></div></div></div></div></div></div></div></section><section class="section-one-column bg-white auto-layout sq-custom-flex-links sq-custom-no-max-width flex-valign-middle" data-entry-id="4y3oSNQgMJeTRhkH0e3Ri1"><div class="content"><div class="intro intro font-size-base align-left gap-left-none"><h2 class="balance-text h2" data-title-for="4y3oSNQgMJeTRhkH0e3Ri1">Start selling with Square.</h2><p>Sign up for free and join the millions of businesses across the globe streamlining their operations with Square.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="37cgvj9iGTnKSbDPk8V8Ru"><a class="button gap-none" href="/gb/en/sales/contact?page=/gb/en/compare">Contact sales</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="gEUxkzjApzxNxTfiyak09"><a class="button gap-none button-alt" href="/signup/en-GB">Get started</a></div></div></div></div></div></section><section class="section-accordion bg-invert auto-layout" data-entry-id="16C4QQfevMwuAeJ7FfKS8W"><div class="content"><div class="intro font-size-base align-left gap-left-none"><h2 class="balance-text h2" data-title-for="16C4QQfevMwuAeJ7FfKS8W">FAQs</h2></div><ul class="reset content-width-medium border-bottom"><li class="border-top pad-vert-small" data-entry-id="WHFr1uNxgHUDvvbk7IFPb"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-WHFr1uNxgHUDvvbk7IFPb" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">Does Square cater to multi-location businesses? </div><div class="column"><div class="accordion-plus-minus"></div></div></div></a></h3><div class="collapse gap-none content-max-width" data-transition-state="on" data-transition-types="collapse fade" id="accordion-WHFr1uNxgHUDvvbk7IFPb"><p>Yes, Square has tools for businesses of all sizes. For businesses with two or more locations, Square offers free <a href="https://squareup.com/help/gb/en/article/5580-manage-multiple-locations-with-square" class="color-blue">multi-location management features</a>, including linked locations and premium multi-location reports.</p></div></li><li class="border-top pad-vert-small" data-entry-id="51iAcWfC2LZ8ezyYsSs6b8"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-51iAcWfC2LZ8ezyYsSs6b8" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">Are Square devices portable?</div><div class="column"><div class="accordion-plus-minus"></div></div></div></a></h3><div class="collapse gap-none content-max-width" data-transition-state="on" data-transition-types="collapse fade" id="accordion-51iAcWfC2LZ8ezyYsSs6b8"><p><a href="/gb/en/hardware/terminal" class="color-blue">Square Terminal</a> is designed to be intuitive and flexible. Our readers can easily be held in hand and used to take contactless and chip + PIN payments from anywhere with ease, making them ideal for <a href="/gb/en/solutions/festivals-and-events" class="color-blue">events of all sizes</a> and <a href="/gb/en/point-of-sale/restaurants" class="color-blue">restaurants</a> for table-side payments.</p></div></li><li class="border-top pad-vert-small" data-entry-id="78kPl5HCDVosCnD6Cq0A3z"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-78kPl5HCDVosCnD6Cq0A3z" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">Can I get help choosing the right Square software and products for my business?</div><div class="column"><div class="accordion-plus-minus"></div></div></div></a></h3><div class="collapse gap-none content-max-width" data-transition-state="on" data-transition-types="collapse fade" id="accordion-78kPl5HCDVosCnD6Cq0A3z"><p>Every business has a unique set of needs, and some business owners may need advice when choosing the right tools for their company size and operations. To get assistance on which products suit your business, <a href="https://squareup.com/us/en/sales/contact?page=/us/en/compare" class="color-blue">contact our sales team</a>. We’re happy to answer your questions and guide you in the right direction.</p></div></li></ul></div></section><section class="section-multi-column bg-invert auto-layout sq-custom-img-border-radius flex-valign-middle" data-entry-id="6SJXbcGtFK3oFivL7Rvin4"><div class="content pad-bottom-small"><div class="intro font-size-large align-left gap-left-none"><h2 class="balance-text h2" data-title-for="6SJXbcGtFK3oFivL7Rvin4">Resources to keep you up-to-date and on top. </h2></div><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column two-thirds-at-medium"><div data-entry-id="6Yz3qDeY6WKIiJbEm4SQM6"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p>It’s your business. We just want to help you keep doing it.</p></div></div></div></div></div><div class="column"><div data-entry-id="237tZydpHVUevcZWplXXGe"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="7rWql3Y4MCAgt2TNnxm0ow"><a class="arrow" href="/gb/en/townsquare">Visit our business blog</a></div></div></div></div></div></div></div></div></div></div></section><section class="section-multi-column bg-invert auto-layout sq-custom-img-border-radius sq-custom-section-resources flex-valign-middle" data-entry-id="6H7l4MVniN1cQCWDLkESHN"><div class="content"><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="33FyNPpjfSeNrlt8TxaTOU"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-6BdvCqPMfeoFvjGJCLaeLP-c9ddb16f0a8e434ea173bb7eac5a23e723749354a8741a3edf92ec464d7b9eac"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=319&h=195&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=638&h=390&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=319&h=195&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=638&h=390&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=319&h=195&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=638&h=390&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=270&h=165&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=540&h=330&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=270&h=165&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=540&h=330&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=270&h=165&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=540&h=330&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=207&h=126&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=414&h=252&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=207&h=126&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=414&h=252&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=207&h=126&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=414&h=252&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=424&h=259&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=848&h=518&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=424&h=259&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=848&h=518&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=424&h=259&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=848&h=518&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=324&h=198&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=648&h=396&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=324&h=198&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=648&h=396&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=324&h=198&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=648&h=396&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=276&h=168&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=552&h=336&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=276&h=168&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=552&h=336&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=276&h=168&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6BdvCqPMfeoFvjGJCLaeLP/07fb852616df8ce56522c35260319077/PD03386_-_how_square_works.png?w=552&h=336&fm=jpg&q=85&bg=rgb%3A030303&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 h4" data-title-for="33FyNPpjfSeNrlt8TxaTOU">How Square works</h3><p>Square connects all sides of your business with easy-to-use tools designed to give you time to focus on what you do best.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="6P4RxnvtZY26kKiNjdZeTN"><a class="arrow" href="/gb/en/how-square-works">Find out more about how Square works</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="4vXA2U2CeSOFIywY4PYAeU"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-1lrnjNIsmt7H9MLbG3b5OP-422ca47e9ebee7ded5eadf7ddf58f1a511b80d59c172f4debeae4fc332cb5dca"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=319&h=195&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=638&h=390&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=319&h=195&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=638&h=390&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=319&h=195&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=638&h=390&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=270&h=165&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=540&h=330&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=270&h=165&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=540&h=330&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=270&h=165&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=540&h=330&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=207&h=126&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=414&h=252&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=207&h=126&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=414&h=252&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=207&h=126&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=414&h=252&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=424&h=259&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=848&h=518&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=424&h=259&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=848&h=518&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=424&h=259&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=848&h=518&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=324&h=198&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=648&h=396&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=324&h=198&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=648&h=396&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=324&h=198&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=648&h=396&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=276&h=168&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=552&h=336&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=276&h=168&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=552&h=336&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=276&h=168&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1lrnjNIsmt7H9MLbG3b5OP/e3aa5c160d39fbefe3ae4d4155478f42/PD03386_-_UK_solutions.png?w=552&h=336&fm=jpg&q=85&bg=rgb%3A030303&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 h4" data-title-for="4vXA2U2CeSOFIywY4PYAeU">Business types</h3><p>Square business software offers solutions that are essential for all business types, no matter what shape or size.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="57riW0FhQnihGxs5GHyih4"><a class="arrow" href="/gb/en/solutions">Choose solutions for your business type</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="5tkE5rVmsf2qTE5yv0HzMv"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-6X3MZbm9JWJUFL8hOxkwCX-b9351ee48499ac9c2692bc7e696435404146fed0b40cfe77ad54cbd8dcbc178f"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=319&h=195&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=638&h=390&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=319&h=195&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=638&h=390&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=319&h=195&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=638&h=390&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=270&h=165&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=540&h=330&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=270&h=165&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=540&h=330&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=270&h=165&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=540&h=330&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=207&h=126&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=414&h=252&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=207&h=126&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=414&h=252&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=207&h=126&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=414&h=252&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=424&h=259&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=848&h=518&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=424&h=259&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=848&h=518&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=424&h=259&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=848&h=518&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=324&h=198&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=648&h=396&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=324&h=198&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=648&h=396&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=324&h=198&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=648&h=396&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=276&h=168&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=552&h=336&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=276&h=168&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=552&h=336&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=276&h=168&fm=jpg&q=85&bg=rgb%3A030303&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6X3MZbm9JWJUFL8hOxkwCX/3547bb4744175507c84302f23d336652/PD03386_-_UK_glossary.png?w=552&h=336&fm=jpg&q=85&bg=rgb%3A030303&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 h4" data-title-for="5tkE5rVmsf2qTE5yv0HzMv">Business glossary</h3><p>Learn everything you need to know about starting, running and growing your business with our Square Business Glossary.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="2pa6y1hBf5eKtkKu5l8CkT"><a class="arrow" href="/gb/en/glossary">Check out our Square Business glossary</a></div></div></div></div></div></div></div></div></div></div></section><section class="hero section-hero bg-invert section-hidden hidden sq-custom-flex-links" data-entry-id="6pZ7mrVqapjXOAQZcl6ZJ8"><div class="content"><div class="content-wrapper align-left gap-left-none"><h1 class="balance-text" data-title-for="6pZ7mrVqapjXOAQZcl6ZJ8">Compare Square</h1><p class="font-size-large balance-text">See how Square stacks up against other business software. </p><div class="grid grid-space-line font-size-small"><div class="column"><div class="display-inline-block" data-entry-id="2UmDPdZGWiLipSxlq3eRN1"><a class="button gap-none" href="/signup/en-GB">Get started free</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="3FfB2s1c50ciq5L0GgTmIj"><a class="button gap-none button-alt" href="/gb/en/sales/contact?page=/gb/en/compare">Connect with us</a></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout section-hidden hidden sq-custom-img-border-radius flex-valign-middle" data-entry-id="5tgTzQ0EAQQWydSXgvX6Gk"><div class="content"><div class="intro font-size-base align-left gap-left-none"><h2 class="balance-text h2" data-title-for="5tgTzQ0EAQQWydSXgvX6Gk">What sets Square apart.</h2></div><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="7BUJnPyvdt1omdLONVeYxE"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-2NSmdHhmQh0IBE5cImx24i-a1714043aa96719efd9f89b06b5f8933cb163d6364e0388bf8a16a327022bba0"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=493&h=295&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=986&h=590&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=493&h=295&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=986&h=590&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=493&h=295&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=986&h=590&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/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=419&h=251&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=838&h=502&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=419&h=251&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=838&h=502&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=419&h=251&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=838&h=502&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/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=325&h=194&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=650&h=388&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=325&h=194&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=650&h=388&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=325&h=194&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=650&h=388&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/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=424&h=254&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.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/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=424&h=254&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.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/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=424&h=254&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=848&h=508&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/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=324&h=194&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.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/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=324&h=194&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.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/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=324&h=194&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=648&h=388&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=276&h=165&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=552&h=330&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=276&h=165&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=552&h=330&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=276&h=165&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2NSmdHhmQh0IBE5cImx24i/77ef635f836912393572c5f07e764b2e/PD04347_-_USEN_good_for_small_business.png?w=552&h=330&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 id="good-for-small-businesses">Good for <del>sm</del>all businesses</h4> <p>Square offers a suite of tools that lets you sell anywhere and everywhere — in person and online.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="2tZuhCts0D3L9XjoOqBEYC"><a class="arrow" href="/gb/en/payments">Explore ways to get paid</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="5dV0b3kPN2YSBLlY5qzEH3"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-4QK6sYZCDm7Tofmx7kIuir-872213c45274aca08c895ff064dcabccc10b901669638b681cf0bc20b7aafbeb"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=493&h=295&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=986&h=590&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=493&h=295&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=986&h=590&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=493&h=295&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=986&h=590&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/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=419&h=251&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=838&h=502&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=419&h=251&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=838&h=502&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=419&h=251&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=838&h=502&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/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=325&h=194&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=650&h=388&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=325&h=194&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=650&h=388&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=325&h=194&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=650&h=388&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/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=424&h=254&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.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/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=424&h=254&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.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/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=424&h=254&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=848&h=508&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/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=324&h=194&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.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/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=324&h=194&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.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/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=324&h=194&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=648&h=388&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=276&h=165&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=552&h=330&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=276&h=165&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=552&h=330&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=276&h=165&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4QK6sYZCDm7Tofmx7kIuir/3d2bef607fcaec1d796bff1abbbf5fa0/PD04347_-_USEN_only_platform.png?w=552&h=330&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 id="the-only-platform-you-need">The only platform you need</h4> <p>Run every part of your businesses with the built-in, connected features from Square.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="6NL5VUrCW4Pqi0rKl9kz0U"><a class="arrow" href="/gb/en/software">Explore software solutions</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="4gvQPztg1lcMtzEhz0IbC"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-5zjo7vtra4LHg8z6mYCjeq-be8168e472851d72f201ee86f3ba0e24cb4466ba0e3bb803b825385871244b55"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=493&h=295&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=986&h=590&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=493&h=295&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=986&h=590&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=493&h=295&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=986&h=590&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/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=419&h=251&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=838&h=502&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=419&h=251&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=838&h=502&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=419&h=251&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=838&h=502&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/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=325&h=194&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=650&h=388&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=325&h=194&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=650&h=388&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=325&h=194&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=650&h=388&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/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=424&h=254&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.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/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=424&h=254&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.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/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=424&h=254&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=848&h=508&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/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=324&h=194&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.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/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=324&h=194&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.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/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=324&h=194&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=648&h=388&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=276&h=165&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=552&h=330&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=276&h=165&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=552&h=330&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=276&h=165&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5zjo7vtra4LHg8z6mYCjeq/5355b69aa651015ef5230fc8d0fa8a5b/PD04347_-_USEN_tools_to_take_you_further.png?w=552&h=330&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 id="tools-to-take-you-further">Tools to take you further</h4> <p>Open a second (or fifth) store location, sell your famous hot sauce online, or start booking clients for your new specialty facial — Square can help you do it.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="30TaNZkdXupIq47WAwxqgf"><a class="arrow" href="/gb/en/commerce">Explore commerce capabilities</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="4OAOZY3ceeIS0uzXkRgiH5"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-6BpZzkeU8XYEymwOAEuWWu-b1017e6d20895b60499f1dcea65143bde4dc51be60769aee2b460ecce68abe93"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=493&h=295&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=986&h=590&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=493&h=295&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=986&h=590&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=493&h=295&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=986&h=590&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/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=419&h=251&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=838&h=502&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=419&h=251&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=838&h=502&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=419&h=251&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=838&h=502&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/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=325&h=194&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=650&h=388&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=325&h=194&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=650&h=388&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=325&h=194&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=650&h=388&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/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=424&h=254&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.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/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=424&h=254&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.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/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=424&h=254&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=848&h=508&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/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=324&h=194&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.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/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=324&h=194&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.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/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=324&h=194&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=648&h=388&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=276&h=165&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=552&h=330&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=276&h=165&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=552&h=330&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=276&h=165&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6BpZzkeU8XYEymwOAEuWWu/ee988e1e303e8d7b839ac01bc13c46de/PD04347_-_USEN_hardware_that_works_harder.png?w=552&h=330&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 id="hardware-that-works-harder">Hardware that works harder</h4> <p>Time-tested and fashion-vetted, our hardware is the best in the business.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="fewfWk99f8Bag2ySisrnf"><a class="arrow" href="/gb/en/hardware">Explore hardware options</a></div></div></div></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout section-hidden hidden sq-custom-rounded-corner-tiles-compare flex-valign-middle" data-entry-id="7ie79OCcKBhPWZeIm30cDV"><div class="content"><div class="intro font-size-base align-left gap-left-none"><h2 class="balance-text h2" data-title-for="7ie79OCcKBhPWZeIm30cDV">Explore a feature-by-feature comparison.</h2></div><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights"><div class="column"><a class="tile" data-entry-id="PHDbyq8JPWZnPwkHqLfPK" href="/gb/en/compare/square-vs-shopify"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="link arrow font-size-base">Square vs. Shopify</div></div></div></div></a></div><div class="column"><a class="tile" data-entry-id="1j7Ojn7CpEis562FzMgfzM" href="/gb/en/compare/square-vs-toast"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="link arrow font-size-base">Square vs. Toast</div></div></div></div></a></div><div class="column"><a class="tile" data-entry-id="3ih4kWCmf0ob5hyTFJvR6B" href="/gb/en/compare/square-vs-stripe"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="link arrow font-size-base">Square vs. Stripe</div></div></div></div></a></div><div class="column"><a class="tile" data-entry-id="1dV8slSvJAs7wsnzhzynDE" href="/gb/en/compare/square-vs-gusto"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="link arrow font-size-base">Square vs. Gusto</div></div></div></div></a></div><div class="column"><a class="tile" data-entry-id="22W9zHJ2dTayxVGGz7Bfl5" href="/gb/en/compare/square-vs-clover"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="link arrow font-size-base">Square vs. Clover</div></div></div></div></a></div><div class="column"><a class="tile" data-entry-id="7sSO2yoipXnV9GnljuyW1r" href="/gb/en/compare/square-vs-vagaro"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="link arrow font-size-base">Square vs. Vagaro</div></div></div></div></a></div><div class="column"><a class="tile" data-entry-id="68I1rTSEWrKWiiSyDEOBaK" href="/us/en/compare/square-vs-micros"><div class="tile-content"><div class="grid-space-line"><div class="column"><div class="link arrow font-size-base">Square vs. Micros</div></div></div></div></a></div></div></div></section><section class="section-multi-column bg-white auto-layout section-hidden hidden sq-custom-overlapping-carousel sq-custom-img-border-radius flex-valign-middle overflow-hidden" data-entry-id="4CVsthrnsndeJk3CswzCvw"><div class="content pad-top-xl pad-bottom-line"><div class="carousel" data-buttons="true" data-infinite-scroll="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"><div data-entry-id="2HI0ZdXpHqRvicJuH4QO7p"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-2DeJIe1n9fhPoj29L1uea7-ba0fefb78351b3e4c1189a899b6f4a7e18a0e6893e03a1a9119bc96d46c88727"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4EdmOWORKbe80oubO3QAfg/888e28a4efea7647501cbe3cb4f62f71/PD04348_-_XL_oxygen_room.png?w=1016&h=387&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4EdmOWORKbe80oubO3QAfg/888e28a4efea7647501cbe3cb4f62f71/PD04348_-_XL_oxygen_room.png?w=2032&h=774&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4EdmOWORKbe80oubO3QAfg/888e28a4efea7647501cbe3cb4f62f71/PD04348_-_XL_oxygen_room.png?w=1016&h=387&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4EdmOWORKbe80oubO3QAfg/888e28a4efea7647501cbe3cb4f62f71/PD04348_-_XL_oxygen_room.png?w=2032&h=774&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4EdmOWORKbe80oubO3QAfg/888e28a4efea7647501cbe3cb4f62f71/PD04348_-_XL_oxygen_room.png?w=1016&h=387&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4EdmOWORKbe80oubO3QAfg/888e28a4efea7647501cbe3cb4f62f71/PD04348_-_XL_oxygen_room.png?w=2032&h=774&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/ySPJKiFIwmdPoPmy9v1Fg/b1196ca46a8f2aed18dd0c13606a8f8a/PD04348_-_L_oxygen_room.png?w=868&h=430&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ySPJKiFIwmdPoPmy9v1Fg/b1196ca46a8f2aed18dd0c13606a8f8a/PD04348_-_L_oxygen_room.png?w=1736&h=860&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/ySPJKiFIwmdPoPmy9v1Fg/b1196ca46a8f2aed18dd0c13606a8f8a/PD04348_-_L_oxygen_room.png?w=868&h=430&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ySPJKiFIwmdPoPmy9v1Fg/b1196ca46a8f2aed18dd0c13606a8f8a/PD04348_-_L_oxygen_room.png?w=1736&h=860&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/ySPJKiFIwmdPoPmy9v1Fg/b1196ca46a8f2aed18dd0c13606a8f8a/PD04348_-_L_oxygen_room.png?w=868&h=430&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/ySPJKiFIwmdPoPmy9v1Fg/b1196ca46a8f2aed18dd0c13606a8f8a/PD04348_-_L_oxygen_room.png?w=1736&h=860&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/ySPJKiFIwmdPoPmy9v1Fg/b1196ca46a8f2aed18dd0c13606a8f8a/PD04348_-_L_oxygen_room.png?w=680&h=337&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ySPJKiFIwmdPoPmy9v1Fg/b1196ca46a8f2aed18dd0c13606a8f8a/PD04348_-_L_oxygen_room.png?w=1360&h=674&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/ySPJKiFIwmdPoPmy9v1Fg/b1196ca46a8f2aed18dd0c13606a8f8a/PD04348_-_L_oxygen_room.png?w=680&h=337&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/ySPJKiFIwmdPoPmy9v1Fg/b1196ca46a8f2aed18dd0c13606a8f8a/PD04348_-_L_oxygen_room.png?w=1360&h=674&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/ySPJKiFIwmdPoPmy9v1Fg/b1196ca46a8f2aed18dd0c13606a8f8a/PD04348_-_L_oxygen_room.png?w=680&h=337&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/ySPJKiFIwmdPoPmy9v1Fg/b1196ca46a8f2aed18dd0c13606a8f8a/PD04348_-_L_oxygen_room.png?w=1360&h=674&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/4UMtca1jHbYc4g7eUeXEvO/fc73e5b8437e7065ad0c57c61b08b613/PD04348_-_M_oxygen_room.png?w=424&h=265&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4UMtca1jHbYc4g7eUeXEvO/fc73e5b8437e7065ad0c57c61b08b613/PD04348_-_M_oxygen_room.png?w=848&h=530&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4UMtca1jHbYc4g7eUeXEvO/fc73e5b8437e7065ad0c57c61b08b613/PD04348_-_M_oxygen_room.png?w=424&h=265&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4UMtca1jHbYc4g7eUeXEvO/fc73e5b8437e7065ad0c57c61b08b613/PD04348_-_M_oxygen_room.png?w=848&h=530&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4UMtca1jHbYc4g7eUeXEvO/fc73e5b8437e7065ad0c57c61b08b613/PD04348_-_M_oxygen_room.png?w=424&h=265&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4UMtca1jHbYc4g7eUeXEvO/fc73e5b8437e7065ad0c57c61b08b613/PD04348_-_M_oxygen_room.png?w=848&h=530&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/4UMtca1jHbYc4g7eUeXEvO/fc73e5b8437e7065ad0c57c61b08b613/PD04348_-_M_oxygen_room.png?w=324&h=203&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4UMtca1jHbYc4g7eUeXEvO/fc73e5b8437e7065ad0c57c61b08b613/PD04348_-_M_oxygen_room.png?w=648&h=406&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4UMtca1jHbYc4g7eUeXEvO/fc73e5b8437e7065ad0c57c61b08b613/PD04348_-_M_oxygen_room.png?w=324&h=203&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4UMtca1jHbYc4g7eUeXEvO/fc73e5b8437e7065ad0c57c61b08b613/PD04348_-_M_oxygen_room.png?w=648&h=406&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4UMtca1jHbYc4g7eUeXEvO/fc73e5b8437e7065ad0c57c61b08b613/PD04348_-_M_oxygen_room.png?w=324&h=203&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4UMtca1jHbYc4g7eUeXEvO/fc73e5b8437e7065ad0c57c61b08b613/PD04348_-_M_oxygen_room.png?w=648&h=406&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4UMtca1jHbYc4g7eUeXEvO/fc73e5b8437e7065ad0c57c61b08b613/PD04348_-_M_oxygen_room.png?w=276&h=173&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4UMtca1jHbYc4g7eUeXEvO/fc73e5b8437e7065ad0c57c61b08b613/PD04348_-_M_oxygen_room.png?w=552&h=346&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4UMtca1jHbYc4g7eUeXEvO/fc73e5b8437e7065ad0c57c61b08b613/PD04348_-_M_oxygen_room.png?w=276&h=173&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4UMtca1jHbYc4g7eUeXEvO/fc73e5b8437e7065ad0c57c61b08b613/PD04348_-_M_oxygen_room.png?w=552&h=346&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4UMtca1jHbYc4g7eUeXEvO/fc73e5b8437e7065ad0c57c61b08b613/PD04348_-_M_oxygen_room.png?w=276&h=173&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4UMtca1jHbYc4g7eUeXEvO/fc73e5b8437e7065ad0c57c61b08b613/PD04348_-_M_oxygen_room.png?w=552&h=346&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="pad-bottom-line" id="square-has-helped-me-be-truly-organized-as-a-business--all-of-these-tools-make-me-a-better-business-owner">“Square has helped me be truly organized as a business … all of these tools make me a better business owner.”</h3> <p><strong>Alix Mane</strong>, Owner<br><span class="legal-text">The Oxygen Room & Beauty Bar</span></p></div></div></div></div></div><div class="column carousel-slide"><div data-entry-id="17OVc7WPIom6LhghwFX89h"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-503URFb4k7SJjmVeJFqPjS-be4a48916ad08cd341e438101b414cdba340beb291faaf2a063c1d4ae1af542d"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7EAW19PWfM5HaGi5QsfifJ/2b41eb89dcca9c70762bd7d0b7526f22/PD04348_-_XL_charbar.png?w=1016&h=387&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7EAW19PWfM5HaGi5QsfifJ/2b41eb89dcca9c70762bd7d0b7526f22/PD04348_-_XL_charbar.png?w=2032&h=774&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7EAW19PWfM5HaGi5QsfifJ/2b41eb89dcca9c70762bd7d0b7526f22/PD04348_-_XL_charbar.png?w=1016&h=387&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7EAW19PWfM5HaGi5QsfifJ/2b41eb89dcca9c70762bd7d0b7526f22/PD04348_-_XL_charbar.png?w=2032&h=774&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7EAW19PWfM5HaGi5QsfifJ/2b41eb89dcca9c70762bd7d0b7526f22/PD04348_-_XL_charbar.png?w=1016&h=387&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7EAW19PWfM5HaGi5QsfifJ/2b41eb89dcca9c70762bd7d0b7526f22/PD04348_-_XL_charbar.png?w=2032&h=774&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/7myc0vHMeXzkWXGquxehNf/c173281ec7268e40d9fbb4c59a2148b7/PD04348_-_L_charbar.png?w=868&h=430&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7myc0vHMeXzkWXGquxehNf/c173281ec7268e40d9fbb4c59a2148b7/PD04348_-_L_charbar.png?w=1736&h=860&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7myc0vHMeXzkWXGquxehNf/c173281ec7268e40d9fbb4c59a2148b7/PD04348_-_L_charbar.png?w=868&h=430&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7myc0vHMeXzkWXGquxehNf/c173281ec7268e40d9fbb4c59a2148b7/PD04348_-_L_charbar.png?w=1736&h=860&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7myc0vHMeXzkWXGquxehNf/c173281ec7268e40d9fbb4c59a2148b7/PD04348_-_L_charbar.png?w=868&h=430&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7myc0vHMeXzkWXGquxehNf/c173281ec7268e40d9fbb4c59a2148b7/PD04348_-_L_charbar.png?w=1736&h=860&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/7myc0vHMeXzkWXGquxehNf/c173281ec7268e40d9fbb4c59a2148b7/PD04348_-_L_charbar.png?w=680&h=337&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7myc0vHMeXzkWXGquxehNf/c173281ec7268e40d9fbb4c59a2148b7/PD04348_-_L_charbar.png?w=1360&h=674&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7myc0vHMeXzkWXGquxehNf/c173281ec7268e40d9fbb4c59a2148b7/PD04348_-_L_charbar.png?w=680&h=337&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7myc0vHMeXzkWXGquxehNf/c173281ec7268e40d9fbb4c59a2148b7/PD04348_-_L_charbar.png?w=1360&h=674&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7myc0vHMeXzkWXGquxehNf/c173281ec7268e40d9fbb4c59a2148b7/PD04348_-_L_charbar.png?w=680&h=337&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7myc0vHMeXzkWXGquxehNf/c173281ec7268e40d9fbb4c59a2148b7/PD04348_-_L_charbar.png?w=1360&h=674&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/4giIkCC7LBrju3JRA5CSex/24e79353f9b6f286a41ca43a584d762a/PD04348_-_M_charbar.png?w=424&h=265&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4giIkCC7LBrju3JRA5CSex/24e79353f9b6f286a41ca43a584d762a/PD04348_-_M_charbar.png?w=848&h=530&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4giIkCC7LBrju3JRA5CSex/24e79353f9b6f286a41ca43a584d762a/PD04348_-_M_charbar.png?w=424&h=265&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4giIkCC7LBrju3JRA5CSex/24e79353f9b6f286a41ca43a584d762a/PD04348_-_M_charbar.png?w=848&h=530&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4giIkCC7LBrju3JRA5CSex/24e79353f9b6f286a41ca43a584d762a/PD04348_-_M_charbar.png?w=424&h=265&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4giIkCC7LBrju3JRA5CSex/24e79353f9b6f286a41ca43a584d762a/PD04348_-_M_charbar.png?w=848&h=530&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/4giIkCC7LBrju3JRA5CSex/24e79353f9b6f286a41ca43a584d762a/PD04348_-_M_charbar.png?w=324&h=203&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4giIkCC7LBrju3JRA5CSex/24e79353f9b6f286a41ca43a584d762a/PD04348_-_M_charbar.png?w=648&h=406&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4giIkCC7LBrju3JRA5CSex/24e79353f9b6f286a41ca43a584d762a/PD04348_-_M_charbar.png?w=324&h=203&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4giIkCC7LBrju3JRA5CSex/24e79353f9b6f286a41ca43a584d762a/PD04348_-_M_charbar.png?w=648&h=406&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4giIkCC7LBrju3JRA5CSex/24e79353f9b6f286a41ca43a584d762a/PD04348_-_M_charbar.png?w=324&h=203&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4giIkCC7LBrju3JRA5CSex/24e79353f9b6f286a41ca43a584d762a/PD04348_-_M_charbar.png?w=648&h=406&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4giIkCC7LBrju3JRA5CSex/24e79353f9b6f286a41ca43a584d762a/PD04348_-_M_charbar.png?w=276&h=173&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4giIkCC7LBrju3JRA5CSex/24e79353f9b6f286a41ca43a584d762a/PD04348_-_M_charbar.png?w=552&h=346&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4giIkCC7LBrju3JRA5CSex/24e79353f9b6f286a41ca43a584d762a/PD04348_-_M_charbar.png?w=276&h=173&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4giIkCC7LBrju3JRA5CSex/24e79353f9b6f286a41ca43a584d762a/PD04348_-_M_charbar.png?w=552&h=346&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4giIkCC7LBrju3JRA5CSex/24e79353f9b6f286a41ca43a584d762a/PD04348_-_M_charbar.png?w=276&h=173&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4giIkCC7LBrju3JRA5CSex/24e79353f9b6f286a41ca43a584d762a/PD04348_-_M_charbar.png?w=552&h=346&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="pad-bottom-line" id="square-has-definitely-been-the-right-solution-for-our-multiple-businesses--its-definitely-universal-for-the-small-entrepreneur-all-the-way-up-to-the-larger-one-that-has-multiple-businesses">“Square has definitely been the right solution for our multiple businesses … it’s definitely universal, for the small entrepreneur all the way up to the larger one that has multiple businesses.”</h3> <p><strong>Connie DeSousa</strong>, Chef/Co-Owner<br><span class="legal-text">Char Restaurant Group</span></p></div></div></div></div></div><div class="column carousel-slide"><div data-entry-id="61ARowl3FTYldcGawHiX6W"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-4qjqZ1hk7gwt2sTElHO4f8-4020dc8e9b02427c1f2165732689883371e7bbc46adb0fe51d6464a38a021a57"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1K3tD789og1QvAFUeBCLYZ/8a927a178683a8b98fc1bb47b75107c0/PD04348_-_XL_live_by_the_sword.png?w=1016&h=387&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1K3tD789og1QvAFUeBCLYZ/8a927a178683a8b98fc1bb47b75107c0/PD04348_-_XL_live_by_the_sword.png?w=2032&h=774&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1K3tD789og1QvAFUeBCLYZ/8a927a178683a8b98fc1bb47b75107c0/PD04348_-_XL_live_by_the_sword.png?w=1016&h=387&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1K3tD789og1QvAFUeBCLYZ/8a927a178683a8b98fc1bb47b75107c0/PD04348_-_XL_live_by_the_sword.png?w=2032&h=774&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1K3tD789og1QvAFUeBCLYZ/8a927a178683a8b98fc1bb47b75107c0/PD04348_-_XL_live_by_the_sword.png?w=1016&h=387&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1K3tD789og1QvAFUeBCLYZ/8a927a178683a8b98fc1bb47b75107c0/PD04348_-_XL_live_by_the_sword.png?w=2032&h=774&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/2i0qY6PILj8NEBBuSY2FR9/17ba266c24f1da7e9bda70ab02593dcd/PD04348_-_L_live_by_the_sword.png?w=868&h=430&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2i0qY6PILj8NEBBuSY2FR9/17ba266c24f1da7e9bda70ab02593dcd/PD04348_-_L_live_by_the_sword.png?w=1736&h=860&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2i0qY6PILj8NEBBuSY2FR9/17ba266c24f1da7e9bda70ab02593dcd/PD04348_-_L_live_by_the_sword.png?w=868&h=430&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2i0qY6PILj8NEBBuSY2FR9/17ba266c24f1da7e9bda70ab02593dcd/PD04348_-_L_live_by_the_sword.png?w=1736&h=860&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2i0qY6PILj8NEBBuSY2FR9/17ba266c24f1da7e9bda70ab02593dcd/PD04348_-_L_live_by_the_sword.png?w=868&h=430&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2i0qY6PILj8NEBBuSY2FR9/17ba266c24f1da7e9bda70ab02593dcd/PD04348_-_L_live_by_the_sword.png?w=1736&h=860&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/2i0qY6PILj8NEBBuSY2FR9/17ba266c24f1da7e9bda70ab02593dcd/PD04348_-_L_live_by_the_sword.png?w=680&h=337&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2i0qY6PILj8NEBBuSY2FR9/17ba266c24f1da7e9bda70ab02593dcd/PD04348_-_L_live_by_the_sword.png?w=1360&h=674&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2i0qY6PILj8NEBBuSY2FR9/17ba266c24f1da7e9bda70ab02593dcd/PD04348_-_L_live_by_the_sword.png?w=680&h=337&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2i0qY6PILj8NEBBuSY2FR9/17ba266c24f1da7e9bda70ab02593dcd/PD04348_-_L_live_by_the_sword.png?w=1360&h=674&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2i0qY6PILj8NEBBuSY2FR9/17ba266c24f1da7e9bda70ab02593dcd/PD04348_-_L_live_by_the_sword.png?w=680&h=337&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2i0qY6PILj8NEBBuSY2FR9/17ba266c24f1da7e9bda70ab02593dcd/PD04348_-_L_live_by_the_sword.png?w=1360&h=674&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/1d0kiuBj3Ph3FzPM3Iui0R/f95dd943bf7137010f19a7bf26c44b32/PD04348_-_M_live_by_the_sword.png?w=424&h=265&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1d0kiuBj3Ph3FzPM3Iui0R/f95dd943bf7137010f19a7bf26c44b32/PD04348_-_M_live_by_the_sword.png?w=848&h=530&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1d0kiuBj3Ph3FzPM3Iui0R/f95dd943bf7137010f19a7bf26c44b32/PD04348_-_M_live_by_the_sword.png?w=424&h=265&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1d0kiuBj3Ph3FzPM3Iui0R/f95dd943bf7137010f19a7bf26c44b32/PD04348_-_M_live_by_the_sword.png?w=848&h=530&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1d0kiuBj3Ph3FzPM3Iui0R/f95dd943bf7137010f19a7bf26c44b32/PD04348_-_M_live_by_the_sword.png?w=424&h=265&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1d0kiuBj3Ph3FzPM3Iui0R/f95dd943bf7137010f19a7bf26c44b32/PD04348_-_M_live_by_the_sword.png?w=848&h=530&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/1d0kiuBj3Ph3FzPM3Iui0R/f95dd943bf7137010f19a7bf26c44b32/PD04348_-_M_live_by_the_sword.png?w=324&h=203&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1d0kiuBj3Ph3FzPM3Iui0R/f95dd943bf7137010f19a7bf26c44b32/PD04348_-_M_live_by_the_sword.png?w=648&h=406&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1d0kiuBj3Ph3FzPM3Iui0R/f95dd943bf7137010f19a7bf26c44b32/PD04348_-_M_live_by_the_sword.png?w=324&h=203&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1d0kiuBj3Ph3FzPM3Iui0R/f95dd943bf7137010f19a7bf26c44b32/PD04348_-_M_live_by_the_sword.png?w=648&h=406&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1d0kiuBj3Ph3FzPM3Iui0R/f95dd943bf7137010f19a7bf26c44b32/PD04348_-_M_live_by_the_sword.png?w=324&h=203&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1d0kiuBj3Ph3FzPM3Iui0R/f95dd943bf7137010f19a7bf26c44b32/PD04348_-_M_live_by_the_sword.png?w=648&h=406&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1d0kiuBj3Ph3FzPM3Iui0R/f95dd943bf7137010f19a7bf26c44b32/PD04348_-_M_live_by_the_sword.png?w=276&h=173&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1d0kiuBj3Ph3FzPM3Iui0R/f95dd943bf7137010f19a7bf26c44b32/PD04348_-_M_live_by_the_sword.png?w=552&h=346&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1d0kiuBj3Ph3FzPM3Iui0R/f95dd943bf7137010f19a7bf26c44b32/PD04348_-_M_live_by_the_sword.png?w=276&h=173&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1d0kiuBj3Ph3FzPM3Iui0R/f95dd943bf7137010f19a7bf26c44b32/PD04348_-_M_live_by_the_sword.png?w=552&h=346&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1d0kiuBj3Ph3FzPM3Iui0R/f95dd943bf7137010f19a7bf26c44b32/PD04348_-_M_live_by_the_sword.png?w=276&h=173&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1d0kiuBj3Ph3FzPM3Iui0R/f95dd943bf7137010f19a7bf26c44b32/PD04348_-_M_live_by_the_sword.png?w=552&h=346&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="pad-bottom-line" id="the-beauty-of-square-is-the-constant-improvement-of-the-platform-and-the-hardware">“The beauty of Square is the constant improvement of the platform and the hardware.”</h3> <p><strong>Rudy Temiz</strong>, Owner<br><span class="legal-text">Live By The Sword</span></p></div></div></div></div></div></div></div></div></section><section class="section-one-column bg-white auto-layout section-hidden hidden flex-valign-middle" data-entry-id="52ZzJT8PQEKxQuUbuIyglz"><div class="content pad-top-line pad-bottom-xl"><div class="intro intro font-size-base align-left gap-left-none"><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="6w5xoha2IETM2pKTb6X850"><a class="arrow" href="/gb/en/reviews">See more reviews</a></div></div></div></div></div></section><section class="section-one-column bg-white auto-layout section-hidden hidden sq-custom-flex-links flex-valign-middle" data-entry-id="4D7Cnnw6ChBmbpP8CqvFQX"><div class="content"><div class="intro intro font-size-base align-left gap-left-none"><h2 class="balance-text h1" data-title-for="4D7Cnnw6ChBmbpP8CqvFQX">Start selling with Square</h2><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="2DsnRphAjfxeM02pl4t5XB"><a class="button gap-none" href="/signup/en-GB">Get started free</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="6vAalMQNzfblg4H1tZPpyd"><a class="button gap-none button-alt" href="/gb/en/sales/contact?page=/gb/en/compare">Connect with us</a></div></div></div></div></div></section></div></main><footer class="page-footer" id="footer" role="contentinfo"><div class="content pad-vert-medium"><nav class="primary align-center align-left-at-small gap-bottom-medium" role="navigation"><div class="grid-2-at-small grid-4-at-large grid-space-none grid-space-small-at-small"><div class="column" data-entry-id="5epQfHkHoTTGZAFU5OdlAs"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-5epQfHkHoTTGZAFU5OdlAs" href="#">Products</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-5epQfHkHoTTGZAFU5OdlAs"><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="2VQ9W11F0hIwqsFd5f44Hu"><a href="/gb/en/commerce">Commerce</a></li><li data-entry-id="7hM0ZH0Ags8Oup9gQCnNFA"><a href="/gb/en/point-of-sale">Point of Sale</a></li><li data-entry-id="3FRPsNZd7BDDNyyQQGR50a"><a href="/gb/en/payments">Payments</a></li><li data-entry-id="6726nqubAXMSCucBbcIkNL"><a href="/gb/en/online-store">Online</a></li><li data-entry-id="3LpMbWGr17PG6dT4t9Kx9w"><a href="/gb/en/invoices">Invoices</a></li><li data-entry-id="6ja5lOZ3sDF77Ls6llKsOJ"><a href="/gb/en/customers">Customers</a></li><li data-entry-id="3d9WvExhykcK6Hq4M6B2z2"><a href="/gb/en/software/marketing">Marketing</a></li><li data-entry-id="26wC9ceuzYNYXWcXTo8wi3"><a href="/gb/en/software/loyalty">Loyalty</a></li><li data-entry-id="KSLwi8XHTijhxP6FkPwsc"><a href="/gb/en/point-of-sale/features/customer-directory">Customer Directory</a></li><li data-entry-id="4qauDu4S2VZAksOPudkwOv"><a href="/gb/en/loans">Loans</a></li><li data-entry-id="7fFKdUHIqsCbHdnSBN3G0n"><a href="/gb/en/payments/instant-transfers">Instant Transfers</a></li><li data-entry-id="NWOWyC9X9JT3nUdtxfTXc"><a href="/gb/en/payments/square-card">Square Card</a></li><li data-entry-id="6HswR55c57ua2TlqStDOS4"><a href="/gb/en/staff/shifts">Shifts</a></li><li data-entry-id="4BAIuRMNJDZ8qPRQ1rHJC2"><a href="/gb/en/staff/advanced-access">Advanced Access</a></li><li data-entry-id="3WcpjPlR0Ms55GP3Nds3x9"><a href="/gb/en/staff/team-communication">Team Communications</a></li><li data-entry-id="0B1Htk2X4oJnKn4raCkIf"><a href="/gb/en/buy-now-pay-later">Buy Now, Pay Later</a></li><li data-entry-id="4gSCdI95KhG6NK1LlTrUhJ"><a href="/gb/en/hardware">Hardware</a></li><li data-entry-id="7aH8q2d2ZFYeWWnlnZl6io"><a href="/gb/en/software">Business Software & Solutions</a></li></ul></div></div></div><div class="column" data-entry-id="3hrRWr2suKbYDL0JUYECQL"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-3hrRWr2suKbYDL0JUYECQL" href="#">Business Types</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-3hrRWr2suKbYDL0JUYECQL"><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="7JiDzdTYepeVe7zPcwuuZT"><a href="/gb/en/point-of-sale/restaurants/quick-service">Counter Service</a></li><li data-entry-id="3HlDKoA5QtVB6ZOFZp80tZ"><a href="/gb/en/point-of-sale/restaurants/full-service">Full Service</a></li><li data-entry-id="C2mzB5mNPIkIXUJVffKQJ"><a href="/gb/en/point-of-sale/restaurants/takeaway-epos">Takeaway</a></li><li data-entry-id="xXNgYvvuNKjgDROTmCPSC"><a href="/gb/en/point-of-sale/restaurants/bars">Bars & Pubs</a></li><li data-entry-id="3jPDOxrf57VhKay9mFDXbG"><a href="/gb/en/point-of-sale/retail">Retail</a></li><li data-entry-id="70NvLY6H2JztzXoOELYsTC"><a href="/gb/en/solutions/beauty">Beauty Salon</a></li><li data-entry-id="7ukYGWd1btnSuTWFvVZPde"><a href="/gb/en/solutions/barbershop">Barbershop</a></li><li data-entry-id="Vsigs4W4CeRM4W3tLfiAI"><a href="/gb/en/solutions/hair-salon">Hair Salon</a></li><li data-entry-id="4f9W0aGR27hTaYZjktGq5h"><a href="/gb/en/solutions/nail-salon">Nail Salon</a></li><li data-entry-id="5AhpQ9xUcIj8RhaPcih68B"><a href="/gb/en/solutions/spa">Day Spa</a></li><li data-entry-id="4uxiMknf0N2eYDqFIvHVv6"><a href="/gb/en/solutions/tattoo-and-piercing">Tattoo & Piercing</a></li><li data-entry-id="10bqPzdmDhkgNntisKRq0Q"><a href="/gb/en/solutions/med-spa">Aesthetics Clinics</a></li><li data-entry-id="3ip7pBueeoasatVMbwHSqy"><a href="/gb/en/solutions/health-and-fitness?solution=solutions-health-and-fitness-appointments">Fitness</a></li><li data-entry-id="3Yfg3QuU3Lf1i4oWlGSDkl"><a href="/gb/en/solutions/professional-services">Professional Services</a></li><li data-entry-id="2NBdg1Cs67bz4b4VT1txzP"><a href="/gb/en/solutions/home-and-repair">Home & Repair</a></li><li data-entry-id="3hGJMSHuVwPep4sAwn3xqz"><a href="/gb/en/large-businesses">Large Businesses</a></li><li data-entry-id="4PTKMvyjxovBTQQfnCbsSL"><a href="/gb/en/solutions/festivals-and-events">Festivals & Events</a></li><li data-entry-id="7kxv5TjfWmo1rLYNtjmP5U"><a href="/gb/en/solutions/stadiums-and-sports">Stadium & Sport Events</a></li><li data-entry-id="3ptCTYgh17faeUnyUHPbrT"><a href="/gb/en/solutions/healthcare">Healthcare</a></li></ul></div></div></div><div class="column" data-entry-id="3vrVHYwqIk833T5Aq1BLf0"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-3vrVHYwqIk833T5Aq1BLf0" href="#">Resources</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-3vrVHYwqIk833T5Aq1BLf0"><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="2iVRjQWp9G8eRNGFAo1oJn"><a href="/gb/en/pricing">Pricing</a></li><li data-entry-id="ThO9ywwuV65QzX7I7e6gp"><a href="/gb/en/why-square">Why Square</a></li><li data-entry-id="1Lf9uKEaW5fO5pN4KzyvDs"><a href="/gb/en/reviews">Reviews</a></li><li data-entry-id="4d5T8yLn8fPVuvXp3Z1YzB"><a href="/gb/en/the-bottom-line">Blog</a></li><li data-entry-id="3RSMaANDKe6JNj4BMRAIbq"><a href="/gb/en/sales">Sales</a></li><li data-entry-id="7eL8NsghtCIE4SJ7aC2UZ7"><a href="https://squareup.com/help/gb/en">Support</a></li><li data-entry-id="45ALLTzKZgrRQ5751s01fG"><a href="https://www.sellercommunity.com/t5/Seller-Community-UK/ct-p/Seller_Community_UK">Square Community</a></li><li data-entry-id="6AobaDgNu8agxBqGJbbLSX"><a href="https://developer.squareup.com/gb/en">Developer Platform</a></li><li data-entry-id="1oq6ib4hebFcop3daYs9gq"><a href="/gb/en/glossary">Business Glossary</a></li><li data-entry-id="3xYOU8kQ0Ek5MeTygJUhb9"><a href="/gb/en/compare">Compare</a></li><li data-entry-id="134md4lMlz1qnZ3sPnnWFB"><a href="/gb/en/point-of-sale/rentals">Rent hardware</a></li></ul></div></div></div><div class="column" data-entry-id="k5ekRtaSvRrT4yL87QQP6"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-k5ekRtaSvRrT4yL87QQP6" href="#">Contact</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-k5ekRtaSvRrT4yL87QQP6"><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="1plxliTgr11mlh2KOHZMPz"><a>Customer support: 0800 098 8008</a></li><li data-entry-id="20KfrZgXr2r8gzKffgvFQy"><a>Sales: 0800 098 8008</a></li></ul></div></div><div class="pad-top-small" data-entry-id="5cEEh5QwBEcE5NYAhbvzG0"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-5cEEh5QwBEcE5NYAhbvzG0" href="#">Square</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-5cEEh5QwBEcE5NYAhbvzG0"><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="79DuLPME7LzCGNJ4zHAAMg"><a href="/gb/en/about">About</a></li><li data-entry-id="2Xh6tkmSw5rkYM6buKeDQZ"><a href="/gb/en/press">Press & Media</a></li><li data-entry-id="5tYCuRHgsqPlwtKwe527Xd"><a href="/gb/en/affiliate">Affiliates</a></li><li data-entry-id="2UFsDARSRQCkVZjmIZ4dwk"><a href="/gb/en/partnerships">Partners</a></li></ul></div></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">United Kingdom (English)</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/SquareUK/" title="X"><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/squareunitedkingdom/" 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/squareuk/" title="Instagram"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20"> <path fill="#2F3C4E" d="M17.8 6.7c0-.9-.2-1.4-.4-1.9-.2-.6-.5-1-1-1.4-.5-.5-.9-.7-1.4-1-.5-.2-1.1-.3-1.9-.4H10c-2.1 0-2.5 0-3.3.1-.9 0-1.4.2-1.9.4-.6.2-1 .4-1.4.9-.5.4-.7.9-1 1.4-.2.6-.3 1.1-.3 2-.1.7-.1 1-.1 3.2s0 2.5.1 3.3c0 .9.2 1.4.4 1.9.2.6.5 1 1 1.4s.9.7 1.4 1c.4.2 1.1.3 1.9.4H10c2.1 0 2.4 0 3.2-.1.9 0 1.4-.2 1.9-.4.6-.2 1-.5 1.4-1 .5-.5.7-.9 1-1.4.2-.5.3-1.1.4-1.9 0-.9.1-1 .1-3.2-.1-2.1-.1-2.5-.2-3.3zm-1.4 6.5c0 .8-.2 1.2-.2 1.5-.2.4-.3.6-.6.9-.2.2-.6.5-.9.6-.3.1-.7.2-1.5.2-.9 0-1.1.1-3.2.1s-2.4 0-3.2-.1c-.8 0-1.2-.2-1.5-.2-.5-.1-.7-.2-1-.6-.2-.2-.5-.6-.6-.9-.2-.3-.3-.7-.3-1.5 0-.9-.1-1.1-.1-3.2 0-2.2 0-2.4.1-3.2 0-.8.2-1.2.2-1.5.2-.4.3-.6.6-.9.2-.2.6-.5.9-.6.5-.1.9-.3 1.7-.3.9 0 1.2-.1 3.2-.1s2.3 0 3.1.1c.8 0 1.2.2 1.5.2.4.2.6.3.9.6.3.3.5.7.6 1 .2.3.3.7.3 1.5 0 .9.1 1.1.1 3.2 0 2.2 0 2.4-.1 3.2zM10 5.9c-2.2 0-4.1 1.8-4.1 4.1s1.8 4.1 4.1 4.1 4-1.9 4-4.1-1.8-4.1-4-4.1m0 6.7c-1.4 0-2.6-1.2-2.6-2.6S8.5 7.4 10 7.4s2.6 1.2 2.6 2.6-1.2 2.6-2.6 2.6m5.1-6.8c0 .6-.4 1-1 1s-1-.4-1-1 .4-1 1-1 1 .4 1 1"/> </svg> </a></div></nav></div></div></nav><div class="grid-flex-at-medium"><div class="column expand align-center align-left-at-medium"><p class="copyright">© 2025 Block, Inc., Squareup Pte. Ltd.</p><p>Squareup Europe Ltd is authorised by the Financial Conduct Authority under the Electronic Money Regulations 2011 (registered reference no. 900846) for the issuing of electronic money and provision of payment services. Squareup Europe Ltd offers both regulated and unregulated products. Square Loans offered by Squareup Europe Ltd are not regulated by the Financial Conduct Authority.</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="#">Cookie Preferences</a><a class="na-one-trust-link hidden" href="#">Your privacy choices</a></li><li><a href="https://squareup.com/gb/en/legal/general/privacy">Privacy Notice</a></li><li><a href="https://squareup.com/gb/en/legal/general/payments/secure">Security</a></li><li><a href="https://squareup.com/gb/en/legal/general/ua">Terms of Service</a></li><li><a href="https://squareup.com/gb/en/legal/general/gov">Government</a></li><li><a href="https://squareup.com/gb/en/legal/general/cookie">Cookie Policy</a></li><li><a href="https://squareup.com/gb/en/legal/general/dc">Declaration of Conformity</a></li><li><a href="https://squareup.com/gb/en/legal/general/slavery">Modern Slavery Statement</a></li><li><a href="https://squareup.com/gb/en/legal/general/psd2-third-party-providers">PSD2 & Third Party Providers (TPPs)</a></li><li class="no-wrap"><a href="https://block.xyz">Block, Inc.</a></li></ul></nav></div></div></div></footer><div class="video-player"><div class="video-player-content" tabindex="0"></div><a class="video-close-button" href="#" title="Close"></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>Choose your region and language</h4><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/au/en/compare?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/compare?country_redirection=true">Canada (English)</a></li><li><a href="/ca/fr/compare?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/compare?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/compare?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/compare?country_redirection=true">日本 (日本語)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/es/es/compare?country_redirection=true">España (Español)</a></li><li><a href="/es/ca/compare?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/compare?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/compare?country_redirection=true">United States (English)</a></li><li><a href="/us/es/compare?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/compare?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/compare?country_redirection=true">Canada (English)</a></li><li><a href="/ca/fr/compare?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/compare?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/compare?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/compare?country_redirection=true">日本 (日本語)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/es/es/compare?country_redirection=true">España (Español)</a></li><li><a href="/es/ca/compare?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/compare?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/compare?country_redirection=true">United States (English)</a></li><li><a href="/us/es/compare?country_redirection=true">Estados Unidos (Español)</a></li></ul></div></div></div></div></div></body></html>