CINXE.COM

<!DOCTYPE html><html class="no-js country-JP lang-ja locale-ja-JP site-squareup type-display html-bg-white" data-entry-id="60PPJD9aUY6ExjXN0FjDsB" lang="ja-JP"><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":"JP","lang_code":"ja","locale":"ja-JP","country_default_language":"ja","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":"60PPJD9aUY6ExjXN0FjDsB","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":false,"pwt_page_allow_list":["/us/en"],"use_pwt":false}" /> <title>Squareの導入事例集</title> <meta name="description" content="日々Squareのサービスを活用してビジネスを成長させている加盟店の導入事例を集めました。" /> <link rel="canonical" href="https://squareup.com/jp/ja/testimonials" /> <link rel="alternate" hreflang="en-US" href="https://squareup.com/us/en/testimonials" /> <link rel="alternate" hreflang="es-US" href="https://squareup.com/us/es/testimonials" /> <link rel="alternate" hreflang="ja-JP" href="https://squareup.com/jp/ja/testimonials" /> <meta property="og:title" content="Squareの導入事例集" /> <meta property="og:url" content="https://squareup.com/jp/ja/testimonials" /> <meta property="og:image" content="https://images.ctfassets.net/2d5q1td6cyxq/3bXaHqf3yaU7g6I9qlE5gU/d5b060612a8226b6db97f63f0916a530/PD04551_-_USEN_reviews_social_share.png?w=1200&h=630&fm=jpg&q=90&fit=thumb" /> <meta property="og:locale" content="ja_JP" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="Square" /> <meta property="og:description" content="日々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":"4b907S2CvZp7Y1L0aYOH6V"}" name="sq:route" /><link type="application/opensearchdescription+xml" href="https://supportcenter-production-f.squarecdn.com/help/opensearch.xml" rel="search" title="Search Square Support" /><script>window.DDErrorQueue ||= []; window.onerror = function (msg, url, lineNo, columnNo, error) { if (!window.DD_RUM) window.DDErrorQueue.push(error); }; window.onunhandledrejection = function (event) { if (!window.DD_RUM) window.DDErrorQueue.push(event.reason); };</script><link rel="stylesheet" media="all" href="https://xms-production-f.squarecdn.com/xms/assets/application-5438b22b26a45a6d9d22179a27f81d3be585f7e5d2e3d45ae1e6957401d13f73.css" /><style nonce="9itj2knFmcI+e0dZ7G5Os+TRg5WXV/W6LkhLjpwodkA=">@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-section-testimonial-quote-white-bg { max-height: 600px !important; min-height: unset !important; } .sq-custom-section-testimonial-quote-white-bg .picture, .sq-custom-section-testimonial-quote-white-bg picture { height: 100%; } .sq-custom-section-testimonial-quote-white-bg .picture img, .sq-custom-section-testimonial-quote-white-bg picture img { object-fit: cover; } @media (max-width: 1239px) { .sq-custom-section-testimonial-quote-white-bg .picture img, .sq-custom-section-testimonial-quote-white-bg picture img { filter: blur(32px); -webkit-filter: blur(32px); } } @media (min-width: 1240px) { .sq-custom-section-testimonial-quote-white-bg .picture, .sq-custom-section-testimonial-quote-white-bg picture { filter: none; -webkit-filter: none; border-radius: var(--container-border-radius); } } @media (min-width: 1240px) { .sq-custom-section-testimonial-quote-white-bg .picture, .sq-custom-section-testimonial-quote-white-bg picture { width: var(--container-width-large); } } @media (min-width: 1500px) { .sq-custom-section-testimonial-quote-white-bg .picture, .sq-custom-section-testimonial-quote-white-bg picture { width: var(--container-width-extra-large); max-height: 600px; } } @media (min-width: 1023px) { .sq-custom-section-testimonial-quote-white-bg > .content { width: 100%; } } .sq-custom-section-testimonial-quote-white-bg > .content > div { height: 100%; position: relative; width: 100%; margin: 0; } .sq-custom-section-testimonial-quote-white-bg > .content > div > div { background-color: white; padding: var(--space-small); border-radius: var(--container-border-radius); position: absolute; height: 100%; margin: var(--space-small); right: 0; } @media (max-width: 1239px) { .sq-custom-section-testimonial-quote-white-bg > .content > div > div { width: 100% !important; position: relative; } } @media (max-width: 718px) { .sq-custom-section-testimonial-quote-white-bg > .content > div > div { margin: 0; border-radius: var(--container-border-radius-base); } .sq-custom-section-testimonial-quote-white-bg > .content > div > div .font-size-base.gap-left-small.gap-bottom-small.pin-bottom-left { position: relative; margin-left: 0 !important; margin-bottom: 0 !important; } } @media (min-width: 1240px) { .sq-custom-section-testimonial-quote-white-bg > .content > div > div { width: 45% !important; } } .sq-custom-section-testimonial-quote-white-bg > .content > div > div .quote:before { content: '“'; margin-left: -0.5em; } .sq-custom-section-testimonial-quote-white-bg > .content > div > div .quote:after { content: '”'; } @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); } /* BUNDLE=shop-the-setup */ .type-display .sq-custom-media-modal-prompt, .sq-custom-media-modal-prompt { --large-image-width: 88%; } .type-display .sq-custom-media-modal-prompt .content .prompt-svg, .sq-custom-media-modal-prompt .content .prompt-svg { position: absolute; z-index: 10; pointer-events: none; } .type-display .sq-custom-media-modal-prompt .content .shop-the-setup-logo-white, .sq-custom-media-modal-prompt .content .shop-the-setup-logo-white { top: var(--space-line); left: calc((var(--space-small) / 2) + var(--space-line)); width: 95px; } .type-display .sq-custom-media-modal-prompt .content .photodom-text, .sq-custom-media-modal-prompt .content .photodom-text { top: var(--space-line); left: calc(100% - var(--space-small)); transform: rotate(90deg); transform-origin: top left; width: 82px; } .type-display .sq-custom-media-modal-prompt .content .play-icon, .sq-custom-media-modal-prompt .content .play-icon { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 45px; } .type-display .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:first-child, .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:first-child { position: relative; } .type-display .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:first-child .grid .column:last-child, .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:first-child .grid .column:last-child { height: 0; margin-bottom: 0 !important; } .type-display .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:first-child .picture, .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:first-child .picture { position: relative; transition: opacity var(--duration-default); z-index: 2; cursor: pointer; } .type-display .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:first-child .picture.hover-hide, .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:first-child .picture.hover-hide { opacity: 0; } .type-display .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:first-child .picture picture, .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:first-child .picture picture { border-radius: var(--container-border-radius); } .type-display .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:first-child .component-video, .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:first-child .component-video { z-index: 1; } .type-display .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:first-child .component-video video, .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:first-child .component-video video { border-radius: var(--container-border-radius); opacity: 0; transition: opacity var(--duration-default); } .type-display .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:first-child .component-video video.show, .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:first-child .component-video video.show { opacity: 1; } .type-display .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child > div > .grid, .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child > div > .grid { flex-direction: column-reverse; } .type-display .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child > div > .grid > .column:first-child, .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child > div > .grid > .column:first-child { display: none; } .type-display .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child .headings-compact, .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child .headings-compact { display: flex; flex-direction: column; align-items: flex-start; } .type-display .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child .svg-text, .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child .svg-text { margin-bottom: calc(var(--space-small) / 2); } .type-display .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child .description-text, .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child .description-text { margin-bottom: calc(var(--space-small) / 2); } .type-display .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child .secondary-text, .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child .secondary-text { margin-bottom: var(--space-small); color: var(--color-gray-80); } .type-display .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child .video-player-link, .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child .video-player-link { font-family: var(--font-family-display); font-size: var(--font-size-display-large-base); } .type-display .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child .video-player-link .grid-flex, .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child .video-player-link .grid-flex { flex-direction: row-reverse; } .type-display .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child .video-player-link .icon-play, .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child .video-player-link .icon-play { background-color: transparent !important; border: 2px solid var(--color-blue); width: calc(var(--space-base) * 2); height: calc(var(--space-base) * 2); } .type-display .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child .video-player-link .icon-play:before, .sq-custom-media-modal-prompt .content > .multi-column-grid > .column:last-child .video-player-link .icon-play:before { border-left-color: var(--color-blue); border-left-width: 5px; border-top-width: 3px; border-bottom-width: 3px; } @media (min-width: 717px) { .type-display .sq-custom-media-modal-prompt .content .shop-the-setup-logo-white, .sq-custom-media-modal-prompt .content .shop-the-setup-logo-white { width: 138px; } .type-display .sq-custom-media-modal-prompt .content .photodom-text, .sq-custom-media-modal-prompt .content .photodom-text { width: 114px; } .type-display .sq-custom-media-modal-prompt .content .play-icon, .sq-custom-media-modal-prompt .content .play-icon { width: 66px; } } @media (max-width: 1022px) { .type-display .sq-custom-media-modal-prompt br[data-owner='balance-text'], .sq-custom-media-modal-prompt br[data-owner='balance-text'] { content: ''; } .type-display .sq-custom-media-modal-prompt br[data-owner='balance-text']:after, .sq-custom-media-modal-prompt br[data-owner='balance-text']:after { content: ' '; } } @media (min-width: 1023px) { .type-display .sq-custom-media-modal-prompt .content .photodom-text, .sq-custom-media-modal-prompt .content .photodom-text { left: calc(var(--large-image-width) - var(--space-small)); } .type-display .sq-custom-media-modal-prompt .content .play-icon, .sq-custom-media-modal-prompt .content .play-icon { left: calc(var(--large-image-width) / 2); } .type-display .sq-custom-media-modal-prompt .content .multi-column-grid, .sq-custom-media-modal-prompt .content .multi-column-grid { margin-bottom: 0 !important; } .type-display .sq-custom-media-modal-prompt .content .multi-column-grid > .column:first-child, .sq-custom-media-modal-prompt .content .multi-column-grid > .column:first-child { margin-bottom: 0 !important; } .type-display .sq-custom-media-modal-prompt .content .multi-column-grid > .column:first-child .picture, .type-display .sq-custom-media-modal-prompt .content .multi-column-grid > .column:first-child .component-video, .sq-custom-media-modal-prompt .content .multi-column-grid > .column:first-child .picture, .sq-custom-media-modal-prompt .content .multi-column-grid > .column:first-child .component-video { width: 88%; } .type-display .sq-custom-media-modal-prompt .content .multi-column-grid > .column:first-child > div > .grid .column:last-child, .sq-custom-media-modal-prompt .content .multi-column-grid > .column:first-child > div > .grid .column:last-child { width: 100%; } .type-display .sq-custom-media-modal-prompt .content .multi-column-grid > .column:last-child > div > .grid > .column:first-child, .sq-custom-media-modal-prompt .content .multi-column-grid > .column:last-child > div > .grid > .column:first-child { width: 45%; display: block; cursor: pointer; border-radius: var(--container-border-radius); margin: var(--space-line) 0 0 !important; } .type-display .sq-custom-media-modal-prompt .content .multi-column-grid > .column:last-child > div > .grid > .column:first-child img, .sq-custom-media-modal-prompt .content .multi-column-grid > .column:last-child > div > .grid > .column:first-child img { border-radius: var(--container-border-radius); } .type-display .sq-custom-media-modal-prompt .content .multi-column-grid > .column:last-child .svg-text, .sq-custom-media-modal-prompt .content .multi-column-grid > .column:last-child .svg-text { padding-top: var(--space-medium); margin-bottom: calc(var(--space-small) + (var(--space-base) / 2)); } .type-display .sq-custom-media-modal-prompt .content .multi-column-grid > .column:last-child .secondary-text, .sq-custom-media-modal-prompt .content .multi-column-grid > .column:last-child .secondary-text { margin-bottom: calc(var(--space-small) + (var(--space-base) / 2)); } .type-display .sq-custom-media-modal-prompt .content .multi-column-grid > .column:last-child .video-player-link, .sq-custom-media-modal-prompt .content .multi-column-grid > .column:last-child .video-player-link { font-family: var(--font-family-display); font-size: var(--font-size-display-large-medium); } } @media (min-width: 1240px) { .type-display .sq-custom-media-modal-prompt .content .multi-column-grid, .sq-custom-media-modal-prompt .content .multi-column-grid { align-items: stretch !important; } .type-display .sq-custom-media-modal-prompt .content .multi-column-grid > .column:last-child, .sq-custom-media-modal-prompt .content .multi-column-grid > .column:last-child { margin-bottom: 0 !important; } .type-display .sq-custom-media-modal-prompt .content .multi-column-grid > .column:last-child .headings-compact h2, .sq-custom-media-modal-prompt .content .multi-column-grid > .column:last-child .headings-compact h2 { font-size: var(--font-size-display-h1-medium); } .type-display .sq-custom-media-modal-prompt .content .multi-column-grid > .column:last-child > div > .grid, .sq-custom-media-modal-prompt .content .multi-column-grid > .column:last-child > div > .grid { justify-content: space-between; height: 100%; margin-bottom: 0 !important; } } sq-custom-two-column-hover-carousel--hide-at-large { background: red; } sq-custom-two-column-hover-carousel--hide-at-large .section-screenshot .apropos-entry { margin: 0 auto; } @media (max-width: 1024px) { sq-custom-two-column-hover-carousel--hide-at-large .section-screenshot .apropos-entry { width: var(--container-width-medium); } } @media (max-width: 717px) { sq-custom-two-column-hover-carousel--hide-at-large .section-screenshot .apropos-entry { width: var(--container-width-small); } } @media (max-width: 480px) { sq-custom-two-column-hover-carousel--hide-at-large .section-screenshot .apropos-entry { width: var(--container-width-extra-small); } } @media (max-width: 374px) { sq-custom-two-column-hover-carousel--hide-at-large .section-screenshot .apropos-entry { width: var(--container-width-base); } } sq-custom-two-column-hover-carousel--hide-at-large .section-screenshot .apropos-entry .picture { border-radius: 20px; overflow: hidden; } .sq-custom-content-position-relative .intro { margin-bottom: 0 !important; } .sq-custom-content-position-relative .content { position: relative; } .sq-custom-section-hover-image-reveal { cursor: pointer; } .sq-custom-section-hover-image-reveal .bg-color-yellow { background-color: #F7FAAA; } .sq-custom-section-hover-image-reveal > .content > div { justify-content: flex-start !important; } .sq-custom-section-hover-image-reveal > .content > div > div:first-child > div { position: static; } .sq-custom-section-hover-image-reveal > .content > div > div:first-child > div .image-reveal-link-wrapper { height: 0; opacity: 0; } .sq-custom-section-hover-image-reveal > .content > div > div:first-child > div .image-reveal-link-wrapper a { position: static; } .sq-custom-section-hover-image-reveal > .content > div > div:first-child > div .image-reveal-link-wrapper a::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .sq-custom-section-hover-image-reveal > .content > div > div:nth-child(2) { opacity: 0; width: 250px; transition: opacity var(--easing-accelerate) var(--duration-slow); } .sq-custom-section-hover-image-reveal > .content > div > div:nth-child(2) .picture { position: absolute; top: 50%; transform: translateY(calc(-50% - var(--space-base))); } .sq-custom-section-hover-image-reveal > .content > div > div.column:nth-child(2), .sq-custom-section-hover-image-reveal > .content > div > div:nth-child(2) .column { margin-bottom: 0 !important; } @media (max-width: 1024px) { .sq-custom-section-hover-image-reveal > .content > div > div:nth-child(2) { display: none; } } @media (min-width: 1024px) { .sq-custom-section-hover-image-reveal:hover > .content > div > div:nth-child(2) { opacity: 1; } } @media (max-width: 718px) { .sq-custom-section-hover-image-reveal .headings-compact { width: 95%; } } .sq-custom-testimonial-accordion-hide-top-border { border-top-color: transparent !important; } @media (min-width: 1024px) { .sq-custom-testimonial-hero h1 { font-size: 84px !important; } } @media (max-width: 718px) { .sq-custom-testimonial-hero .content .h1-custom { margin-bottom: var(--space-base) !important; } } .sq-custom-testimonial-video-link:not(.sq-custom-masonry):not(.sq-custom-section-testimonial-quote-white-bg) .video-player-link:not(.pin-middle-center) { margin-bottom: var(--space-small); } @media (min-width: 1024px) { .sq-custom-testimonial-video-link:not(.sq-custom-masonry):not(.sq-custom-section-testimonial-quote-white-bg) .video-player-link:not(.pin-middle-center) { margin-bottom: var(--space-medium); } } .sq-custom-testimonial-video-link .video-player-link:not(.pin-middle-center) > div { flex-direction: row-reverse; } .sq-custom-testimonial-video-link .video-player-link:not(.pin-middle-center) > div > div { margin-bottom: 0 !important; } .sq-custom-testimonial-video-link .video-player-link:not(.pin-middle-center) .icon-play { border: 2px solid var(--color-royal-blue); background: white; box-sizing: border-box; width: var(--font-size-base); height: var(--font-size-base); } .sq-custom-testimonial-video-link .video-player-link:not(.pin-middle-center) .icon-play:before { border-left-color: var(--color-royal-blue); border-left-width: 4px; border-top-width: 3px; border-bottom-width: 3px; } .sq-custom-testimonial-video-link .video-player-link:not(.pin-middle-center):hover .icon-play { background-color: var(--color-royal-blue); } .sq-custom-testimonial-video-link .video-player-link:not(.pin-middle-center):hover .icon-play:before { border-left-color: white; } .sq-custom-testimonial-sofi .display-inline-block { width: 100%; } .sq-custom-testimonial-sofi .display-inline-block .link-video-body-small { padding-left: 0 !important; } .sq-custom-testimonial-sofi.sq-custom-testimonial-video-link .video-player-link > div { justify-content: flex-end; } .sq-custom-testimonial-sofi .content .multi-column-grid > .column { margin-bottom: var(--space-base) !important; } @media (min-width: 1023px) { .sq-custom-masonry .intro:not(:last-child) { margin-bottom: var(--space-small) !important; } } .sq-custom-masonry .grid-3-at-medium > .column { height: fit-content; position: relative; padding-bottom: var(--space-line); } .sq-custom-masonry .grid-3-at-medium > .column a { position: static; } .sq-custom-masonry .grid-3-at-medium > .column a::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .sq-custom-masonry .grid .column:first-child { margin-bottom: 0 !important; } .sq-custom-section-border .content { border: 1px solid var(--color-gray-15); padding: var(--space-small) !important; border-radius: var(--container-border-radius); } .sq-custom-link-section .content { position: relative; } .sq-custom-link-section .content a::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* BUNDLE=shop-the-setup */ .type-display .sq-custom-media-modal-double-prompt, .sq-custom-media-modal-double-prompt { --left-column-width: 52%; --right-column-width: 42%; } .type-display .sq-custom-media-modal-double-prompt .content, .sq-custom-media-modal-double-prompt .content { font-family: var(--font-family-display); } .type-display .sq-custom-media-modal-double-prompt .content .prompt-svg, .sq-custom-media-modal-double-prompt .content .prompt-svg { position: absolute; z-index: 10; pointer-events: none; } .type-display .sq-custom-media-modal-double-prompt .content .shop-the-setup-logo-white, .sq-custom-media-modal-double-prompt .content .shop-the-setup-logo-white { top: calc(var(--space-small) / 2); left: calc(var(--space-small) / 2); width: 50px; } .type-display .sq-custom-media-modal-double-prompt .content .photodom-text, .sq-custom-media-modal-double-prompt .content .photodom-text { top: var(--space-line); left: calc(100% - var(--space-small)); transform: rotate(90deg); transform-origin: top left; width: 82px; } .type-display .sq-custom-media-modal-double-prompt .content .play-icon, .sq-custom-media-modal-double-prompt .content .play-icon { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 45px; } .type-display .sq-custom-media-modal-double-prompt .content .badge, .sq-custom-media-modal-double-prompt .content .badge { border-radius: calc(var(--space-base) / 2); background-color: var(--color-gray-05); color: var(--color-gray-99); margin-top: 0 !important; } .type-display .sq-custom-media-modal-double-prompt .content h4, .sq-custom-media-modal-double-prompt .content h4 { margin: calc(var(--space-base) / 2) 0 0; } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid, .sq-custom-media-modal-double-prompt .content > .multi-column-grid { width: 100%; margin: 0 auto; justify-content: space-between !important; } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column, .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column { position: relative; margin-bottom: var(--space-medium) !important; } @media (max-width: 718px) { .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column, .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column { padding-left: 0 !important; padding-right: 0 !important; } } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .grid .column:first-child, .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .grid .column:first-child { margin-bottom: 0 !important; } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .grid .column:last-child .grid, .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .grid .column:last-child .grid { margin-bottom: var(--space-base); } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .grid .column p, .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .grid .column p { margin: var(--space-base) 0 0; } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .picture, .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .picture { position: relative; transition: opacity var(--duration-default); z-index: 2; cursor: pointer; } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .picture.hover-hide, .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .picture.hover-hide { opacity: 0; } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .picture picture, .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .picture picture { border-radius: var(--container-border-radius); } @media (max-width: 718px) { .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .picture picture, .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .picture picture { border-radius: var(--container-border-radius-base); } } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .component-video, .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .component-video { z-index: 1; } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .component-video video, .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .component-video video { border-radius: var(--container-border-radius); opacity: 0; transition: opacity var(--duration-default); } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .component-video video.show, .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column .component-video video.show { opacity: 1; } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid .video-player-link > div, .sq-custom-media-modal-double-prompt .content > .multi-column-grid .video-player-link > div { flex-direction: row-reverse; } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid .video-player-link > div > div, .sq-custom-media-modal-double-prompt .content > .multi-column-grid .video-player-link > div > div { margin-bottom: 0 !important; } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid .video-player-link .icon-play, .sq-custom-media-modal-double-prompt .content > .multi-column-grid .video-player-link .icon-play { border: 2px solid var(--color-royal-blue); background: white; box-sizing: border-box; width: var(--font-size-base); height: var(--font-size-base); } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid .video-player-link .icon-play:before, .sq-custom-media-modal-double-prompt .content > .multi-column-grid .video-player-link .icon-play:before { border-left-color: var(--color-royal-blue); border-left-width: 4px; border-top-width: 3px; border-bottom-width: 3px; } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid .video-player-link:hover .icon-play, .sq-custom-media-modal-double-prompt .content > .multi-column-grid .video-player-link:hover .icon-play { background-color: var(--color-royal-blue); } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid .video-player-link:hover .icon-play:before, .sq-custom-media-modal-double-prompt .content > .multi-column-grid .video-player-link:hover .icon-play:before { border-left-color: white; } @media (min-width: 717px) { .type-display .sq-custom-media-modal-double-prompt .content .shop-the-setup-logo-white, .sq-custom-media-modal-double-prompt .content .shop-the-setup-logo-white { top: calc(var(--space-small) / 2); left: calc(var(--space-small) / 2); width: 138px; } .type-display .sq-custom-media-modal-double-prompt .content .photodom-text, .sq-custom-media-modal-double-prompt .content .photodom-text { width: 114px; } .type-display .sq-custom-media-modal-double-prompt .content .play-icon, .sq-custom-media-modal-double-prompt .content .play-icon { width: 80px; } } @media (max-width: 1022px) { .type-display .sq-custom-media-modal-double-prompt, .sq-custom-media-modal-double-prompt { padding-top: var(--space-small); } .type-display .sq-custom-media-modal-double-prompt br[data-owner='balance-text'], .sq-custom-media-modal-double-prompt br[data-owner='balance-text'] { content: ''; } .type-display .sq-custom-media-modal-double-prompt br[data-owner='balance-text']:after, .sq-custom-media-modal-double-prompt br[data-owner='balance-text']:after { content: ' '; } } @media (min-width: 1023px) { .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid, .sq-custom-media-modal-double-prompt .content > .multi-column-grid { margin-bottom: 0 !important; } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column, .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column { margin-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column:first-child, .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column:first-child { width: var(--left-column-width); } .type-display .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column:last-child, .sq-custom-media-modal-double-prompt .content > .multi-column-grid > .column:last-child { width: var(--right-column-width); } } /* BUNDLE=shop-the-setup */ .type-display .sq-custom-media-progress-carousel, .sq-custom-media-progress-carousel { --content-slide-width-small: 550px; --volume-toggle-size: 24px; --prev-next-arrow-size: 65px; --min-subtitle-height: 130px; position: relative; overflow: hidden; } .type-display .sq-custom-media-progress-carousel .subtitle-holder, .sq-custom-media-progress-carousel .subtitle-holder { box-sizing: border-box; padding: 0; overflow: hidden; min-height: var(--min-subtitle-height); transition-property: min-height, max-height; transition-duration: var(--duration-default); } .type-display .sq-custom-media-progress-carousel .subtitle-holder .subtitle-text-holder, .sq-custom-media-progress-carousel .subtitle-holder .subtitle-text-holder { transition-property: padding-top, opacity; transition-duration: var(--duration-default); } .type-display .sq-custom-media-progress-carousel .subtitle-holder .subtitle, .sq-custom-media-progress-carousel .subtitle-holder .subtitle { color: white; margin: 0; opacity: 0; transition: opacity var(--duration-default); } .type-display .sq-custom-media-progress-carousel .subtitle-holder .subtitle.reveal, .sq-custom-media-progress-carousel .subtitle-holder .subtitle.reveal { opacity: 1; } .type-display .sq-custom-media-progress-carousel .subtitle-holder div[role=button], .sq-custom-media-progress-carousel .subtitle-holder div[role=button] { display: flex; justify-content: space-between; cursor: pointer; color: var(--color-gray-55); font-size: 14px; font-weight: var(--font-weight-medium); } .type-display .sq-custom-media-progress-carousel .subtitle-holder .subtitle-show-controls[role=button], .sq-custom-media-progress-carousel .subtitle-holder .subtitle-show-controls[role=button] { display: none; } .type-display .sq-custom-media-progress-carousel .subtitle-holder .subtitle-show-controls[role=button] span:last-child, .type-display .sq-custom-media-progress-carousel .subtitle-holder .subtitle-hide-controls[role=button] span:last-child, .sq-custom-media-progress-carousel .subtitle-holder .subtitle-show-controls[role=button] span:last-child, .sq-custom-media-progress-carousel .subtitle-holder .subtitle-hide-controls[role=button] span:last-child { font-size: var(--font-size-display-large-base); } .type-display .sq-custom-media-progress-carousel .subtitle-holder.subtitles-collapsed, .sq-custom-media-progress-carousel .subtitle-holder.subtitles-collapsed { padding: var(--space-base) 0; max-height: 44px; min-height: 0; } .type-display .sq-custom-media-progress-carousel .subtitle-holder.subtitles-collapsed .subtitle-show-controls[role=button], .sq-custom-media-progress-carousel .subtitle-holder.subtitles-collapsed .subtitle-show-controls[role=button] { display: flex; } .type-display .sq-custom-media-progress-carousel .subtitle-holder.subtitles-collapsed .subtitle-hide-controls[role=button], .sq-custom-media-progress-carousel .subtitle-holder.subtitles-collapsed .subtitle-hide-controls[role=button] { display: none; } .type-display .sq-custom-media-progress-carousel .subtitle-holder.subtitles-collapsed .subtitle-text-holder, .sq-custom-media-progress-carousel .subtitle-holder.subtitles-collapsed .subtitle-text-holder { padding-top: 0; opacity: 0; } .type-display .sq-custom-media-progress-carousel.in-modal, .sq-custom-media-progress-carousel.in-modal { align-items: flex-start !important; min-height: 90vh; } .type-display .sq-custom-media-progress-carousel.in-modal > .content, .sq-custom-media-progress-carousel.in-modal > .content { padding-top: var(--space-base) !important; } .type-display .sq-custom-media-progress-carousel.on-end-message .picture, .type-display .sq-custom-media-progress-carousel.on-end-message .component-video, .sq-custom-media-progress-carousel.on-end-message .picture, .sq-custom-media-progress-carousel.on-end-message .component-video { opacity: 0.5; } .type-display .sq-custom-media-progress-carousel .sound-is-on, .sq-custom-media-progress-carousel .sound-is-on { display: block; } .type-display .sq-custom-media-progress-carousel .sound-is-off, .sq-custom-media-progress-carousel .sound-is-off { display: none; } .type-display .sq-custom-media-progress-carousel.muted .sound-is-on, .sq-custom-media-progress-carousel.muted .sound-is-on { display: none; } .type-display .sq-custom-media-progress-carousel.muted .sound-is-off, .sq-custom-media-progress-carousel.muted .sound-is-off { display: block; } .type-display .sq-custom-media-progress-carousel .prev-next-arrow, .sq-custom-media-progress-carousel .prev-next-arrow { position: absolute; display: none; z-index: 10; margin: 0; } .type-display .sq-custom-media-progress-carousel .volume-toggle, .sq-custom-media-progress-carousel .volume-toggle { position: absolute; bottom: var(--container-border-radius); right: var(--container-border-radius); cursor: pointer; width: var(--volume-toggle-size); height: var(--volume-toggle-size); margin: 0; transform: translateZ(0); z-index: 100; } .type-display .sq-custom-media-progress-carousel .volume-toggle img, .sq-custom-media-progress-carousel .volume-toggle img { width: 100%; } .type-display .sq-custom-media-progress-carousel .content, .sq-custom-media-progress-carousel .content { position: relative; } @media (max-width: 1022px) { .type-display .sq-custom-media-progress-carousel .content, .sq-custom-media-progress-carousel .content { display: flex; min-height: 90vh; padding-bottom: 0 !important; } .type-display .sq-custom-media-progress-carousel .content div > .multi-column-grid, .sq-custom-media-progress-carousel .content div > .multi-column-grid { min-height: 90vh; flex-direction: column; } .type-display .sq-custom-media-progress-carousel .subtitle-holder, .sq-custom-media-progress-carousel .subtitle-holder { margin: auto 0 0; padding: 0 var(--space-line); } } .type-display .sq-custom-media-progress-carousel .media-progress-carousel-progress-holder, .sq-custom-media-progress-carousel .media-progress-carousel-progress-holder { position: absolute; top: calc(var(--container-border-radius) / 2); display: flex; width: 90%; left: 5%; mix-blend-mode: difference; } .type-display .sq-custom-media-progress-carousel .media-progress-carousel-progress-holder .media-progress-carousel-progress-bg, .sq-custom-media-progress-carousel .media-progress-carousel-progress-holder .media-progress-carousel-progress-bg { background-color: transparent; position: relative; height: 1px; min-height: 0; margin-right: 2px; flex: 1 1 auto; padding: var(--space-base) 0; box-sizing: border-box; cursor: pointer; } .type-display .sq-custom-media-progress-carousel .media-progress-carousel-progress-holder .media-progress-carousel-progress-bg:last-child, .sq-custom-media-progress-carousel .media-progress-carousel-progress-holder .media-progress-carousel-progress-bg:last-child { margin-right: 0; } .type-display .sq-custom-media-progress-carousel .media-progress-carousel-progress-holder .media-progress-carousel-progress-bg::after, .sq-custom-media-progress-carousel .media-progress-carousel-progress-holder .media-progress-carousel-progress-bg::after { content: " "; position: relative; display: block; background-color: white; opacity: 0.4; width: 100%; height: 1px; margin-top: -1px; } .type-display .sq-custom-media-progress-carousel .media-progress-carousel-progress-holder .media-progress-carousel-progress-bg .media-progress-carousel-progress-bar, .sq-custom-media-progress-carousel .media-progress-carousel-progress-holder .media-progress-carousel-progress-bg .media-progress-carousel-progress-bar { position: relative; height: 1px; width: 0%; transition: width 0.3s linear; background-color: white; pointer-events: none; } @media (min-width: 717px) { .type-display .sq-custom-media-progress-carousel .content, .sq-custom-media-progress-carousel .content { width: var(--content-slide-width-small); } } @media (min-width: 1023px) { .type-display .sq-custom-media-progress-carousel .content, .sq-custom-media-progress-carousel .content { width: var(--container-width-medium); } .type-display .sq-custom-media-progress-carousel .subtitle-holder, .sq-custom-media-progress-carousel .subtitle-holder { position: absolute; bottom: calc(var(--space-line) * -1); left: calc(50% + calc(var(--space-small) / 2)); width: calc(50% - calc(var(--space-small) / 2)); margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0 !important; } .type-display .sq-custom-media-progress-carousel.show-mouse-arrow, .sq-custom-media-progress-carousel.show-mouse-arrow { cursor: none; } .type-display .sq-custom-media-progress-carousel.show-mouse-arrow .prev-next-arrow, .sq-custom-media-progress-carousel.show-mouse-arrow .prev-next-arrow { display: block; } .type-display .sq-custom-media-progress-carousel:hover .prev-next-arrow, .sq-custom-media-progress-carousel:hover .prev-next-arrow { pointer-events: none; font-size: var(--prev-next-arrow-size); transform: translate(-50%, -50%); transition: transform var(--duration-default); white-space: nowrap; } .type-display .sq-custom-media-progress-carousel:hover .prev-next-arrow.previous, .sq-custom-media-progress-carousel:hover .prev-next-arrow.previous { transform: translate(-50%, -50%) scaleX(-1); } .type-display .sq-custom-media-progress-carousel.on-end-message .picture, .type-display .sq-custom-media-progress-carousel.on-end-message .component-video, .sq-custom-media-progress-carousel.on-end-message .picture, .sq-custom-media-progress-carousel.on-end-message .component-video { opacity: 1; } .type-display .sq-custom-media-progress-carousel.in-modal, .sq-custom-media-progress-carousel.in-modal { align-items: center !important; } .type-display .sq-custom-media-progress-carousel.in-modal > .content, .sq-custom-media-progress-carousel.in-modal > .content { padding: var(--space-small) 0 0 !important; } .type-display .sq-custom-media-progress-carousel .media-progress-carousel-progress-holder, .sq-custom-media-progress-carousel .media-progress-carousel-progress-holder { width: calc(50% - calc(var(--space-small) / 2)); left: calc(50% + calc(var(--space-small) / 2)); top: var(--space-small); } .type-display .sq-custom-media-progress-carousel .media-progress-carousel-progress-holder .media-progress-carousel-progress-bg, .sq-custom-media-progress-carousel .media-progress-carousel-progress-holder .media-progress-carousel-progress-bg { margin-right: 4px; } } @media (min-width: 1240px) { .type-display .sq-custom-media-progress-carousel .content, .sq-custom-media-progress-carousel .content { width: var(--container-width-large); } } .modal-invert .sq-custom-media-progress-modal-close-button { --close-button-size: 24px; width: var(--close-button-size); height: var(--close-button-size); top: calc(var(--container-border-radius) + var(--space-base)); right: calc(((100% - var(--container-width-base)) / 2) + var(--container-border-radius)); } .modal-invert .sq-custom-media-progress-modal-close-button:before { border-radius: calc(var(--close-button-size) / 2); background-color: var(--color-gray-80); opacity: 1; } .modal-invert .sq-custom-media-progress-modal-close-button:after { transform: scale(0.6); } @media (min-width: 375px) { .modal-invert .sq-custom-media-progress-modal-close-button { right: calc(((100% - var(--container-width-extra-small)) / 2) + var(--container-border-radius)); } } @media screen and (min-width: 500px) { .modal-invert .sq-custom-media-progress-modal-close-button { top: var(--space-small); right: var(--space-small); } .modal-invert .sq-custom-media-progress-modal-close-button:before { background-color: transparent; } .modal-invert .sq-custom-media-progress-modal-close-button:after { transform: scale(1); } } /* BUNDLE=shop-the-setup */ .sq-custom-shop-the-setup-slide { --thumbnail-height-base: 80px; font-family: var(--font-family-display); } .sq-custom-shop-the-setup-slide .component-video { position: relative; aspect-ratio: 1; } .sq-custom-shop-the-setup-slide.sq-custom-gray-media-border > .column:first-child .component-video video, .sq-custom-shop-the-setup-slide.sq-custom-gray-media-border > .column:first-child .apropos img { border: 1px solid var(--color-gray-55); } .sq-custom-shop-the-setup-slide .sq-custom-plain-text ul { margin-bottom: 0; } .sq-custom-shop-the-setup-slide .sq-custom-plain-text ul > li { padding-left: calc(var(--space-small) / 2); } .sq-custom-shop-the-setup-slide .sq-custom-plain-text ul > li:before { margin-left: calc(var(--space-small) / -2); } .sq-custom-shop-the-setup-slide > .column:first-child { margin-bottom: var(--space-base) !important; } .sq-custom-shop-the-setup-slide > .column:first-child .component-video video, .sq-custom-shop-the-setup-slide > .column:first-child .apropos img { border-radius: var(--container-border-radius); } .sq-custom-shop-the-setup-slide > .column:first-child .grid > .column:not(:first-child) p { margin-top: calc(var(--space-base) * -1) !important; font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); color: var(--color-gray-30); } .sq-custom-shop-the-setup-slide > .column:not(.sq-custom-carousel-end-message, .sq-custom-plain-text):not(:first-child) { align-items: center; } .sq-custom-shop-the-setup-slide > .column:not(.sq-custom-carousel-end-message, .sq-custom-plain-text):not(:first-child) > div > .grid { position: relative; align-items: center; background-color: var(--color-gray-05); border-radius: var(--container-border-radius); overflow: hidden; margin: 0; } .sq-custom-shop-the-setup-slide > .column:not(.sq-custom-carousel-end-message, .sq-custom-plain-text):not(:first-child) > div > .grid img { margin: 0 auto; height: var(--thumbnail-height-base); width: auto; border-radius: var(--container-border-radius); } .sq-custom-shop-the-setup-slide > .column:not(.sq-custom-carousel-end-message, .sq-custom-plain-text):not(:first-child) > div > .grid > .column:first-child { margin-bottom: 0 !important; width: 50%; padding: 0; } .sq-custom-shop-the-setup-slide > .column:not(.sq-custom-carousel-end-message, .sq-custom-plain-text):not(:first-child) > div > .grid > .column:last-child { margin: 0 !important; width: 50%; } .sq-custom-shop-the-setup-slide > .column:not(.sq-custom-carousel-end-message, .sq-custom-plain-text):not(:first-child) > div > .grid > .column:last-child .grid { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sq-custom-shop-the-setup-slide > .column:not(.sq-custom-carousel-end-message, .sq-custom-plain-text):not(:first-child) > div > .grid a { opacity: 0; position: static; } .sq-custom-shop-the-setup-slide > .column:not(.sq-custom-carousel-end-message, .sq-custom-plain-text):not(:first-child) > div > .grid a::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .sq-custom-shop-the-setup-slide .product-label { position: relative; font-size: var(--font-size-small); line-height: var(--line-height-display-tiny); margin-bottom: 0; } .sq-custom-shop-the-setup-slide .sq-custom-carousel-end-message { width: 50%; position: fixed !important; z-index: 10; left: calc(var(--space-small) / 2); top: 15%; height: 85%; flex-direction: column; overflow: scroll; flex-wrap: nowrap; margin-bottom: 0 !important; padding: calc(var(--space-large) - var(--space-base)) var(--space-small) var(--space-small); background: white; border-radius: var(--container-border-radius) var(--container-border-radius) 0 0; color: var(--color-gray-99); width: calc(100% - var(--space-small)) !important; transition: transform var(--duration-default); transform: translateY(85vh); } .sq-custom-shop-the-setup-slide .sq-custom-carousel-end-message a:not(.button) { color: var(--color-blue); } .sq-custom-shop-the-setup-slide .sq-custom-carousel-end-message.prevent-animation { transition: none; } .sq-custom-shop-the-setup-slide .sq-custom-carousel-end-message:before { content: " "; display: block; width: var(--space-medium); height: calc(var(--space-base) / 2); background: var(--color-gray-15); border-radius: var(--space-small); position: absolute; top: var(--space-base); left: 50%; margin-left: calc(var(--space-medium) / -2); } @media (min-width: 375px) { .sq-custom-shop-the-setup-slide .product-label { font-size: var(--font-size-base); } .sq-custom-shop-the-setup-slide .sq-custom-carousel-end-message { width: var(--container-width-extra-small) !important; left: 50%; margin-left: calc(var(--container-width-extra-small) * -0.5); } } @media (min-width: 717px) { .sq-custom-shop-the-setup-slide > .column:not(.sq-custom-carousel-end-message, .sq-custom-plain-text):not(:first-child) { width: 50%; position: relative; margin-bottom: var(--space-base) !important; } .sq-custom-shop-the-setup-slide > .column:not(.sq-custom-carousel-end-message, .sq-custom-plain-text):not(:first-child) > div > .grid { position: relative; aspect-ratio: 1; align-items: flex-start; margin-bottom: 0 !important; } .sq-custom-shop-the-setup-slide > .column:not(.sq-custom-carousel-end-message, .sq-custom-plain-text):not(:first-child) > div > .grid img { height: auto; width: 100%; } .sq-custom-shop-the-setup-slide > .column:not(.sq-custom-carousel-end-message, .sq-custom-plain-text):not(:first-child) > div > .grid > .column:first-child { width: 100%; height: 70%; margin-bottom: 0 !important; padding: 0; overflow: hidden; } .sq-custom-shop-the-setup-slide > .column:not(.sq-custom-carousel-end-message, .sq-custom-plain-text):not(:first-child) > div > .grid > .column:last-child { width: 100%; display: flex; align-items: center; justify-content: center; } .sq-custom-shop-the-setup-slide > .column:not(.sq-custom-carousel-end-message, .sq-custom-plain-text):nth-child(2) { padding-right: calc(var(--space-base) / 2); } .sq-custom-shop-the-setup-slide > .column:not(.sq-custom-carousel-end-message, .sq-custom-plain-text):nth-child(3) { padding-left: calc(var(--space-base) / 2); } .sq-custom-shop-the-setup-slide .product-label { width: 100%; padding: 0 var(--space-line); text-align: center; } .sq-custom-shop-the-setup-slide .sq-custom-carousel-end-message { width: var(--container-width-small) !important; margin-left: calc(var(--container-width-small) * -0.5); } } @media (min-width: 1023px) { .sq-custom-shop-the-setup-slide > .column:first-child { width: 50%; } .sq-custom-shop-the-setup-slide > .column:first-child .grid > .column:not(:first-child) { height: 0; margin: 0 !important; } .sq-custom-shop-the-setup-slide > .column:first-child .grid > .column:not(:first-child) p { text-align: center; height: 0; margin-bottom: 0; } .sq-custom-shop-the-setup-slide > .column:not(.sq-custom-carousel-end-message, .sq-custom-plain-text):not(:first-child) { width: 25%; margin-top: calc(var(--space-line) * 2); } .sq-custom-shop-the-setup-slide .sq-custom-plain-text { margin-top: calc(var(--space-line) * 2) !important; } .sq-custom-shop-the-setup-slide .sq-custom-carousel-end-message { position: static !important; min-height: 0; height: auto !important; width: calc(50% - var(--space-small)) !important; margin-left: calc(var(--space-small) / 2); max-width: var(--container-width-small); border-radius: var(--container-border-radius); padding: var(--space-line); margin-top: calc(var(--space-line) * 2) !important; overflow: hidden; } .sq-custom-shop-the-setup-slide .sq-custom-carousel-end-message:before { display: none; } .sq-custom-shop-the-setup-slide .sq-custom-carousel-end-message .headings-compact { pointer-events: auto !important; } .sq-custom-shop-the-setup-slide .sq-custom-carousel-end-message .headings-compact p { display: flex; } .sq-custom-shop-the-setup-slide .sq-custom-carousel-end-message .headings-compact p a { flex: 1 1 0; } .sq-custom-shop-the-setup-slide .sq-custom-carousel-end-message .headings-compact p a:first-child { margin-right: calc(var(--space-base) / 2); } .sq-custom-shop-the-setup-slide .sq-custom-carousel-end-message .headings-compact p a:last-child { margin-left: calc(var(--space-base) / 2); } } /* BUNDLE=shop-the-setup */ .type-display .sq-custom-shop-the-setup-form, .sq-custom-shop-the-setup-form { padding-top: var(--space-small); } .type-display .sq-custom-shop-the-setup-form .content, .sq-custom-shop-the-setup-form .content { margin: 0; width: 100%; } .type-display .sq-custom-shop-the-setup-form .intro, .sq-custom-shop-the-setup-form .intro { text-align: left; margin-bottom: var(--space-line); } .type-display .sq-custom-shop-the-setup-form .intro .h5, .sq-custom-shop-the-setup-form .intro .h5 { margin-bottom: var(--space-base); } .type-display .sq-custom-shop-the-setup-form .lead-form-submit-button, .sq-custom-shop-the-setup-form .lead-form-submit-button { color: var(--color-button-alt-text); border-color: var(--color-button-alt-border); background-color: transparent; } .sq-custom-shop-the-setup-form { display: none; } .sq-custom-media-progress-carousel .sq-custom-shop-the-setup-form { display: block; } .sq-custom-responsive-img-border-radius { --border-radius: 24px; } .sq-custom-responsive-img-border-radius img { border-radius: var(--border-radius); } @media (min-width: 718px) { .h1-custom { font-size: 84px !important; line-height: 80px !important; } } .type-display .sq-custom-media-modal-double-prompt .content .play-icon, .sq-custom-media-modal-double-prompt .content .play-icon { width: 80px; } .sq-custom-flex-links .content .grid .column { width: 100%; padding-right: calc(var(--space-line) / 2); } .sq-custom-flex-links .content .grid .column:first-child { margin-bottom: var(--space-base) !important; } @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-img-border-radius { --border-radius: 24px; } @media (max-width: 718px) { .sq-custom-img-border-radius { --border-radius: 16px; } } .sq-custom-img-border-radius .picture, .sq-custom-img-border-radius img { overflow: hidden; border-radius: var(--border-radius); } .sq-custom-trustpilot-reviews .content .column .content-max-width { max-width: 100%; } .sq-custom-trustpilot-reviews .content .column .headings-compact { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .sq-custom-trustpilot-reviews .content .column .headings-compact .flex-wrapper { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0; gap: 1em; } br.mobile { display: none; } @media (max-width: 768px) { br.mobile { display: block; } } @media (max-width: 768px) { br.desktop { display: none; } } @media (max-width: 716px) { .last-mobile { order: 5; } } @charset "UTF-8"; /*! do not edit; file generated from public-web-customizations. BUNDLE=two-column-vertical-carousel-component HASH=dedaebb2b5fc634f4eee */ .sq-custom-section-two-column-hover-carousel.svelte-837w5s .two-column-hover-carousel.svelte-837w5s { display: grid; grid-template-columns: 50% 50%; grid-column-gap: var(--space-small); align-items: center; } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-left.svelte-837w5s { display: grid; grid-auto-rows: min-content; grid-row-gap: var(--space-small); } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-left .hover-carousel-content.svelte-837w5s, .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-left .hover-carousel-content.svelte-837w5s a { transition: color var(--easing-standard) var(--duration-slow); } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-left .hover-carousel-content.svelte-837w5s { position: relative; } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-left .hover-carousel-content.svelte-837w5s .headings-compact h3 { margin-bottom: 0; } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-left .hover-carousel-content.svelte-837w5s a { position: static; } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-left .hover-carousel-content.svelte-837w5s a::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-left.svelte-837w5s a .arrow::after { content: "→"; } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-left .hover-carousel-content.svelte-837w5s[data-active=false] a { color: var(--color-gray-30); } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-left .hover-carousel-content.svelte-837w5s[data-active=true] a:hover .arrow:after { animation-name: svelte-837w5s-slide-forward; animation-duration: var(--duration-complex); animation-timing-function: var(--easing-decelerate); animation-iteration-count: 2; animation-direction: alternate; } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-right .hover-carousel-images-container.svelte-837w5s { height: calc(1px * var(--images-container-height)); overflow: hidden; clip-path: none !important; } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-right .hover-carousel-image-slider.svelte-837w5s { --hover-carousel-image-slider-grid-gap:var(--space-line); display: grid; grid-auto-rows: calc(1px * var(--images-container-height)); row-gap: var(--hover-carousel-image-slider-grid-gap); } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-right.svelte-837w5s .hover-carousel-image > div { height: 100%; } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-right.svelte-837w5s .hover-carousel-image picture { max-width: none; overflow: visible; } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-right.svelte-837w5s .hover-carousel-image img { overflow: hidden; } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-right.svelte-837w5s .hover-carousel-image .animation-wrapper { padding: 50px 20px; } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-right.svelte-837w5s .hover-carousel-image .animation-color-blush { background: #ffe3db; } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-right.svelte-837w5s .hover-carousel-image .animation-color-dark-green { background: #1a4c37; } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-right.svelte-837w5s .hover-carousel-image .animation-color-racer-yellow { background: #f5fc9f; } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-right.svelte-837w5s .hover-carousel-image .animation-color-blush { background: #ffe3db; } .sq-custom-section-two-column-hover-carousel.svelte-837w5s .hover-carousel-column-right.svelte-837w5s .hover-carousel-image .animation-color-brown { background: #b4927e; } .sq-custom-section-two-column-hover-carousel.sq-custom-two-column-hover-carousel--transition-opacity.svelte-837w5s .hover-carousel-column-right .hover-carousel-image.svelte-837w5s { grid-column: 1/-1; grid-row: 1/-1; opacity: 0; transition: opacity var(--easing-accelerate) var(--duration-slow); z-index: 1; } .sq-custom-section-two-column-hover-carousel.sq-custom-two-column-hover-carousel--transition-opacity.svelte-837w5s .hover-carousel-column-right .hover-carousel-image.svelte-837w5s[data-active=true] { opacity: 1; z-index: 0; transition: opacity var(--easing-decelerate) var(--duration-slow); } .sq-custom-section-two-column-hover-carousel.sq-custom-two-column-hover-carousel--transition-slide.svelte-837w5s .hover-carousel-column-right .hover-carousel-image-slider.svelte-837w5s { transition: transform var(--easing-decelerate) calc(var(--duration-slow) * 1.5); transform: translateY(calc( -1px * var(--carousel-active-index) * var(--images-container-height) - var(--carousel-active-index) * var(--hover-carousel-image-slider-grid-gap))); } .sq-custom-section-two-column-hover-carousel.sq-custom-two-column-hover-carousel--reverse-layout.svelte-837w5s .hover-carousel-column-left.svelte-837w5s { grid-column: 2/span 1; grid-row: 1/span 1; } @keyframes svelte-837w5s-slide-forward { from { transform: translateX(0); } to { transform: translateX(35%); } } .sq-custom-hide-section { display: none; } </style><style nonce="9itj2knFmcI+e0dZ7G5Os+TRg5WXV/W6LkhLjpwodkA=">.uid-5klB7Oy5Qgl1fIUMeH9aAj-1d206d8be966ffd545858991517292dc35dfe2d3a85da619998e99b138d507e8 { height: 184px; } .uid-5klB7Oy5Qgl1fIUMeH9aAj-1d206d8be966ffd545858991517292dc35dfe2d3a85da619998e99b138d507e8 img { width: 276px; height: 184px; } @media (min-width: 374px) { .uid-5klB7Oy5Qgl1fIUMeH9aAj-1d206d8be966ffd545858991517292dc35dfe2d3a85da619998e99b138d507e8 { height: 216px; } } @media (min-width: 374px) { .uid-5klB7Oy5Qgl1fIUMeH9aAj-1d206d8be966ffd545858991517292dc35dfe2d3a85da619998e99b138d507e8 img { width: 324px; height: 216px; } } @media (min-width: 480px) { .uid-5klB7Oy5Qgl1fIUMeH9aAj-1d206d8be966ffd545858991517292dc35dfe2d3a85da619998e99b138d507e8 { height: 283px; } } @media (min-width: 480px) { .uid-5klB7Oy5Qgl1fIUMeH9aAj-1d206d8be966ffd545858991517292dc35dfe2d3a85da619998e99b138d507e8 img { width: 424px; height: 283px; } } @media (min-width: 718px) { .uid-5klB7Oy5Qgl1fIUMeH9aAj-1d206d8be966ffd545858991517292dc35dfe2d3a85da619998e99b138d507e8 { height: 217px; } } @media (min-width: 718px) { .uid-5klB7Oy5Qgl1fIUMeH9aAj-1d206d8be966ffd545858991517292dc35dfe2d3a85da619998e99b138d507e8 img { width: 325px; height: 217px; } } @media (min-width: 1024px) { .uid-5klB7Oy5Qgl1fIUMeH9aAj-1d206d8be966ffd545858991517292dc35dfe2d3a85da619998e99b138d507e8 { height: 279px; } } @media (min-width: 1024px) { .uid-5klB7Oy5Qgl1fIUMeH9aAj-1d206d8be966ffd545858991517292dc35dfe2d3a85da619998e99b138d507e8 img { width: 419px; height: 279px; } } @media (min-width: 1292px) { .uid-5klB7Oy5Qgl1fIUMeH9aAj-1d206d8be966ffd545858991517292dc35dfe2d3a85da619998e99b138d507e8 { height: 329px; } } @media (min-width: 1292px) { .uid-5klB7Oy5Qgl1fIUMeH9aAj-1d206d8be966ffd545858991517292dc35dfe2d3a85da619998e99b138d507e8 img { width: 493px; height: 329px; } } .uid-1tB0YCiHrcHqHffBM8KbJk-eb780fac5afcd8d71f5ac4540f0f94a1a065587ec9612ebdf5cd79a7abe2c36c { height: 184px; } .uid-1tB0YCiHrcHqHffBM8KbJk-eb780fac5afcd8d71f5ac4540f0f94a1a065587ec9612ebdf5cd79a7abe2c36c img { width: 276px; height: 184px; } @media (min-width: 374px) { .uid-1tB0YCiHrcHqHffBM8KbJk-eb780fac5afcd8d71f5ac4540f0f94a1a065587ec9612ebdf5cd79a7abe2c36c { height: 216px; } } @media (min-width: 374px) { .uid-1tB0YCiHrcHqHffBM8KbJk-eb780fac5afcd8d71f5ac4540f0f94a1a065587ec9612ebdf5cd79a7abe2c36c img { width: 324px; height: 216px; } } @media (min-width: 480px) { .uid-1tB0YCiHrcHqHffBM8KbJk-eb780fac5afcd8d71f5ac4540f0f94a1a065587ec9612ebdf5cd79a7abe2c36c { height: 282px; } } @media (min-width: 480px) { .uid-1tB0YCiHrcHqHffBM8KbJk-eb780fac5afcd8d71f5ac4540f0f94a1a065587ec9612ebdf5cd79a7abe2c36c img { width: 424px; height: 282px; } } @media (min-width: 718px) { .uid-1tB0YCiHrcHqHffBM8KbJk-eb780fac5afcd8d71f5ac4540f0f94a1a065587ec9612ebdf5cd79a7abe2c36c { height: 216px; } } @media (min-width: 718px) { .uid-1tB0YCiHrcHqHffBM8KbJk-eb780fac5afcd8d71f5ac4540f0f94a1a065587ec9612ebdf5cd79a7abe2c36c img { width: 325px; height: 216px; } } @media (min-width: 1024px) { .uid-1tB0YCiHrcHqHffBM8KbJk-eb780fac5afcd8d71f5ac4540f0f94a1a065587ec9612ebdf5cd79a7abe2c36c { height: 279px; } } @media (min-width: 1024px) { .uid-1tB0YCiHrcHqHffBM8KbJk-eb780fac5afcd8d71f5ac4540f0f94a1a065587ec9612ebdf5cd79a7abe2c36c img { width: 419px; height: 279px; } } @media (min-width: 1292px) { .uid-1tB0YCiHrcHqHffBM8KbJk-eb780fac5afcd8d71f5ac4540f0f94a1a065587ec9612ebdf5cd79a7abe2c36c { height: 328px; } } @media (min-width: 1292px) { .uid-1tB0YCiHrcHqHffBM8KbJk-eb780fac5afcd8d71f5ac4540f0f94a1a065587ec9612ebdf5cd79a7abe2c36c img { width: 493px; height: 328px; } } .uid-3TMgucgk71s2rPSBr6Q7go-e97268b6b542de1a1b44f0292636adb5d4445e598263d406a5a2b7b6a982e991 { height: 276px; } .uid-3TMgucgk71s2rPSBr6Q7go-e97268b6b542de1a1b44f0292636adb5d4445e598263d406a5a2b7b6a982e991 img { width: 276px; height: 276px; } @media (min-width: 374px) { .uid-3TMgucgk71s2rPSBr6Q7go-e97268b6b542de1a1b44f0292636adb5d4445e598263d406a5a2b7b6a982e991 { height: 324px; } } @media (min-width: 374px) { .uid-3TMgucgk71s2rPSBr6Q7go-e97268b6b542de1a1b44f0292636adb5d4445e598263d406a5a2b7b6a982e991 img { width: 324px; height: 324px; } } @media (min-width: 480px) { .uid-3TMgucgk71s2rPSBr6Q7go-e97268b6b542de1a1b44f0292636adb5d4445e598263d406a5a2b7b6a982e991 { height: 424px; } } @media (min-width: 480px) { .uid-3TMgucgk71s2rPSBr6Q7go-e97268b6b542de1a1b44f0292636adb5d4445e598263d406a5a2b7b6a982e991 img { width: 424px; height: 424px; } } @media (min-width: 718px) { .uid-3TMgucgk71s2rPSBr6Q7go-e97268b6b542de1a1b44f0292636adb5d4445e598263d406a5a2b7b6a982e991 { height: 310px; } } @media (min-width: 718px) { .uid-3TMgucgk71s2rPSBr6Q7go-e97268b6b542de1a1b44f0292636adb5d4445e598263d406a5a2b7b6a982e991 img { width: 310px; height: 310px; } } @media (min-width: 1024px) { .uid-3TMgucgk71s2rPSBr6Q7go-e97268b6b542de1a1b44f0292636adb5d4445e598263d406a5a2b7b6a982e991 { height: 404px; } } @media (min-width: 1024px) { .uid-3TMgucgk71s2rPSBr6Q7go-e97268b6b542de1a1b44f0292636adb5d4445e598263d406a5a2b7b6a982e991 img { width: 404px; height: 404px; } } @media (min-width: 1292px) { .uid-3TMgucgk71s2rPSBr6Q7go-e97268b6b542de1a1b44f0292636adb5d4445e598263d406a5a2b7b6a982e991 { height: 478px; } } @media (min-width: 1292px) { .uid-3TMgucgk71s2rPSBr6Q7go-e97268b6b542de1a1b44f0292636adb5d4445e598263d406a5a2b7b6a982e991 img { width: 478px; height: 478px; } } .uid-7CBCyELSMGLXEQYR20M6SO-9d686ee59b10f2ca4cde007b2551fda30e4d870097b6b6c67d502cab617d725f { height: 155px; } .uid-7CBCyELSMGLXEQYR20M6SO-9d686ee59b10f2ca4cde007b2551fda30e4d870097b6b6c67d502cab617d725f img { width: 276px; height: 155px; } @media (min-width: 374px) { .uid-7CBCyELSMGLXEQYR20M6SO-9d686ee59b10f2ca4cde007b2551fda30e4d870097b6b6c67d502cab617d725f { height: 182px; } } @media (min-width: 374px) { .uid-7CBCyELSMGLXEQYR20M6SO-9d686ee59b10f2ca4cde007b2551fda30e4d870097b6b6c67d502cab617d725f img { width: 324px; height: 182px; } } @media (min-width: 480px) { .uid-7CBCyELSMGLXEQYR20M6SO-9d686ee59b10f2ca4cde007b2551fda30e4d870097b6b6c67d502cab617d725f { height: 238px; } } @media (min-width: 480px) { .uid-7CBCyELSMGLXEQYR20M6SO-9d686ee59b10f2ca4cde007b2551fda30e4d870097b6b6c67d502cab617d725f img { width: 424px; height: 238px; } } @media (min-width: 718px) { .uid-7CBCyELSMGLXEQYR20M6SO-9d686ee59b10f2ca4cde007b2551fda30e4d870097b6b6c67d502cab617d725f { height: 105px; } } @media (min-width: 718px) { .uid-7CBCyELSMGLXEQYR20M6SO-9d686ee59b10f2ca4cde007b2551fda30e4d870097b6b6c67d502cab617d725f img { width: 187px; height: 105px; } } @media (min-width: 1024px) { .uid-7CBCyELSMGLXEQYR20M6SO-9d686ee59b10f2ca4cde007b2551fda30e4d870097b6b6c67d502cab617d725f { height: 141px; } } @media (min-width: 1024px) { .uid-7CBCyELSMGLXEQYR20M6SO-9d686ee59b10f2ca4cde007b2551fda30e4d870097b6b6c67d502cab617d725f img { width: 250px; height: 141px; } } @media (min-width: 1292px) { .uid-7CBCyELSMGLXEQYR20M6SO-9d686ee59b10f2ca4cde007b2551fda30e4d870097b6b6c67d502cab617d725f { height: 168px; } } @media (min-width: 1292px) { .uid-7CBCyELSMGLXEQYR20M6SO-9d686ee59b10f2ca4cde007b2551fda30e4d870097b6b6c67d502cab617d725f img { width: 299px; height: 168px; } } .uid-34V9z5EMYXQFnSjhc3nyQa-30e5592ccc35dacbfbd0bd3b413519b97669ddd21a8d1a641c544bcecf2085fe { height: 358px; } .uid-34V9z5EMYXQFnSjhc3nyQa-30e5592ccc35dacbfbd0bd3b413519b97669ddd21a8d1a641c544bcecf2085fe img { width: 276px; height: 358px; } @media (min-width: 374px) { .uid-34V9z5EMYXQFnSjhc3nyQa-30e5592ccc35dacbfbd0bd3b413519b97669ddd21a8d1a641c544bcecf2085fe { height: 421px; } } @media (min-width: 374px) { .uid-34V9z5EMYXQFnSjhc3nyQa-30e5592ccc35dacbfbd0bd3b413519b97669ddd21a8d1a641c544bcecf2085fe img { width: 324px; height: 421px; } } @media (min-width: 480px) { .uid-34V9z5EMYXQFnSjhc3nyQa-30e5592ccc35dacbfbd0bd3b413519b97669ddd21a8d1a641c544bcecf2085fe { height: 551px; } } @media (min-width: 480px) { .uid-34V9z5EMYXQFnSjhc3nyQa-30e5592ccc35dacbfbd0bd3b413519b97669ddd21a8d1a641c544bcecf2085fe img { width: 424px; height: 551px; } } @media (min-width: 718px) { .uid-34V9z5EMYXQFnSjhc3nyQa-30e5592ccc35dacbfbd0bd3b413519b97669ddd21a8d1a641c544bcecf2085fe { height: 243px; } } @media (min-width: 718px) { .uid-34V9z5EMYXQFnSjhc3nyQa-30e5592ccc35dacbfbd0bd3b413519b97669ddd21a8d1a641c544bcecf2085fe img { width: 187px; height: 243px; } } @media (min-width: 1024px) { .uid-34V9z5EMYXQFnSjhc3nyQa-30e5592ccc35dacbfbd0bd3b413519b97669ddd21a8d1a641c544bcecf2085fe { height: 325px; } } @media (min-width: 1024px) { .uid-34V9z5EMYXQFnSjhc3nyQa-30e5592ccc35dacbfbd0bd3b413519b97669ddd21a8d1a641c544bcecf2085fe img { width: 250px; height: 325px; } } @media (min-width: 1292px) { .uid-34V9z5EMYXQFnSjhc3nyQa-30e5592ccc35dacbfbd0bd3b413519b97669ddd21a8d1a641c544bcecf2085fe { height: 388px; } } @media (min-width: 1292px) { .uid-34V9z5EMYXQFnSjhc3nyQa-30e5592ccc35dacbfbd0bd3b413519b97669ddd21a8d1a641c544bcecf2085fe img { width: 299px; height: 388px; } } .uid-736RIyPKgRkly5rsb77ccL-d04fac0d9b8845db3eddd15e1e1bfb0d139960a74983c72a08734f2d78909f0d { height: 287px; } .uid-736RIyPKgRkly5rsb77ccL-d04fac0d9b8845db3eddd15e1e1bfb0d139960a74983c72a08734f2d78909f0d img { width: 276px; height: 287px; } @media (min-width: 374px) { .uid-736RIyPKgRkly5rsb77ccL-d04fac0d9b8845db3eddd15e1e1bfb0d139960a74983c72a08734f2d78909f0d { height: 337px; } } @media (min-width: 374px) { .uid-736RIyPKgRkly5rsb77ccL-d04fac0d9b8845db3eddd15e1e1bfb0d139960a74983c72a08734f2d78909f0d img { width: 324px; height: 337px; } } @media (min-width: 480px) { .uid-736RIyPKgRkly5rsb77ccL-d04fac0d9b8845db3eddd15e1e1bfb0d139960a74983c72a08734f2d78909f0d { height: 441px; } } @media (min-width: 480px) { .uid-736RIyPKgRkly5rsb77ccL-d04fac0d9b8845db3eddd15e1e1bfb0d139960a74983c72a08734f2d78909f0d img { width: 424px; height: 441px; } } @media (min-width: 718px) { .uid-736RIyPKgRkly5rsb77ccL-d04fac0d9b8845db3eddd15e1e1bfb0d139960a74983c72a08734f2d78909f0d { height: 194px; } } @media (min-width: 718px) { .uid-736RIyPKgRkly5rsb77ccL-d04fac0d9b8845db3eddd15e1e1bfb0d139960a74983c72a08734f2d78909f0d img { width: 187px; height: 194px; } } @media (min-width: 1024px) { .uid-736RIyPKgRkly5rsb77ccL-d04fac0d9b8845db3eddd15e1e1bfb0d139960a74983c72a08734f2d78909f0d { height: 260px; } } @media (min-width: 1024px) { .uid-736RIyPKgRkly5rsb77ccL-d04fac0d9b8845db3eddd15e1e1bfb0d139960a74983c72a08734f2d78909f0d img { width: 250px; height: 260px; } } @media (min-width: 1292px) { .uid-736RIyPKgRkly5rsb77ccL-d04fac0d9b8845db3eddd15e1e1bfb0d139960a74983c72a08734f2d78909f0d { height: 311px; } } @media (min-width: 1292px) { .uid-736RIyPKgRkly5rsb77ccL-d04fac0d9b8845db3eddd15e1e1bfb0d139960a74983c72a08734f2d78909f0d img { width: 299px; height: 311px; } } .uid-1wIWUFubJfylxKW3603p1h-9cded37a4b2a17735a3e69499a1eedfa61bb38178c2b8938ac4898b0e1d02b31 { height: 358px; } .uid-1wIWUFubJfylxKW3603p1h-9cded37a4b2a17735a3e69499a1eedfa61bb38178c2b8938ac4898b0e1d02b31 img { width: 276px; height: 358px; } @media (min-width: 374px) { .uid-1wIWUFubJfylxKW3603p1h-9cded37a4b2a17735a3e69499a1eedfa61bb38178c2b8938ac4898b0e1d02b31 { height: 421px; } } @media (min-width: 374px) { .uid-1wIWUFubJfylxKW3603p1h-9cded37a4b2a17735a3e69499a1eedfa61bb38178c2b8938ac4898b0e1d02b31 img { width: 324px; height: 421px; } } @media (min-width: 480px) { .uid-1wIWUFubJfylxKW3603p1h-9cded37a4b2a17735a3e69499a1eedfa61bb38178c2b8938ac4898b0e1d02b31 { height: 551px; } } @media (min-width: 480px) { .uid-1wIWUFubJfylxKW3603p1h-9cded37a4b2a17735a3e69499a1eedfa61bb38178c2b8938ac4898b0e1d02b31 img { width: 424px; height: 551px; } } @media (min-width: 718px) { .uid-1wIWUFubJfylxKW3603p1h-9cded37a4b2a17735a3e69499a1eedfa61bb38178c2b8938ac4898b0e1d02b31 { height: 243px; } } @media (min-width: 718px) { .uid-1wIWUFubJfylxKW3603p1h-9cded37a4b2a17735a3e69499a1eedfa61bb38178c2b8938ac4898b0e1d02b31 img { width: 187px; height: 243px; } } @media (min-width: 1024px) { .uid-1wIWUFubJfylxKW3603p1h-9cded37a4b2a17735a3e69499a1eedfa61bb38178c2b8938ac4898b0e1d02b31 { height: 325px; } } @media (min-width: 1024px) { .uid-1wIWUFubJfylxKW3603p1h-9cded37a4b2a17735a3e69499a1eedfa61bb38178c2b8938ac4898b0e1d02b31 img { width: 250px; height: 325px; } } @media (min-width: 1292px) { .uid-1wIWUFubJfylxKW3603p1h-9cded37a4b2a17735a3e69499a1eedfa61bb38178c2b8938ac4898b0e1d02b31 { height: 388px; } } @media (min-width: 1292px) { .uid-1wIWUFubJfylxKW3603p1h-9cded37a4b2a17735a3e69499a1eedfa61bb38178c2b8938ac4898b0e1d02b31 img { width: 299px; height: 388px; } } .uid-7IPMlZoUWXW5NaRPAyD5Yy-a405c2bc42487cb8ed57837c1d887049192645861fd1bacea41fa4e49fcea1c7 { height: 287px; } .uid-7IPMlZoUWXW5NaRPAyD5Yy-a405c2bc42487cb8ed57837c1d887049192645861fd1bacea41fa4e49fcea1c7 img { width: 276px; height: 287px; } @media (min-width: 374px) { .uid-7IPMlZoUWXW5NaRPAyD5Yy-a405c2bc42487cb8ed57837c1d887049192645861fd1bacea41fa4e49fcea1c7 { height: 337px; } } @media (min-width: 374px) { .uid-7IPMlZoUWXW5NaRPAyD5Yy-a405c2bc42487cb8ed57837c1d887049192645861fd1bacea41fa4e49fcea1c7 img { width: 324px; height: 337px; } } @media (min-width: 480px) { .uid-7IPMlZoUWXW5NaRPAyD5Yy-a405c2bc42487cb8ed57837c1d887049192645861fd1bacea41fa4e49fcea1c7 { height: 441px; } } @media (min-width: 480px) { .uid-7IPMlZoUWXW5NaRPAyD5Yy-a405c2bc42487cb8ed57837c1d887049192645861fd1bacea41fa4e49fcea1c7 img { width: 424px; height: 441px; } } @media (min-width: 718px) { .uid-7IPMlZoUWXW5NaRPAyD5Yy-a405c2bc42487cb8ed57837c1d887049192645861fd1bacea41fa4e49fcea1c7 { height: 194px; } } @media (min-width: 718px) { .uid-7IPMlZoUWXW5NaRPAyD5Yy-a405c2bc42487cb8ed57837c1d887049192645861fd1bacea41fa4e49fcea1c7 img { width: 187px; height: 194px; } } @media (min-width: 1024px) { .uid-7IPMlZoUWXW5NaRPAyD5Yy-a405c2bc42487cb8ed57837c1d887049192645861fd1bacea41fa4e49fcea1c7 { height: 260px; } } @media (min-width: 1024px) { .uid-7IPMlZoUWXW5NaRPAyD5Yy-a405c2bc42487cb8ed57837c1d887049192645861fd1bacea41fa4e49fcea1c7 img { width: 250px; height: 260px; } } @media (min-width: 1292px) { .uid-7IPMlZoUWXW5NaRPAyD5Yy-a405c2bc42487cb8ed57837c1d887049192645861fd1bacea41fa4e49fcea1c7 { height: 311px; } } @media (min-width: 1292px) { .uid-7IPMlZoUWXW5NaRPAyD5Yy-a405c2bc42487cb8ed57837c1d887049192645861fd1bacea41fa4e49fcea1c7 img { width: 299px; height: 311px; } } .uid-l9tKCJt1ZmwVUskkBNfZW-73ff697ca1b56a464725142deef457493b0fed4813f91d0382406d53f5bcdb38 { height: 155px; } .uid-l9tKCJt1ZmwVUskkBNfZW-73ff697ca1b56a464725142deef457493b0fed4813f91d0382406d53f5bcdb38 img { width: 276px; height: 155px; } @media (min-width: 374px) { .uid-l9tKCJt1ZmwVUskkBNfZW-73ff697ca1b56a464725142deef457493b0fed4813f91d0382406d53f5bcdb38 { height: 182px; } } @media (min-width: 374px) { .uid-l9tKCJt1ZmwVUskkBNfZW-73ff697ca1b56a464725142deef457493b0fed4813f91d0382406d53f5bcdb38 img { width: 324px; height: 182px; } } @media (min-width: 480px) { .uid-l9tKCJt1ZmwVUskkBNfZW-73ff697ca1b56a464725142deef457493b0fed4813f91d0382406d53f5bcdb38 { height: 238px; } } @media (min-width: 480px) { .uid-l9tKCJt1ZmwVUskkBNfZW-73ff697ca1b56a464725142deef457493b0fed4813f91d0382406d53f5bcdb38 img { width: 424px; height: 238px; } } @media (min-width: 718px) { .uid-l9tKCJt1ZmwVUskkBNfZW-73ff697ca1b56a464725142deef457493b0fed4813f91d0382406d53f5bcdb38 { height: 105px; } } @media (min-width: 718px) { .uid-l9tKCJt1ZmwVUskkBNfZW-73ff697ca1b56a464725142deef457493b0fed4813f91d0382406d53f5bcdb38 img { width: 187px; height: 105px; } } @media (min-width: 1024px) { .uid-l9tKCJt1ZmwVUskkBNfZW-73ff697ca1b56a464725142deef457493b0fed4813f91d0382406d53f5bcdb38 { height: 141px; } } @media (min-width: 1024px) { .uid-l9tKCJt1ZmwVUskkBNfZW-73ff697ca1b56a464725142deef457493b0fed4813f91d0382406d53f5bcdb38 img { width: 250px; height: 141px; } } @media (min-width: 1292px) { .uid-l9tKCJt1ZmwVUskkBNfZW-73ff697ca1b56a464725142deef457493b0fed4813f91d0382406d53f5bcdb38 { height: 168px; } } @media (min-width: 1292px) { .uid-l9tKCJt1ZmwVUskkBNfZW-73ff697ca1b56a464725142deef457493b0fed4813f91d0382406d53f5bcdb38 img { width: 299px; height: 168px; } } .uid-RGgGwSa7zX3Y41I40osTd-8f14feaaa6154d89ade9c64e182b844cd35cfb8473eff33007c22d5f058d8aec { height: 207px; } .uid-RGgGwSa7zX3Y41I40osTd-8f14feaaa6154d89ade9c64e182b844cd35cfb8473eff33007c22d5f058d8aec img { width: 276px; height: 207px; } @media (min-width: 718px) { .uid-RGgGwSa7zX3Y41I40osTd-8f14feaaa6154d89ade9c64e182b844cd35cfb8473eff33007c22d5f058d8aec { height: 155px; } } @media (min-width: 718px) { .uid-RGgGwSa7zX3Y41I40osTd-8f14feaaa6154d89ade9c64e182b844cd35cfb8473eff33007c22d5f058d8aec img { width: 207px; height: 155px; } } @media (min-width: 1024px) { .uid-RGgGwSa7zX3Y41I40osTd-8f14feaaa6154d89ade9c64e182b844cd35cfb8473eff33007c22d5f058d8aec { height: 203px; } } @media (min-width: 1024px) { .uid-RGgGwSa7zX3Y41I40osTd-8f14feaaa6154d89ade9c64e182b844cd35cfb8473eff33007c22d5f058d8aec img { width: 270px; height: 203px; } } @media (min-width: 1292px) { .uid-RGgGwSa7zX3Y41I40osTd-8f14feaaa6154d89ade9c64e182b844cd35cfb8473eff33007c22d5f058d8aec { height: 207px; } } @media (min-width: 1292px) { .uid-RGgGwSa7zX3Y41I40osTd-8f14feaaa6154d89ade9c64e182b844cd35cfb8473eff33007c22d5f058d8aec img { width: 276px; height: 207px; } } .uid-4FWAG6JMNmlfSUpA9prSqv-c2ed7a244d5fbdfe50c2713ddbc21c87daba87a810c285b4746778fd453f67e8 { height: 207px; } .uid-4FWAG6JMNmlfSUpA9prSqv-c2ed7a244d5fbdfe50c2713ddbc21c87daba87a810c285b4746778fd453f67e8 img { width: 276px; height: 207px; } @media (min-width: 718px) { .uid-4FWAG6JMNmlfSUpA9prSqv-c2ed7a244d5fbdfe50c2713ddbc21c87daba87a810c285b4746778fd453f67e8 { height: 155px; } } @media (min-width: 718px) { .uid-4FWAG6JMNmlfSUpA9prSqv-c2ed7a244d5fbdfe50c2713ddbc21c87daba87a810c285b4746778fd453f67e8 img { width: 207px; height: 155px; } } @media (min-width: 1024px) { .uid-4FWAG6JMNmlfSUpA9prSqv-c2ed7a244d5fbdfe50c2713ddbc21c87daba87a810c285b4746778fd453f67e8 { height: 203px; } } @media (min-width: 1024px) { .uid-4FWAG6JMNmlfSUpA9prSqv-c2ed7a244d5fbdfe50c2713ddbc21c87daba87a810c285b4746778fd453f67e8 img { width: 270px; height: 203px; } } @media (min-width: 1292px) { .uid-4FWAG6JMNmlfSUpA9prSqv-c2ed7a244d5fbdfe50c2713ddbc21c87daba87a810c285b4746778fd453f67e8 { height: 207px; } } @media (min-width: 1292px) { .uid-4FWAG6JMNmlfSUpA9prSqv-c2ed7a244d5fbdfe50c2713ddbc21c87daba87a810c285b4746778fd453f67e8 img { width: 276px; height: 207px; } } .uid-15S4n5YMWkAjlUnfMAtA3n-e1e0d51e0107cb0e9790dfee03b4eddf13cfa74a0cddc3d5c0d26fbaadf6e683 { height: 207px; } .uid-15S4n5YMWkAjlUnfMAtA3n-e1e0d51e0107cb0e9790dfee03b4eddf13cfa74a0cddc3d5c0d26fbaadf6e683 img { width: 276px; height: 207px; } @media (min-width: 718px) { .uid-15S4n5YMWkAjlUnfMAtA3n-e1e0d51e0107cb0e9790dfee03b4eddf13cfa74a0cddc3d5c0d26fbaadf6e683 { height: 155px; } } @media (min-width: 718px) { .uid-15S4n5YMWkAjlUnfMAtA3n-e1e0d51e0107cb0e9790dfee03b4eddf13cfa74a0cddc3d5c0d26fbaadf6e683 img { width: 207px; height: 155px; } } @media (min-width: 1024px) { .uid-15S4n5YMWkAjlUnfMAtA3n-e1e0d51e0107cb0e9790dfee03b4eddf13cfa74a0cddc3d5c0d26fbaadf6e683 { height: 203px; } } @media (min-width: 1024px) { .uid-15S4n5YMWkAjlUnfMAtA3n-e1e0d51e0107cb0e9790dfee03b4eddf13cfa74a0cddc3d5c0d26fbaadf6e683 img { width: 270px; height: 203px; } } @media (min-width: 1292px) { .uid-15S4n5YMWkAjlUnfMAtA3n-e1e0d51e0107cb0e9790dfee03b4eddf13cfa74a0cddc3d5c0d26fbaadf6e683 { height: 207px; } } @media (min-width: 1292px) { .uid-15S4n5YMWkAjlUnfMAtA3n-e1e0d51e0107cb0e9790dfee03b4eddf13cfa74a0cddc3d5c0d26fbaadf6e683 img { width: 276px; height: 207px; } } section[data-entry-id="5U52dhSF1hc3ngguJGBh2d"] { min-height: 196px; } @media (min-width: 374px) { section[data-entry-id="5U52dhSF1hc3ngguJGBh2d"] { min-height: 252px; } } @media (min-width: 480px) { section[data-entry-id="5U52dhSF1hc3ngguJGBh2d"] { min-height: 378px; } } @media (min-width: 718px) { section[data-entry-id="5U52dhSF1hc3ngguJGBh2d"] { min-height: 428px; } } @media (min-width: 1024px) { section[data-entry-id="5U52dhSF1hc3ngguJGBh2d"] { min-height: 540px; } } @media (min-width: 1292px) { section[data-entry-id="5U52dhSF1hc3ngguJGBh2d"] { min-height: 702px; } } </style><script src="https://xms-production-f.squarecdn.com/xms/assets/application-765c7449da68bc582ef73ee61785cc4a53415122d88711c96d70a3540e3cd037.js" defer="defer" nonce="9itj2knFmcI+e0dZ7G5Os+TRg5WXV/W6LkhLjpwodkA="></script><script src="https://xms-production-f.squarecdn.com/xms/assets/precompile/sections/full_page_accordion_section-f6a24aa00864d8b9d6692720c9f778e6bbda7198d865aa366d650f3c42809b79.js" defer="defer" nonce="9itj2knFmcI+e0dZ7G5Os+TRg5WXV/W6LkhLjpwodkA="></script><script src="https://xms-production-f.squarecdn.com/xms/assets/precompile/lib/budoux-b90e9059e65d5a339d8d1efd69eff5d10672fae53dcd03487eda527ae4ba4d2b.js" defer="defer" nonce="9itj2knFmcI+e0dZ7G5Os+TRg5WXV/W6LkhLjpwodkA="></script><script type="module" nonce="9itj2knFmcI+e0dZ7G5Os+TRg5WXV/W6LkhLjpwodkA=">/*! * do not edit; file generated from public-web-customizations. * BUNDLE=two-column-vertical-carousel-component * HASH=dedaebb2b5fc634f4eee */!function(){"use strict";var e,t={8050:function(e,t,n){n(2526),n(1817),n(2165),n(9826),n(1038),n(6699),n(6992),n(8011),n(9070),n(489),n(8304),n(1539),n(8783),n(3948);var o=n(1379),r=n(400);function s(e,t,n){const o=e.slice();return o[13]=t[n],o[15]=n,o}function i(e,t,n){const o=e.slice();return o[13]=t[n],o[15]=n,o}function a(e){let t,n,r,s,i,a,l,c=e[13].content.outerHTML+"";return{c(){t=(0,o.bG)("div"),r=(0,o.Dh)(),this.h()},l(e){t=(0,o.vT)(e,"DIV",{class:!0,"data-index":!0,"data-active":!0});var n=(0,o.pI)(t);r=(0,o.qz)(n),n.forEach(o.og),this.h()},h(){n=new o.FW(r),(0,o.Lj)(t,"class","hover-carousel-content svelte-837w5s"),(0,o.Lj)(t,"data-index",s=e[15]),(0,o.Lj)(t,"data-active",i=e[15]==e[6])},m(s,i){(0,o.$T)(s,t,i),n.m(c,t),(0,o.R3)(t,r),a||(l=(0,o.oL)(t,"mouseenter",e[7]),a=!0)},p(e,r){1&r&&c!==(c=e[13].content.outerHTML+"")&&n.p(c),64&r&&i!==(i=e[15]==e[6])&&(0,o.Lj)(t,"data-active",i)},d(e){e&&(0,o.og)(t),a=!1,l()}}}function l(e){let t,n,r,s,i,a=e[13].image.outerHTML+"";return{c(){t=(0,o.bG)("div"),r=(0,o.Dh)(),this.h()},l(e){t=(0,o.vT)(e,"DIV",{class:!0,"data-index":!0,"data-active":!0,style:!0});var n=(0,o.pI)(t);r=(0,o.qz)(n),n.forEach(o.og),this.h()},h(){n=new o.FW(r),(0,o.Lj)(t,"class","hover-carousel-image svelte-837w5s"),(0,o.Lj)(t,"data-index",s=e[15]),(0,o.Lj)(t,"data-active",i=e[15]==e[6]),(0,o.cz)(t,"--carousel-image-shift-factor",e[15])},m(e,s){(0,o.$T)(e,t,s),n.m(a,t),(0,o.R3)(t,r)},p(e,r){1&r&&a!==(a=e[13].image.outerHTML+"")&&n.p(a),64&r&&i!==(i=e[15]==e[6])&&(0,o.Lj)(t,"data-active",i)},d(e){e&&(0,o.og)(t)}}}function c(e){let t,n,r,c,u,h,f,v,d,m=e[0],p=[];for(let t=0;t<m.length;t+=1)p[t]=a(i(e,m,t));let g=e[0],y=[];for(let t=0;t<g.length;t+=1)y[t]=l(s(e,g,t));return{c(){t=(0,o.bG)("section"),n=(0,o.bG)("div"),r=(0,o.bG)("div");for(let e=0;e<p.length;e+=1)p[e].c();c=(0,o.Dh)(),u=(0,o.bG)("div"),h=(0,o.bG)("div"),f=(0,o.bG)("div");for(let e=0;e<y.length;e+=1)y[e].c();this.h()},l(e){t=(0,o.vT)(e,"SECTION",{class:!0});var s=(0,o.pI)(t);n=(0,o.vT)(s,"DIV",{class:!0});var i=(0,o.pI)(n);r=(0,o.vT)(i,"DIV",{class:!0});var a=(0,o.pI)(r);for(let e=0;e<p.length;e+=1)p[e].l(a);a.forEach(o.og),c=(0,o.qz)(i),u=(0,o.vT)(i,"DIV",{class:!0});var l=(0,o.pI)(u);h=(0,o.vT)(l,"DIV",{class:!0,style:!0});var v=(0,o.pI)(h);f=(0,o.vT)(v,"DIV",{class:!0});var d=(0,o.pI)(f);for(let e=0;e<y.length;e+=1)y[e].l(d);d.forEach(o.og),v.forEach(o.og),l.forEach(o.og),i.forEach(o.og),s.forEach(o.og),this.h()},h(){(0,o.Lj)(r,"class","hover-carousel-column-left svelte-837w5s"),(0,o.Lj)(f,"class","hover-carousel-image-slider svelte-837w5s"),(0,o.Lj)(h,"class","hover-carousel-images-container svelte-837w5s"),(0,o.cz)(h,"--carousel-active-index",e[6]),(0,o.Lj)(u,"class","hover-carousel-column-right svelte-837w5s"),(0,o.Lj)(n,"class",v="two-column-hover-carousel "+e[3]+" svelte-837w5s"),(0,o.Lj)(t,"class",d="sq-custom-section-two-column-hover-carousel hide-until-large "+e[1]+" sq-custom-display-none-unless-hover "+e[2]+" svelte-837w5s")},m(s,i){(0,o.$T)(s,t,i),(0,o.R3)(t,n),(0,o.R3)(n,r);for(let e=0;e<p.length;e+=1)p[e].m(r,null);e[8](r),(0,o.R3)(n,c),(0,o.R3)(n,u),(0,o.R3)(u,h),(0,o.R3)(h,f);for(let e=0;e<y.length;e+=1)y[e].m(f,null);e[9](h)},p(e,[c]){if(193&c){let t;for(m=e[0],t=0;t<m.length;t+=1){const n=i(e,m,t);p[t]?p[t].p(n,c):(p[t]=a(n),p[t].c(),p[t].m(r,null))}for(;t<p.length;t+=1)p[t].d(1);p.length=m.length}if(65&c){let t;for(g=e[0],t=0;t<g.length;t+=1){const n=s(e,g,t);y[t]?y[t].p(n,c):(y[t]=l(n),y[t].c(),y[t].m(f,null))}for(;t<y.length;t+=1)y[t].d(1);y.length=g.length}64&c&&(0,o.cz)(h,"--carousel-active-index",e[6]),8&c&&v!==(v="two-column-hover-carousel "+e[3]+" svelte-837w5s")&&(0,o.Lj)(n,"class",v),6&c&&d!==(d="sq-custom-section-two-column-hover-carousel hide-until-large "+e[1]+" sq-custom-display-none-unless-hover "+e[2]+" svelte-837w5s")&&(0,o.Lj)(t,"class",d)},i:o.ZT,o:o.ZT,d(n){n&&(0,o.og)(t),(0,o.RM)(p,n),e[8](null),(0,o.RM)(y,n),e[9](null)}}}function u(e,t,n){let s,i,a,l=0,{columns:c=[]}=t,{transitionClass:u}=t,{reverseLayout:h}=t,{contentClasses:f}=t;function v(e){a.forEach(((t,n)=>{n===e?t.animation.play():(t.animation.pause(),t.animation.goToAndStop(0,!0))}))}function d(){let e=0;const t=s.querySelectorAll("img"),n=s.querySelectorAll(".animation-wrapper .animation");t.length>0&&(t.forEach((t=>{e=Math.max(t.getBoundingClientRect().height,e)})),s.style.setProperty("--images-container-height",e)),n.length>0&&s.style.setProperty("--images-container-height","auto")}return console.log("Svelte Component Script: Two Column Hover Carousel",c),(0,r.H3)((()=>{s.querySelectorAll("img").forEach((e=>{Sq.LazyLoader.load(e),e.classList.add("loaded"),e.addEventListener("load",(function(){d()}))})),a=[],s.querySelectorAll(".animation").forEach((e=>{e.innerHTML="";const t=new Sq.Animation(e);t.observer.disconnect(),a.push(t),d()})),v(parseInt(l)),d(),Sq.Resize.onResize((()=>{d()}))})),e.$$set=e=>{"columns"in e&&n(0,c=e.columns),"transitionClass"in e&&n(1,u=e.transitionClass),"reverseLayout"in e&&n(2,h=e.reverseLayout),"contentClasses"in e&&n(3,f=e.contentClasses)},[c,u,h,f,s,i,l,function(e){n(6,l=e.target.dataset.index),v(parseInt(l))},function(e){o.Vn[e?"unshift":"push"]((()=>{i=e,n(5,i)}))},function(e){o.Vn[e?"unshift":"push"]((()=>{s=e,n(4,s)}))}]}class h extends o.f_{constructor(e){super(),(0,o.S1)(this,e,u,c,o.N8,{columns:0,transitionClass:1,reverseLayout:2,contentClasses:3})}}var f,v,d,m,p,g,y,w,b=h;function L(e){return(L="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function C(e,t){return!t||"object"!==L(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function S(e){return(S=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function j(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function q(e,t,n){return t&&j(e.prototype,t),n&&j(e,n),e}function T(e,t){return(T=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}window.Sq=window.Sq||{},Sq.Custom=Sq.Custom||{},Sq.Custom.TwoColumnHoverCarouselSection=(f=".sq-custom-two-column-hover-carousel--source",v=".multi-column-grid > .column",d=".grid > .column:nth-child(2) > div",m=".grid > .column:nth-child(1) > div",p=".sq-custom-two-column-hover-carousel--hide-at-large",g="sq-custom-two-column-hover-carousel--reverse-layout",y=["sq-custom-two-column-hover-carousel--transition-opacity","sq-custom-two-column-hover-carousel--transition-slide"],w=!1,function(e){function t(e){var n;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var o=n=C(this,S(t).call(this,e,"Sq.Custom.TwoColumnHoverCarouselSection","sq.custom.two-column-hover-carousel-section"));return o?C(n,o):n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&T(e,t)}(t,Sq.BaseSection),q(t,null,[{key:"initAll",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:f,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:p;w||($(e).each((function(e,n){new t(n).render()})),this.setupHideAtLarge(n),w=!0)}},{key:"setupHideAtLarge",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:p;$(e).addClass("hide-at-large")}}]),q(t,[{key:"render",value:function(){this.component=new b({target:this.$section.parent().get(0),anchor:this.element,props:this.extractProps()})}},{key:"extractProps",value:function(){var e=[];this.$section.find(v).each((function(t,n){var o,r=$(n).find(m);if(r.find(".animation").length>0){var s=$('<div class="animation-wrapper">'),i=$(n).find('[class^="animation-color"]').attr("class");i&&s.addClass(i),s.append(r),o=s}else o=r;e.push({content:$(n).find(d).get(0),image:o.get(0)})}));var t=Array.from(this.$section.get(0).classList).find((function(e){return y.includes(e)}))||y[0],n=this.$section.hasClass(g)?g:"",o=this.$section.find(".content").get(0).className;return{columns:e,transitionClass:t,reverseLayout:n,contentClasses:o}}}]),t}()),window.onload=function(){Sq.Custom.TwoColumnHoverCarouselSection.initAll()}}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var s=n[e]={exports:{}};return t[e](s,s.exports,o),s.exports}o.m=t,e=[],o.O=function(t,n,r,s){if(!n){var i=1/0;for(c=0;c<e.length;c++){n=e[c][0],r=e[c][1],s=e[c][2];for(var a=!0,l=0;l<n.length;l++)(!1&s||i>=s)&&Object.keys(o.O).every((function(e){return o.O[e](n[l])}))?n.splice(l--,1):(a=!1,s<i&&(i=s));a&&(e.splice(c--,1),t=r())}return t}s=s||0;for(var c=e.length;c>0&&e[c-1][2]>s;c--)e[c]=e[c-1];e[c]=[n,r,s]},o.d=function(e,t){for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){var e={179:0};o.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,s,i=n[0],a=n[1],l=n[2],c=0;for(r in a)o.o(a,r)&&(o.m[r]=a[r]);if(l)var u=l(o);for(t&&t(n);c<i.length;c++)s=i[c],o.o(e,s)&&e[s]&&e[s][0](),e[i[c]]=0;return o.O(u)},n=self.webpackChunkpublic_web_customizations=self.webpackChunkpublic_web_customizations||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}();var r=o.O(void 0,[216],(function(){return o(8050)}));r=o.O(r)}();</script><script type="module" nonce="9itj2knFmcI+e0dZ7G5Os+TRg5WXV/W6LkhLjpwodkA=">/*! * do not edit; file generated from public-web-customizations. * BUNDLE=two-column-vertical-carousel-component * HASH=dedaebb2b5fc634f4eee */ (self.webpackChunkpublic_web_customizations=self.webpackChunkpublic_web_customizations||[]).push([[216],{3099:function(t){t.exports=function(t){if("function"!=typeof t)throw TypeError(String(t)+" is not a function");return t}},6077:function(t,n,r){var e=r(111);t.exports=function(t){if(!e(t)&&null!==t)throw TypeError("Can't set "+String(t)+" as a prototype");return t}},1223:function(t,n,r){var e=r(5112),o=r(30),i=r(3070),u=e("unscopables"),c=Array.prototype;null==c[u]&&i.f(c,u,{configurable:!0,value:o(null)}),t.exports=function(t){c[u][t]=!0}},9670:function(t,n,r){var e=r(111);t.exports=function(t){if(!e(t))throw TypeError(String(t)+" is not an object");return t}},8457:function(t,n,r){"use strict";var e=r(9974),o=r(7908),i=r(3411),u=r(7659),c=r(7466),f=r(6135),a=r(1246);t.exports=function(t){var n,r,s,l,p,h,d=o(t),y="function"==typeof this?this:Array,v=arguments.length,g=v>1?arguments[1]:void 0,b=void 0!==g,m=a(d),x=0;if(b&&(g=e(g,v>2?arguments[2]:void 0,2)),null==m||y==Array&&u(m))for(r=new y(n=c(d.length));n>x;x++)h=b?g(d[x],x):d[x],f(r,x,h);else for(p=(l=m.call(d)).next,r=new y;!(s=p.call(l)).done;x++)h=b?i(l,g,[s.value,x],!0):s.value,f(r,x,h);return r.length=x,r}},1318:function(t,n,r){var e=r(5656),o=r(7466),i=r(1400),u=function(t){return function(n,r,u){var c,f=e(n),a=o(f.length),s=i(u,a);if(t&&r!=r){for(;a>s;)if((c=f[s++])!=c)return!0}else for(;a>s;s++)if((t||s in f)&&f[s]===r)return t||s||0;return!t&&-1}};t.exports={includes:u(!0),indexOf:u(!1)}},2092:function(t,n,r){var e=r(9974),o=r(8361),i=r(7908),u=r(7466),c=r(5417),f=[].push,a=function(t){var n=1==t,r=2==t,a=3==t,s=4==t,l=6==t,p=5==t||l;return function(h,d,y,v){for(var g,b,m=i(h),x=o(m),S=e(d,y,3),O=u(x.length),w=0,$=v||c,j=n?$(h,O):r?$(h,0):void 0;O>w;w++)if((p||w in x)&&(b=S(g=x[w],w,m),t))if(n)j[w]=b;else if(b)switch(t){case 3:return!0;case 5:return g;case 6:return w;case 2:f.call(j,g)}else if(s)return!1;return l?-1:a||s?s:j}};t.exports={forEach:a(0),map:a(1),filter:a(2),some:a(3),every:a(4),find:a(5),findIndex:a(6)}},9207:function(t,n,r){var e=r(9781),o=r(7293),i=r(6656),u=Object.defineProperty,c={},f=function(t){throw t};t.exports=function(t,n){if(i(c,t))return c[t];n||(n={});var r=[][t],a=!!i(n,"ACCESSORS")&&n.ACCESSORS,s=i(n,0)?n[0]:f,l=i(n,1)?n[1]:void 0;return c[t]=!!r&&!o((function(){if(a&&!e)return!0;var t={length:-1};a?u(t,1,{enumerable:!0,get:f}):t[1]=1,r.call(t,s,l)}))}},5417:function(t,n,r){var e=r(111),o=r(3157),i=r(5112)("species");t.exports=function(t,n){var r;return o(t)&&("function"!=typeof(r=t.constructor)||r!==Array&&!o(r.prototype)?e(r)&&null===(r=r[i])&&(r=void 0):r=void 0),new(void 0===r?Array:r)(0===n?0:n)}},3411:function(t,n,r){var e=r(9670);t.exports=function(t,n,r,o){try{return o?n(e(r)[0],r[1]):n(r)}catch(n){var i=t.return;throw void 0!==i&&e(i.call(t)),n}}},7072:function(t,n,r){var e=r(5112)("iterator"),o=!1;try{var i=0,u={next:function(){return{done:!!i++}},return:function(){o=!0}};u[e]=function(){return this},Array.from(u,(function(){throw 2}))}catch(t){}t.exports=function(t,n){if(!n&&!o)return!1;var r=!1;try{var i={};i[e]=function(){return{next:function(){return{done:r=!0}}}},t(i)}catch(t){}return r}},4326:function(t){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},648:function(t,n,r){var e=r(1694),o=r(4326),i=r(5112)("toStringTag"),u="Arguments"==o(function(){return arguments}());t.exports=e?o:function(t){var n,r,e;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(r=function(t,n){try{return t[n]}catch(t){}}(n=Object(t),i))?r:u?o(n):"Object"==(e=o(n))&&"function"==typeof n.callee?"Arguments":e}},9920:function(t,n,r){var e=r(6656),o=r(3887),i=r(1236),u=r(3070);t.exports=function(t,n){for(var r=o(n),c=u.f,f=i.f,a=0;a<r.length;a++){var s=r[a];e(t,s)||c(t,s,f(n,s))}}},8544:function(t,n,r){var e=r(7293);t.exports=!e((function(){function t(){}return t.prototype.constructor=null,Object.getPrototypeOf(new t)!==t.prototype}))},4994:function(t,n,r){"use strict";var e=r(3383).IteratorPrototype,o=r(30),i=r(9114),u=r(8003),c=r(7497),f=function(){return this};t.exports=function(t,n,r){var a=n+" Iterator";return t.prototype=o(e,{next:i(1,r)}),u(t,a,!1,!0),c[a]=f,t}},8880:function(t,n,r){var e=r(9781),o=r(3070),i=r(9114);t.exports=e?function(t,n,r){return o.f(t,n,i(1,r))}:function(t,n,r){return t[n]=r,t}},9114:function(t){t.exports=function(t,n){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:n}}},6135:function(t,n,r){"use strict";var e=r(7593),o=r(3070),i=r(9114);t.exports=function(t,n,r){var u=e(n);u in t?o.f(t,u,i(0,r)):t[u]=r}},654:function(t,n,r){"use strict";var e=r(2109),o=r(4994),i=r(9518),u=r(7674),c=r(8003),f=r(8880),a=r(1320),s=r(5112),l=r(1913),p=r(7497),h=r(3383),d=h.IteratorPrototype,y=h.BUGGY_SAFARI_ITERATORS,v=s("iterator"),g="keys",b="values",m="entries",x=function(){return this};t.exports=function(t,n,r,s,h,S,O){o(r,n,s);var w,$,j,_=function(t){if(t===h&&k)return k;if(!y&&t in P)return P[t];switch(t){case g:case b:case m:return function(){return new r(this,t)}}return function(){return new r(this)}},A=n+" Iterator",T=!1,P=t.prototype,E=P[v]||P["@@iterator"]||h&&P[h],k=!y&&E||_(h),L="Array"==n&&P.entries||E;if(L&&(w=i(L.call(new t)),d!==Object.prototype&&w.next&&(l||i(w)===d||(u?u(w,d):"function"!=typeof w[v]&&f(w,v,x)),c(w,A,!0,!0),l&&(p[A]=x))),h==b&&E&&E.name!==b&&(T=!0,k=function(){return E.call(this)}),l&&!O||P[v]===k||f(P,v,k),p[n]=k,h)if($={values:_(b),keys:S?k:_(g),entries:_(m)},O)for(j in $)(y||T||!(j in P))&&a(P,j,$[j]);else e({target:n,proto:!0,forced:y||T},$);return $}},7235:function(t,n,r){var e=r(857),o=r(6656),i=r(6061),u=r(3070).f;t.exports=function(t){var n=e.Symbol||(e.Symbol={});o(n,t)||u(n,t,{value:i.f(t)})}},9781:function(t,n,r){var e=r(7293);t.exports=!e((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},317:function(t,n,r){var e=r(7854),o=r(111),i=e.document,u=o(i)&&o(i.createElement);t.exports=function(t){return u?i.createElement(t):{}}},8324:function(t){t.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},748:function(t){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},2109:function(t,n,r){var e=r(7854),o=r(1236).f,i=r(8880),u=r(1320),c=r(3505),f=r(9920),a=r(4705);t.exports=function(t,n){var r,s,l,p,h,d=t.target,y=t.global,v=t.stat;if(r=y?e:v?e[d]||c(d,{}):(e[d]||{}).prototype)for(s in n){if(p=n[s],l=t.noTargetGet?(h=o(r,s))&&h.value:r[s],!a(y?s:d+(v?".":"#")+s,t.forced)&&void 0!==l){if(typeof p==typeof l)continue;f(p,l)}(t.sham||l&&l.sham)&&i(p,"sham",!0),u(r,s,p,t)}}},7293:function(t){t.exports=function(t){try{return!!t()}catch(t){return!0}}},9974:function(t,n,r){var e=r(3099);t.exports=function(t,n,r){if(e(t),void 0===n)return t;switch(r){case 0:return function(){return t.call(n)};case 1:return function(r){return t.call(n,r)};case 2:return function(r,e){return t.call(n,r,e)};case 3:return function(r,e,o){return t.call(n,r,e,o)}}return function(){return t.apply(n,arguments)}}},5005:function(t,n,r){var e=r(857),o=r(7854),i=function(t){return"function"==typeof t?t:void 0};t.exports=function(t,n){return arguments.length<2?i(e[t])||i(o[t]):e[t]&&e[t][n]||o[t]&&o[t][n]}},1246:function(t,n,r){var e=r(648),o=r(7497),i=r(5112)("iterator");t.exports=function(t){if(null!=t)return t[i]||t["@@iterator"]||o[e(t)]}},7854:function(t,n,r){var e=function(t){return t&&t.Math==Math&&t};t.exports=e("object"==typeof globalThis&&globalThis)||e("object"==typeof window&&window)||e("object"==typeof self&&self)||e("object"==typeof r.g&&r.g)||Function("return this")()},6656:function(t){var n={}.hasOwnProperty;t.exports=function(t,r){return n.call(t,r)}},3501:function(t){t.exports={}},490:function(t,n,r){var e=r(5005);t.exports=e("document","documentElement")},4664:function(t,n,r){var e=r(9781),o=r(7293),i=r(317);t.exports=!e&&!o((function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},8361:function(t,n,r){var e=r(7293),o=r(4326),i="".split;t.exports=e((function(){return!Object("z").propertyIsEnumerable(0)}))?function(t){return"String"==o(t)?i.call(t,""):Object(t)}:Object},2788:function(t,n,r){var e=r(5465),o=Function.toString;"function"!=typeof e.inspectSource&&(e.inspectSource=function(t){return o.call(t)}),t.exports=e.inspectSource},9909:function(t,n,r){var e,o,i,u=r(8536),c=r(7854),f=r(111),a=r(8880),s=r(6656),l=r(6200),p=r(3501),h=c.WeakMap;if(u){var d=new h,y=d.get,v=d.has,g=d.set;e=function(t,n){return g.call(d,t,n),n},o=function(t){return y.call(d,t)||{}},i=function(t){return v.call(d,t)}}else{var b=l("state");p[b]=!0,e=function(t,n){return a(t,b,n),n},o=function(t){return s(t,b)?t[b]:{}},i=function(t){return s(t,b)}}t.exports={set:e,get:o,has:i,enforce:function(t){return i(t)?o(t):e(t,{})},getterFor:function(t){return function(n){var r;if(!f(n)||(r=o(n)).type!==t)throw TypeError("Incompatible receiver, "+t+" required");return r}}}},7659:function(t,n,r){var e=r(5112),o=r(7497),i=e("iterator"),u=Array.prototype;t.exports=function(t){return void 0!==t&&(o.Array===t||u[i]===t)}},3157:function(t,n,r){var e=r(4326);t.exports=Array.isArray||function(t){return"Array"==e(t)}},4705:function(t,n,r){var e=r(7293),o=/#|\.prototype\./,i=function(t,n){var r=c[u(t)];return r==a||r!=f&&("function"==typeof n?e(n):!!n)},u=i.normalize=function(t){return String(t).replace(o,".").toLowerCase()},c=i.data={},f=i.NATIVE="N",a=i.POLYFILL="P";t.exports=i},111:function(t){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},1913:function(t){t.exports=!1},3383:function(t,n,r){"use strict";var e,o,i,u=r(9518),c=r(8880),f=r(6656),a=r(5112),s=r(1913),l=a("iterator"),p=!1;[].keys&&("next"in(i=[].keys())?(o=u(u(i)))!==Object.prototype&&(e=o):p=!0),null==e&&(e={}),s||f(e,l)||c(e,l,(function(){return this})),t.exports={IteratorPrototype:e,BUGGY_SAFARI_ITERATORS:p}},7497:function(t){t.exports={}},133:function(t,n,r){var e=r(7293);t.exports=!!Object.getOwnPropertySymbols&&!e((function(){return!String(Symbol())}))},8536:function(t,n,r){var e=r(7854),o=r(2788),i=e.WeakMap;t.exports="function"==typeof i&&/native code/.test(o(i))},30:function(t,n,r){var e,o=r(9670),i=r(6048),u=r(748),c=r(3501),f=r(490),a=r(317),s=r(6200),l=s("IE_PROTO"),p=function(){},h=function(t){return"<script>"+t+"</"+"script>"},d=function(){try{e=document.domain&&new ActiveXObject("htmlfile")}catch(t){}var t,n;d=e?function(t){t.write(h("")),t.close();var n=t.parentWindow.Object;return t=null,n}(e):((n=a("iframe")).style.display="none",f.appendChild(n),n.src=String("javascript:"),(t=n.contentWindow.document).open(),t.write(h("document.F=Object")),t.close(),t.F);for(var r=u.length;r--;)delete d.prototype[u[r]];return d()};c[l]=!0,t.exports=Object.create||function(t,n){var r;return null!==t?(p.prototype=o(t),r=new p,p.prototype=null,r[l]=t):r=d(),void 0===n?r:i(r,n)}},6048:function(t,n,r){var e=r(9781),o=r(3070),i=r(9670),u=r(1956);t.exports=e?Object.defineProperties:function(t,n){i(t);for(var r,e=u(n),c=e.length,f=0;c>f;)o.f(t,r=e[f++],n[r]);return t}},3070:function(t,n,r){var e=r(9781),o=r(4664),i=r(9670),u=r(7593),c=Object.defineProperty;n.f=e?c:function(t,n,r){if(i(t),n=u(n,!0),i(r),o)try{return c(t,n,r)}catch(t){}if("get"in r||"set"in r)throw TypeError("Accessors not supported");return"value"in r&&(t[n]=r.value),t}},1236:function(t,n,r){var e=r(9781),o=r(5296),i=r(9114),u=r(5656),c=r(7593),f=r(6656),a=r(4664),s=Object.getOwnPropertyDescriptor;n.f=e?s:function(t,n){if(t=u(t),n=c(n,!0),a)try{return s(t,n)}catch(t){}if(f(t,n))return i(!o.f.call(t,n),t[n])}},1156:function(t,n,r){var e=r(5656),o=r(8006).f,i={}.toString,u="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[];t.exports.f=function(t){return u&&"[object Window]"==i.call(t)?function(t){try{return o(t)}catch(t){return u.slice()}}(t):o(e(t))}},8006:function(t,n,r){var e=r(6324),o=r(748).concat("length","prototype");n.f=Object.getOwnPropertyNames||function(t){return e(t,o)}},5181:function(t,n){n.f=Object.getOwnPropertySymbols},9518:function(t,n,r){var e=r(6656),o=r(7908),i=r(6200),u=r(8544),c=i("IE_PROTO"),f=Object.prototype;t.exports=u?Object.getPrototypeOf:function(t){return t=o(t),e(t,c)?t[c]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?f:null}},6324:function(t,n,r){var e=r(6656),o=r(5656),i=r(1318).indexOf,u=r(3501);t.exports=function(t,n){var r,c=o(t),f=0,a=[];for(r in c)!e(u,r)&&e(c,r)&&a.push(r);for(;n.length>f;)e(c,r=n[f++])&&(~i(a,r)||a.push(r));return a}},1956:function(t,n,r){var e=r(6324),o=r(748);t.exports=Object.keys||function(t){return e(t,o)}},5296:function(t,n){"use strict";var r={}.propertyIsEnumerable,e=Object.getOwnPropertyDescriptor,o=e&&!r.call({1:2},1);n.f=o?function(t){var n=e(this,t);return!!n&&n.enumerable}:r},7674:function(t,n,r){var e=r(9670),o=r(6077);t.exports=Object.setPrototypeOf||("__proto__"in{}?function(){var t,n=!1,r={};try{(t=Object.getOwnPropertyDescriptor(Object.prototype,"__proto__").set).call(r,[]),n=r instanceof Array}catch(t){}return function(r,i){return e(r),o(i),n?t.call(r,i):r.__proto__=i,r}}():void 0)},288:function(t,n,r){"use strict";var e=r(1694),o=r(648);t.exports=e?{}.toString:function(){return"[object "+o(this)+"]"}},3887:function(t,n,r){var e=r(5005),o=r(8006),i=r(5181),u=r(9670);t.exports=e("Reflect","ownKeys")||function(t){var n=o.f(u(t)),r=i.f;return r?n.concat(r(t)):n}},857:function(t,n,r){var e=r(7854);t.exports=e},1320:function(t,n,r){var e=r(7854),o=r(8880),i=r(6656),u=r(3505),c=r(2788),f=r(9909),a=f.get,s=f.enforce,l=String(String).split("String");(t.exports=function(t,n,r,c){var f=!!c&&!!c.unsafe,a=!!c&&!!c.enumerable,p=!!c&&!!c.noTargetGet;"function"==typeof r&&("string"!=typeof n||i(r,"name")||o(r,"name",n),s(r).source=l.join("string"==typeof n?n:"")),t!==e?(f?!p&&t[n]&&(a=!0):delete t[n],a?t[n]=r:o(t,n,r)):a?t[n]=r:u(n,r)})(Function.prototype,"toString",(function(){return"function"==typeof this&&a(this).source||c(this)}))},4488:function(t){t.exports=function(t){if(null==t)throw TypeError("Can't call method on "+t);return t}},3505:function(t,n,r){var e=r(7854),o=r(8880);t.exports=function(t,n){try{o(e,t,n)}catch(r){e[t]=n}return n}},8003:function(t,n,r){var e=r(3070).f,o=r(6656),i=r(5112)("toStringTag");t.exports=function(t,n,r){t&&!o(t=r?t:t.prototype,i)&&e(t,i,{configurable:!0,value:n})}},6200:function(t,n,r){var e=r(2309),o=r(9711),i=e("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},5465:function(t,n,r){var e=r(7854),o=r(3505),i="__core-js_shared__",u=e[i]||o(i,{});t.exports=u},2309:function(t,n,r){var e=r(1913),o=r(5465);(t.exports=function(t,n){return o[t]||(o[t]=void 0!==n?n:{})})("versions",[]).push({version:"3.6.4",mode:e?"pure":"global",copyright:"© 2020 Denis Pushkarev (zloirock.ru)"})},8710:function(t,n,r){var e=r(9958),o=r(4488),i=function(t){return function(n,r){var i,u,c=String(o(n)),f=e(r),a=c.length;return f<0||f>=a?t?"":void 0:(i=c.charCodeAt(f))<55296||i>56319||f+1===a||(u=c.charCodeAt(f+1))<56320||u>57343?t?c.charAt(f):i:t?c.slice(f,f+2):u-56320+(i-55296<<10)+65536}};t.exports={codeAt:i(!1),charAt:i(!0)}},1400:function(t,n,r){var e=r(9958),o=Math.max,i=Math.min;t.exports=function(t,n){var r=e(t);return r<0?o(r+n,0):i(r,n)}},5656:function(t,n,r){var e=r(8361),o=r(4488);t.exports=function(t){return e(o(t))}},9958:function(t){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},7466:function(t,n,r){var e=r(9958),o=Math.min;t.exports=function(t){return t>0?o(e(t),9007199254740991):0}},7908:function(t,n,r){var e=r(4488);t.exports=function(t){return Object(e(t))}},7593:function(t,n,r){var e=r(111);t.exports=function(t,n){if(!e(t))return t;var r,o;if(n&&"function"==typeof(r=t.toString)&&!e(o=r.call(t)))return o;if("function"==typeof(r=t.valueOf)&&!e(o=r.call(t)))return o;if(!n&&"function"==typeof(r=t.toString)&&!e(o=r.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},1694:function(t,n,r){var e={};e[r(5112)("toStringTag")]="z",t.exports="[object z]"===String(e)},9711:function(t){var n=0,r=Math.random();t.exports=function(t){return"Symbol("+String(void 0===t?"":t)+")_"+(++n+r).toString(36)}},3307:function(t,n,r){var e=r(133);t.exports=e&&!Symbol.sham&&"symbol"==typeof Symbol.iterator},6061:function(t,n,r){var e=r(5112);n.f=e},5112:function(t,n,r){var e=r(7854),o=r(2309),i=r(6656),u=r(9711),c=r(133),f=r(3307),a=o("wks"),s=e.Symbol,l=f?s:s&&s.withoutSetter||u;t.exports=function(t){return i(a,t)||(c&&i(s,t)?a[t]=s[t]:a[t]=l("Symbol."+t)),a[t]}},9826:function(t,n,r){"use strict";var e=r(2109),o=r(2092).find,i=r(1223),u=r(9207),c="find",f=!0,a=u(c);c in[]&&Array(1).find((function(){f=!1})),e({target:"Array",proto:!0,forced:f||!a},{find:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),i(c)},1038:function(t,n,r){var e=r(2109),o=r(8457);e({target:"Array",stat:!0,forced:!r(7072)((function(t){Array.from(t)}))},{from:o})},6699:function(t,n,r){"use strict";var e=r(2109),o=r(1318).includes,i=r(1223);e({target:"Array",proto:!0,forced:!r(9207)("indexOf",{ACCESSORS:!0,1:0})},{includes:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),i("includes")},6992:function(t,n,r){"use strict";var e=r(5656),o=r(1223),i=r(7497),u=r(9909),c=r(654),f="Array Iterator",a=u.set,s=u.getterFor(f);t.exports=c(Array,"Array",(function(t,n){a(this,{type:f,target:e(t),index:0,kind:n})}),(function(){var t=s(this),n=t.target,r=t.kind,e=t.index++;return!n||e>=n.length?(t.target=void 0,{value:void 0,done:!0}):"keys"==r?{value:e,done:!1}:"values"==r?{value:n[e],done:!1}:{value:[e,n[e]],done:!1}}),"values"),i.Arguments=i.Array,o("keys"),o("values"),o("entries")},8011:function(t,n,r){r(2109)({target:"Object",stat:!0,sham:!r(9781)},{create:r(30)})},9070:function(t,n,r){var e=r(2109),o=r(9781);e({target:"Object",stat:!0,forced:!o,sham:!o},{defineProperty:r(3070).f})},489:function(t,n,r){var e=r(2109),o=r(7293),i=r(7908),u=r(9518),c=r(8544);e({target:"Object",stat:!0,forced:o((function(){u(1)})),sham:!c},{getPrototypeOf:function(t){return u(i(t))}})},8304:function(t,n,r){r(2109)({target:"Object",stat:!0},{setPrototypeOf:r(7674)})},1539:function(t,n,r){var e=r(1694),o=r(1320),i=r(288);e||o(Object.prototype,"toString",i,{unsafe:!0})},8783:function(t,n,r){"use strict";var e=r(8710).charAt,o=r(9909),i=r(654),u="String Iterator",c=o.set,f=o.getterFor(u);i(String,"String",(function(t){c(this,{type:u,string:String(t),index:0})}),(function(){var t,n=f(this),r=n.string,o=n.index;return o>=r.length?{value:void 0,done:!0}:(t=e(r,o),n.index+=t.length,{value:t,done:!1})}))},1817:function(t,n,r){"use strict";var e=r(2109),o=r(9781),i=r(7854),u=r(6656),c=r(111),f=r(3070).f,a=r(9920),s=i.Symbol;if(o&&"function"==typeof s&&(!("description"in s.prototype)||void 0!==s().description)){var l={},p=function(){var t=arguments.length<1||void 0===arguments[0]?void 0:String(arguments[0]),n=this instanceof p?new s(t):void 0===t?s():s(t);return""===t&&(l[n]=!0),n};a(p,s);var h=p.prototype=s.prototype;h.constructor=p;var d=h.toString,y="Symbol(test)"==String(s("test")),v=/^Symbol$(.*)$[^)]+$/;f(h,"description",{configurable:!0,get:function(){var t=c(this)?this.valueOf():this,n=d.call(t);if(u(l,t))return"";var r=y?n.slice(7,-1):n.replace(v,"$1");return""===r?void 0:r}}),e({global:!0,forced:!0},{Symbol:p})}},2165:function(t,n,r){r(7235)("iterator")},2526:function(t,n,r){"use strict";var e=r(2109),o=r(7854),i=r(5005),u=r(1913),c=r(9781),f=r(133),a=r(3307),s=r(7293),l=r(6656),p=r(3157),h=r(111),d=r(9670),y=r(7908),v=r(5656),g=r(7593),b=r(9114),m=r(30),x=r(1956),S=r(8006),O=r(1156),w=r(5181),$=r(1236),j=r(3070),_=r(5296),A=r(8880),T=r(1320),P=r(2309),E=r(6200),k=r(3501),L=r(9711),C=r(5112),M=r(6061),I=r(7235),N=r(8003),R=r(9909),F=r(2092).forEach,G=E("hidden"),D="Symbol",z=C("toPrimitive"),H=R.set,V=R.getterFor(D),q=Object.prototype,W=o.Symbol,B=i("JSON","stringify"),U=$.f,Y=j.f,J=O.f,K=_.f,Q=P("symbols"),X=P("op-symbols"),Z=P("string-to-symbol-registry"),tt=P("symbol-to-string-registry"),nt=P("wks"),rt=o.QObject,et=!rt||!rt.prototype||!rt.prototype.findChild,ot=c&&s((function(){return 7!=m(Y({},"a",{get:function(){return Y(this,"a",{value:7}).a}})).a}))?function(t,n,r){var e=U(q,n);e&&delete q[n],Y(t,n,r),e&&t!==q&&Y(q,n,e)}:Y,it=function(t,n){var r=Q[t]=m(W.prototype);return H(r,{type:D,tag:t,description:n}),c||(r.description=n),r},ut=a?function(t){return"symbol"==typeof t}:function(t){return Object(t)instanceof W},ct=function(t,n,r){t===q&&ct(X,n,r),d(t);var e=g(n,!0);return d(r),l(Q,e)?(r.enumerable?(l(t,G)&&t[G][e]&&(t[G][e]=!1),r=m(r,{enumerable:b(0,!1)})):(l(t,G)||Y(t,G,b(1,{})),t[G][e]=!0),ot(t,e,r)):Y(t,e,r)},ft=function(t,n){d(t);var r=v(n),e=x(r).concat(pt(r));return F(e,(function(n){c&&!at.call(r,n)||ct(t,n,r[n])})),t},at=function(t){var n=g(t,!0),r=K.call(this,n);return!(this===q&&l(Q,n)&&!l(X,n))&&(!(r||!l(this,n)||!l(Q,n)||l(this,G)&&this[G][n])||r)},st=function(t,n){var r=v(t),e=g(n,!0);if(r!==q||!l(Q,e)||l(X,e)){var o=U(r,e);return!o||!l(Q,e)||l(r,G)&&r[G][e]||(o.enumerable=!0),o}},lt=function(t){var n=J(v(t)),r=[];return F(n,(function(t){l(Q,t)||l(k,t)||r.push(t)})),r},pt=function(t){var n=t===q,r=J(n?X:v(t)),e=[];return F(r,(function(t){!l(Q,t)||n&&!l(q,t)||e.push(Q[t])})),e};(f||(T((W=function(){if(this instanceof W)throw TypeError("Symbol is not a constructor");var t=arguments.length&&void 0!==arguments[0]?String(arguments[0]):void 0,n=L(t),r=function(t){this===q&&r.call(X,t),l(this,G)&&l(this[G],n)&&(this[G][n]=!1),ot(this,n,b(1,t))};return c&&et&&ot(q,n,{configurable:!0,set:r}),it(n,t)}).prototype,"toString",(function(){return V(this).tag})),T(W,"withoutSetter",(function(t){return it(L(t),t)})),_.f=at,j.f=ct,$.f=st,S.f=O.f=lt,w.f=pt,M.f=function(t){return it(C(t),t)},c&&(Y(W.prototype,"description",{configurable:!0,get:function(){return V(this).description}}),u||T(q,"propertyIsEnumerable",at,{unsafe:!0}))),e({global:!0,wrap:!0,forced:!f,sham:!f},{Symbol:W}),F(x(nt),(function(t){I(t)})),e({target:D,stat:!0,forced:!f},{for:function(t){var n=String(t);if(l(Z,n))return Z[n];var r=W(n);return Z[n]=r,tt[r]=n,r},keyFor:function(t){if(!ut(t))throw TypeError(t+" is not a symbol");if(l(tt,t))return tt[t]},useSetter:function(){et=!0},useSimple:function(){et=!1}}),e({target:"Object",stat:!0,forced:!f,sham:!c},{create:function(t,n){return void 0===n?m(t):ft(m(t),n)},defineProperty:ct,defineProperties:ft,getOwnPropertyDescriptor:st}),e({target:"Object",stat:!0,forced:!f},{getOwnPropertyNames:lt,getOwnPropertySymbols:pt}),e({target:"Object",stat:!0,forced:s((function(){w.f(1)}))},{getOwnPropertySymbols:function(t){return w.f(y(t))}}),B)&&e({target:"JSON",stat:!0,forced:!f||s((function(){var t=W();return"[null]"!=B([t])||"{}"!=B({a:t})||"{}"!=B(Object(t))}))},{stringify:function(t,n,r){for(var e,o=[t],i=1;arguments.length>i;)o.push(arguments[i++]);if(e=n,(h(n)||void 0!==t)&&!ut(t))return p(n)||(n=function(t,n){if("function"==typeof e&&(n=e.call(this,t,n)),!ut(n))return n}),o[1]=n,B.apply(null,o)}});W.prototype[z]||A(W.prototype,z,W.prototype.valueOf),N(W,D),k[G]=!0},3948:function(t,n,r){var e=r(7854),o=r(8324),i=r(6992),u=r(8880),c=r(5112),f=c("iterator"),a=c("toStringTag"),s=i.values;for(var l in o){var p=e[l],h=p&&p.prototype;if(h){if(h[f]!==s)try{u(h,f,s)}catch(t){h[f]=s}if(h[a]||u(h,a,l),o[l])for(var d in i)if(h[d]!==i[d])try{u(h,d,i[d])}catch(t){h[d]=i[d]}}}},400:function(t,n,r){"use strict";r.d(n,{H3:function(){return e.H3}});var e=r(1379)},1379:function(t,n,r){"use strict";function e(){}r.d(n,{FW:function(){return w},f_:function(){return W},R3:function(){return s},Lj:function(){return b},Vn:function(){return P},pI:function(){return m},vT:function(){return x},qz:function(){return S},RM:function(){return h},og:function(){return p},bG:function(){return d},S1:function(){return q},$T:function(){return l},oL:function(){return g},ZT:function(){return e},H3:function(){return A},N8:function(){return f},cz:function(){return O},Dh:function(){return v}});function o(t){return t()}function i(){return Object.create(null)}function u(t){t.forEach(o)}function c(t){return"function"==typeof t}function f(t,n){return t!=t?n==n:t!==n||t&&"object"==typeof t||"function"==typeof t}function a(t){return 0===Object.keys(t).length}new Set;function s(t,n){t.appendChild(n)}function l(t,n,r){t.insertBefore(n,r||null)}function p(t){t.parentNode.removeChild(t)}function h(t,n){for(let r=0;r<t.length;r+=1)t[r]&&t[r].d(n)}function d(t){return document.createElement(t)}function y(t){return document.createTextNode(t)}function v(){return y(" ")}function g(t,n,r,e){return t.addEventListener(n,r,e),()=>t.removeEventListener(n,r,e)}function b(t,n,r){null==r?t.removeAttribute(n):t.getAttribute(n)!==r&&t.setAttribute(n,r)}function m(t){return Array.from(t.childNodes)}function x(t,n,r,e){for(let e=0;e<t.length;e+=1){const o=t[e];if(o.nodeName===n){let n=0;const i=[];for(;n<o.attributes.length;){const t=o.attributes[n++];r[t.name]||i.push(t.name)}for(let t=0;t<i.length;t++)o.removeAttribute(i[t]);return t.splice(e,1)[0]}}return e?function(t){return document.createElementNS("http://www.w3.org/2000/svg",t)}(n):d(n)}function S(t){return function(t,n){for(let r=0;r<t.length;r+=1){const e=t[r];if(3===e.nodeType)return e.data=""+n,t.splice(r,1)[0]}return y(n)}(t," ")}function O(t,n,r,e){t.style.setProperty(n,r,e?"important":"")}class w{constructor(t=null){this.a=t,this.e=this.n=null}m(t,n,r=null){this.e||(this.e=d(n.nodeName),this.t=n,this.h(t)),this.i(r)}h(t){this.e.innerHTML=t,this.n=Array.from(this.e.childNodes)}i(t){for(let n=0;n<this.n.length;n+=1)l(this.t,this.n[n],t)}p(t){this.d(),this.h(t),this.i(this.a)}d(){this.n.forEach(p)}}new Set;let $;function j(t){$=t}function _(){if(!$)throw new Error("Function called outside component initialization");return $}function A(t){_().$$.on_mount.push(t)}const T=[],P=[],E=[],k=[],L=Promise.resolve();let C=!1;function M(){C||(C=!0,L.then(F))}function I(t){E.push(t)}let N=!1;const R=new Set;function F(){if(!N){N=!0;do{for(let t=0;t<T.length;t+=1){const n=T[t];j(n),G(n.$$)}for(j(null),T.length=0;P.length;)P.pop()();for(let t=0;t<E.length;t+=1){const n=E[t];R.has(n)||(R.add(n),n())}E.length=0}while(T.length);for(;k.length;)k.pop()();C=!1,N=!1,R.clear()}}function G(t){if(null!==t.fragment){t.update(),u(t.before_update);const n=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,n),t.after_update.forEach(I)}}const D=new Set;function z(t,n){t&&t.i&&(D.delete(t),t.i(n))}"undefined"!=typeof window?window:"undefined"!=typeof globalThis?globalThis:global;new Set(["allowfullscreen","allowpaymentrequest","async","autofocus","autoplay","checked","controls","default","defer","disabled","formnovalidate","hidden","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","selected"]);let H;function V(t,n){const r=t.$$;null!==r.fragment&&(u(r.on_destroy),r.fragment&&r.fragment.d(n),r.on_destroy=r.fragment=null,r.ctx=[])}function q(t,n,r,f,a,s,l=[-1]){const h=$;j(t);const d=t.$$={fragment:null,ctx:null,props:s,update:e,not_equal:a,bound:i(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(h?h.$$.context:n.context||[]),callbacks:i(),dirty:l,skip_bound:!1};let y=!1;if(d.ctx=r?r(t,n.props||{},((n,r,...e)=>{const o=e.length?e[0]:r;return d.ctx&&a(d.ctx[n],d.ctx[n]=o)&&(!d.skip_bound&&d.bound[n]&&d.bound[n](o),y&&function(t,n){-1===t.$$.dirty[0]&&(T.push(t),M(),t.$$.dirty.fill(0)),t.$$.dirty[n/31|0]|=1<<n%31}(t,n)),r})):[],d.update(),y=!0,u(d.before_update),d.fragment=!!f&&f(d.ctx),n.target){if(n.hydrate){const t=m(n.target);d.fragment&&d.fragment.l(t),t.forEach(p)}else d.fragment&&d.fragment.c();n.intro&&z(t.$$.fragment),function(t,n,r,e){const{fragment:i,on_mount:f,on_destroy:a,after_update:s}=t.$$;i&&i.m(n,r),e||I((()=>{const n=f.map(o).filter(c);a?a.push(...n):u(n),t.$$.on_mount=[]})),s.forEach(I)}(t,n.target,n.anchor,n.customElement),F()}j(h)}"function"==typeof HTMLElement&&(H=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){const{on_mount:t}=this.$$;this.$$.on_disconnect=t.map(o).filter(c);for(const t in this.$$.slotted)this.appendChild(this.$$.slotted[t])}attributeChangedCallback(t,n,r){this[t]=r}disconnectedCallback(){u(this.$$.on_disconnect)}$destroy(){V(this,1),this.$destroy=e}$on(t,n){const r=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return r.push(n),()=>{const t=r.indexOf(n);-1!==t&&r.splice(t,1)}}$set(t){this.$$set&&!a(t)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}});class W{$destroy(){V(this,1),this.$destroy=e}$on(t,n){const r=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return r.push(n),()=>{const t=r.indexOf(n);-1!==t&&r.splice(t,1)}}$set(t){this.$$set&&!a(t)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}}}]);</script><script type="module" nonce="9itj2knFmcI+e0dZ7G5Os+TRg5WXV/W6LkhLjpwodkA=">// DRI: adoshi@ /* BUNDLE=home-page-2021-q1 */ window.Sq = window.Sq || {}; Sq.Custom = Sq.Custom || {}; Sq.Custom.ORIGINAL_BREAKPOINTS = [ 374, 480, 718, 1024, 1292, 1680, // body max width ]; Sq.Custom.NEW_BREAKPOINTS = [ 375, 717, 1023, 1240, 1500, 2560, // body max width ]; Sq.Custom.MAX_IMAGE_WIDTH = 4000; Sq.Custom.mediaRegex = new RegExp(/min-width: ([\d]+)px/); Sq.Custom.ediGridImageScaleFactor = 1.0; function updateSrcset({ element, breakpointWidth, oldWidth, newWidth }) { const srcsetStr = element.srcset || element.dataset.srcset; if (!srcsetStr) { return; } const regexpStr = /\bw=([\d]+)&h=([\d]+)\b/; const gRegex = new RegExp(regexpStr, 'g'); const whRegex = new RegExp(regexpStr); const widthHeightMatches = srcsetStr.match(gRegex) || []; let newSrcsetStr = srcsetStr; widthHeightMatches.forEach((widthHeightStr, i) => { const [matchedStr, widthStr, heightStr, ...rest] = widthHeightStr.match(whRegex); const width = parseInt(widthStr, 10); const height = parseInt(heightStr, 10); const aspectRatio = width / height; let imageScaleFactor = Sq.Custom.ediGridImageScaleFactor; if (i === 0) { // make 1x image as large as 2x to solve for image quality issue imageScaleFactor *= 2.0; } let updatedWidth = Math.round((imageScaleFactor * newWidth * width) / oldWidth); if (updatedWidth > 4000) { updatedWidth = 4000; } let updatedHeight = Math.round(updatedWidth / aspectRatio); if (updatedHeight > 4000) { updatedHeight = 4000; updatedWidth = Math.round(updatedHeight * aspectRatio); } newSrcsetStr = newSrcsetStr.replace(matchedStr, `w=${updatedWidth}&h=${updatedHeight}`); }); if (element.srcset) { element.srcset = newSrcsetStr; } if (element.dataset.srcset) { element.dataset.srcset = newSrcsetStr; } if (element.media) { element.media = `(min-width: ${breakpointWidth}px)`; } } // fix width and height of each image function updatePictureSrcsets() { const allPictures = document.querySelectorAll('picture'); allPictures.forEach(picture => { Array.from(picture.children).forEach(element => { if (element.nodeName === 'SOURCE') { if (element.media) { const oldBreakpointWidth = parseInt(element.media.match(Sq.Custom.mediaRegex)[1], 10); const breakpointIndex = Sq.Custom.ORIGINAL_BREAKPOINTS.indexOf(oldBreakpointWidth); const newBreakpoint = Sq.Custom.NEW_BREAKPOINTS[breakpointIndex]; updateSrcset({ element, breakpointWidth: newBreakpoint, oldWidth: Sq.Custom.ORIGINAL_BREAKPOINTS[breakpointIndex + 1], newWidth: Sq.Custom.NEW_BREAKPOINTS[breakpointIndex + 1], }); } else { updateSrcset({ element, oldWidth: Sq.Custom.ORIGINAL_BREAKPOINTS[0], newWidth: Sq.Custom.NEW_BREAKPOINTS[0], }); } } else { updateSrcset({ element, oldWidth: Sq.Custom.ORIGINAL_BREAKPOINTS[0], newWidth: Sq.Custom.NEW_BREAKPOINTS[0], }); } }); }); } // Used in case of experiments // Setup mutation observer for hidden carousel section // Retrigger width calculation once visible function resizeCarouselOnVisible() { const config = { attributes: true }; const observer = new MutationObserver((mutationList, observer) => { for (const mutation of mutationList) { if (mutation.type === 'attributes' && mutation.attributeName === 'class') { if (!mutation.target.classList.contains('hidden')) { const carousel = $(mutation.target) .find('.carousel') .data(Sq.Carousel.DATA_KEY); carousel._onBreakpointChange(); observer.disconnect(); } } } }); $('.carousel') .closest('section.hidden') .each((i, el) => { observer.observe(el, config); }); } Sq.OnLoad.dom(() => { updatePictureSrcsets(); }); $(function() { resizeCarouselOnVisible(); // update 2 column spacing $('.section-two-column .two-column-inner-grid').addClass('grid-space-medium-at-medium'); }); </script><script type="module" nonce="9itj2knFmcI+e0dZ7G5Os+TRg5WXV/W6LkhLjpwodkA=">/* BUNDLE=shop-the-setup */ // DRI: errol /* Component to preview and open a media-progress-carousel modal */ const initPrompt = ($prompt) => { // detect if device supports hover (for video play on hover) const hoverDevice = window.matchMedia('(hover: hover)').matches // dom elements const $promptImage = $prompt.find('.picture') const $promptVideo = $prompt.find('video') const $promptImageModalLink = $prompt.find('.video-player-link') // track if the prompt video is playing or not let promptVideoPlaying = false // move the svg overlay graphics into the div containing the image/video const $promptSvgs = $prompt.find('.prompt-svg').detach() $promptSvgs.closest('p').remove() $promptVideo.closest('.position-relative').append($promptSvgs) // track custom events const trackEvent = (actionCategory, feature, properties = {}) => { if (Sq.Tracking.useCDP) { Sq.Tracking.filterCDPProperties(properties); Sq.Tracking.cdp.track( actionCategory, { feature, ...properties, } ) } } const showPromptVideo = () => { // only allow video hover play on devices supporting hover if (promptVideoPlaying || !hoverDevice) return promptVideoPlaying = true $promptVideo[0].currentTime = 0 $promptVideo[0].play() $promptVideo.addClass('show') $promptImage.addClass('hover-hide') } const hidePromptVideo = () => { promptVideoPlaying = false $promptVideo[0].pause() $promptVideo.removeClass('show') $promptImage.removeClass('hover-hide') } // enable prompt image to video hover if there is a video if ($promptVideo[0]) { $promptImage.mouseenter(showPromptVideo) $promptImage.mouseleave(hidePromptVideo) } // open the modal from all triger elements $promptImage.click(() => { $promptImageModalLink[0].click() trackEvent( 'Click Open Shop the Setup Modal', `Shop the Setup Prompt - Entry ID: ${$prompt.data('entry-id')}`, { target: 'Preview Image' } ) }) } $(() => { $('.sq-custom-media-modal-prompt, .sq-custom-media-modal-double-prompt').each((index, el) => { const $topLevelColumns = $(el).find('.content > .multi-column-grid > .column') let allColumnsArePrompts = true // loop through each column $topLevelColumns.each((i, topLevelColumn) => { // check if all columns have their own videos const $promptVideo = $(topLevelColumn).find('video') if ($promptVideo.length === 0) { allColumnsArePrompts = false } }) if (allColumnsArePrompts) { // if so, initialize each column $topLevelColumns.each((i, topLevelColumn) => initPrompt($(topLevelColumn))) } else { // if not, initialize the entire section initPrompt($(el)) } }) }) </script><script type="module" nonce="9itj2knFmcI+e0dZ7G5Os+TRg5WXV/W6LkhLjpwodkA=">/* eslint-disable func-style */ window.Sq = window.Sq || {}; Sq.Admin = Sq.Admin || {}; const SELECTOR = { masonryContainer: '.sq-custom-masonry .grid-3-at-medium', masonryItem: ':scope > .column', }; Sq.OnLoad.window(() => { const setUpMasonry = () => { const masonryContainers = [ ...document.querySelectorAll(SELECTOR.masonryContainer), ]; const updateItemPositions = (element) => { if (window.innerWidth > 1022) { const masonryItems = [...element.querySelectorAll(SELECTOR.masonryItem)]; const parentWidth = element.getBoundingClientRect().width; const itemWidth = masonryItems[0].getBoundingClientRect().width + parseFloat(getComputedStyle(masonryItems[0]).marginLeft) + parseFloat(getComputedStyle(masonryItems[0]).marginRight); const numberOfCols = Math.round(1 / (itemWidth / parentWidth)); const trackHeights = {}; masonryItems.forEach((item, i) => { item.style.top = 'initial'; const thisColumn = i % numberOfCols; if (typeof trackHeights[thisColumn] === 'undefined') { trackHeights[thisColumn] = 0; } trackHeights[thisColumn] += item.getBoundingClientRect().height + parseFloat(getComputedStyle(item).marginBottom); if (i - numberOfCols >= 0) { const itemAbove = element.querySelector( `${SELECTOR.masonryItem}:nth-of-type(${i - numberOfCols + 1})` ); const previousBottom = itemAbove.getBoundingClientRect().bottom; const currentTop = item.getBoundingClientRect().top - parseFloat(getComputedStyle(item).marginBottom); const newTop = `-${currentTop - previousBottom}px`; if (item.style.top !== newTop) { item.style.top = newTop; } } }); const max = Math.max(...Object.values(trackHeights)); element.style.height = `${max}px`; } else { const masonryItems = [...element.querySelectorAll(SELECTOR.masonryItem)]; masonryItems.forEach(item => item.style.top = 'initial'); element.style.height = 'auto'; } }; masonryContainers.forEach((element) => { const masonryItems = [...element.querySelectorAll(SELECTOR.masonryItem)]; masonryItems.forEach(item => { const imgs = [...item.querySelectorAll('img')] imgs.forEach(img => { img.addEventListener('load', () => { updateItemPositions(element); }) }) }) updateItemPositions(element); Sq.Resize.onResize(() => { updateItemPositions(element); }); }); }; setUpMasonry(); }); </script><script type="module" nonce="9itj2knFmcI+e0dZ7G5Os+TRg5WXV/W6LkhLjpwodkA=">/* BUNDLE=shop-the-setup */ // DRI: errol /* Auto-plays slides inside a modal of either image or video content paired with thumbnail image links TODO: Set up to work outside of a modal To add subtitles, enter them in the Intro Body field of the Multi Column - Sections used for each slide. If NO subtitles are added to any slides, the subtitle component will be hidden. The subtitle format: {: .subtitle data-begin="00:00" data-end="00:10"} Part 1 lorem ipsum {: .subtitle data-begin="00:10" data-end="00:20"} Part 2 lorem ipsum {: .subtitle data-begin="00:20" data-end="00:30"} Part 3 lorem ipsum Uses a multi column section as the base carousel component Uses additional multi-column or single column sections for each slide To link slides to the root component, assign each of them the same custom css class Then assign that class name to the "data-slide-class" attribute in the root component body field An optional message can be displayed after the last media slide has played 1. Include an extra content component in the final slide 2. Add ".sq-custom-end-message-content" as a class in the content component body field An optional follow-up form can be displayed inside the above end-message 1. Create a form on the base page in Contentful 2. Give that form a unique custom class 3. Assign that class name to a "data-form-class" attribute in the root component body field (same place as the data-slide-class attribute) To set a custom duration (defaults to 5000) for image slides: Add a "data-slide-duration" attribute anywhere in an image slide with a millisecond value */ window.Sq = window.Sq || {}; Sq.OnLoad.dom(() => { $('.sq-custom-media-progress-carousel').each((i, el) => { // element classes const CSS_CLASSES = { BASE_SLIDE_CLASS: 'sq-custom-shop-the-setup-slide', END_MESSAGE: 'sq-custom-carousel-end-message', PLAIN_TEXT: 'sq-custom-plain-text', GRAY_MEDIA_BORDER: 'sq-custom-gray-media-border', IN_MODAL: 'in-modal', ON_END_MESSAGE: 'on-end-message', PREVENT_END_MESSAGE_ANIMATION: 'prevent-animation', MUTED: 'muted', SHOW_MOUSE_ARROW: 'show-mouse-arrow', PREVIOUS_ARROW: 'previous', PROGRESS_BAR_HOLDER: 'media-progress-carousel-progress-holder', PROGRESS_BAR_BG: 'media-progress-carousel-progress-bg', PROGRESS_BAR: 'media-progress-carousel-progress-bar', MEDIA_MODAL_CLOSE: 'sq-custom-media-progress-modal-close-button', SUBTITLE: 'subtitle', SUBTITLE_HOLDER: 'subtitle-holder', SUBTITLE_TEXT_HOLDER: 'subtitle-text-holder', SUBTITLE_TOGGLE: 'subtitle-toggle', SUBTITLES_SHOW_CONTROLS: 'subtitle-show-controls', SUBTITLES_HIDE_CONTROLS: 'subtitle-hide-controls', SUBTITLES_COLLAPSED: 'subtitles-collapsed', SUBTITLE_REVEAL: 'reveal', } // element selectors const SELECTORS = { VOLUME_TOGGLE: '.volume-toggle', SOUND_IS_ON: '.sound-is-on', SOUND_IS_OFF: '.sound-is-off', PREV_NEXT_ARROW: '.prev-next-arrow', END_MESSAGE: `.${CSS_CLASSES.END_MESSAGE}`, END_MESSAGE_CONTENT: '.sq-custom-end-message-content', PLAIN_TEXT_CONTENT: '.sq-custom-plain-text-content', INTERACTIVES: 'input, select, a, button, .button, [role="button"]', MODAL_CLOSE: '.modal-close-button', SUBTITLE: '.subtitle', SUBTITLES_SHOW: '.subtitles-show', SUBTITLES_SHOW_ICON: '.subtitles-show-icon', SUBTITLES_HIDE: '.subtitles-hide', SUBTITLES_HIDE_ICON: '.subtitles-hide-icon', SUBTITLE_CONTROLS: '.subtitle-controls', } // data attributes const DATA_ATTRIBUTES = { SLIDE_INDEX: 'index', SLIDE_CLASS: 'slide-class', IMAGE_DURATION: 'slide-duration', END_SLIDE_FORM_CLASS: 'form-class', ACTIVE_MODAL: 'active', SUBTITLE_BEGIN: 'begin', SUBTITLE_END: 'end', } // dom element references const $el = $(el) const $modal = $el.closest('.modal') const $content = $el.find('.content') const $prevNextArrow = $el.find(SELECTORS.PREV_NEXT_ARROW) // show/hide subtitle control label and icon content const subtitleShowLabel = $el.find(`${SELECTORS.SUBTITLES_SHOW}`).text() const subtitleShowIcon = $el.find(`${SELECTORS.SUBTITLES_SHOW_ICON}`).text() const subtitleHideLabel = $el.find(`${SELECTORS.SUBTITLES_HIDE}`).text() const subtitleHideIcon = $el.find(`${SELECTORS.SUBTITLES_HIDE_ICON}`).text() // get the slide class and selector from the data attribute in the main component kramdown CSS_CLASSES.SLIDE = $el.find(`[data-${DATA_ATTRIBUTES.SLIDE_CLASS}]`).data(DATA_ATTRIBUTES.SLIDE_CLASS) SELECTORS.SLIDE = `.${CSS_CLASSES.SLIDE}` // look for any element with the END_SLIDE_FORM_CLASS data attribute in the contentful body CSS_CLASSES.FORM = $el.find(`[data-${DATA_ATTRIBUTES.END_SLIDE_FORM_CLASS}]`).data(DATA_ATTRIBUTES.END_SLIDE_FORM_CLASS) SELECTORS.FORM = `.${CSS_CLASSES.FORM}` // reference to all video elements for bulk control const $videos = $(SELECTORS.SLIDE).find('video') const $videoSources = $(SELECTORS.SLIDE).find('video source') const videoSources = $videoSources.map((i, vs) => vs.getAttribute('src')) // list of progress bar elements const progressBars = [] // slide content pulled from contentful html const slides = [] // subtitle content per slide const subtitles = [] // default duration for image slides const defaultImageSlideDuration = 5000 // new grid breakpoints const breakpointWidthMedium = 1023 const breakpointWidthSmall = 717 // check if modal should auto-open const queryString = window.location.search const urlParams = new URLSearchParams(queryString) const autoTriggerParam = urlParams.get('sts') let $autoModalTrigger if (autoTriggerParam) { const autoTriggerClass = `.sq-custom-${autoTriggerParam}` $autoModalTrigger = $(autoTriggerClass).find('.video-player-link') } // track if the user has interacted with the content let initialMouseMove = false // track which video and content is currently visible let currentSlide = 0 // track the current subtitle content let currentSubtitle // image progress timer let imageProgressTimer // a div container inside the root content div let $slideHolder // a reference to the initial end slide content let $endSlideProducts // optional end slide message let $endMessage // reference to end slide marketo form let $endSlideForm // subtitle containers let $subtitlesHolder let $subtitleTextHolder // mute state for all videos let muted = true // track if the current video should play when the window regains focus let resumeVideoOnFocus = false // analytics values let timesModalOpened = 0 let videosFinishedSinceOpeningModal = [] let videosStartedSinceOpeningModal = [] // UTILITY FUNCTIONS ---------------------------------------------------------------- // get a number in milliseconds from a data attribute if it was provided const getImageSlideDuration = ($imgSlide) => { let duration = defaultImageSlideDuration const customDuration = $imgSlide.find(`[data-${DATA_ATTRIBUTES.IMAGE_DURATION}]`).data(DATA_ATTRIBUTES.IMAGE_DURATION) return customDuration ? customDuration : duration } // reset the form from an invalid state // TODO: this shouldnt be needed? /* const resetForm = () => { if (!$endSlideForm) return $endMessage.find('.field-invalid').removeClass('field-invalid') $endMessage.find('.field-disabled').removeClass('field-disabled') $endMessage.find('input').removeAttr('readonly') $endMessage.find('.lead-form-submit-button')[0].disabled = false } */ // resets and cleans up all videos and image progress const resetAllMedia = () => { $videos.each((index, video) => { video.currentTime = 0 video.pause() video.removeEventListener('timeupdate', onVideoTimeUpdate) video.removeAttribute('src') video.load() }) clearInterval(imageProgressTimer) } // ---------------------------------------------------------------- UTILITY FUNCTIONS // CUSTOM TRACKING ------------------------------------------------------------------ // track custom events const trackEvent = (actionCategory, properties = {}) => { if (Sq.Tracking.useCDP) { Sq.Tracking.filterCDPProperties(properties); Sq.Tracking.cdp.track( actionCategory, { feature: `Shop the Setup - Entry ID ${$el.data('entry-id')}`, ...properties, } ) } } // handle tracking status when a video ends const trackFinishedVideo = (video) => { // pass data to the tracking call trackEvent( 'End Video', { videoIndex: currentSlide + 1, videoUrl: video.getAttribute('src'), }, ) // add video to watched list if (!videosFinishedSinceOpeningModal.includes(currentSlide + 1)) { videosFinishedSinceOpeningModal.push(currentSlide + 1); // track percent through entire experience const progress = `${Math.round((videosFinishedSinceOpeningModal.length / slides.length) * 100)}%` trackEvent( 'Progress', { totalProgress: progress } ) } } // ------------------------------------------------------------------ CUSTOM TRACKING // END SLIDE MESSAGE ---------------------------------------------------------------- // toggle between the end slide content or the end slide message const toggleEndSlideMessage = (show) => { // do nothing if there is no end message if (!$endMessage) return // toggle the view if (show) { // pause the video for the end message const slideVideo = $(slides[currentSlide]).find('video')[0] slideVideo.pause() // hide the products $endSlideProducts.hide() $endMessage.css({transform: `translateY(${window.innerHeight}px)`}) $endMessage.show() $endMessage.removeClass(CSS_CLASSES.PREVENT_END_MESSAGE_ANIMATION) // hide the subtitles $subtitlesHolder.hide() // set base component to end slide visual state $el.addClass(CSS_CLASSES.ON_END_MESSAGE) // reset end slide position setTimeout(() => { $endMessage.css({transform: `translateY(0)`}) }, 60) // if there is a form, add and reset it checkForEndSlideForm() if ($endSlideForm) { $endMessage.append($endSlideForm) } // track viewing of the end message trackEvent( 'View End Modal', ) } else { if ($endSlideForm) $endSlideForm.detach() $endSlideProducts.show() // show the subtitles $subtitlesHolder.show() $endMessage.addClass(CSS_CLASSES.PREVENT_END_MESSAGE_ANIMATION) $endMessage.hide() // remove end slide visual state from base component $el.removeClass(CSS_CLASSES.ON_END_MESSAGE) } } const exitEndSlide = () => { // check if user clicked to exit end message toggleEndSlideMessage(false) // start the video playing again const slideVideo = $(slides[currentSlide]).find('video')[0] slideVideo.play() } // look for a form associated with this component const checkForEndSlideForm = () => { if (CSS_CLASSES.FORM) { // remove and save the form, use detach() to preserve form events if ($(SELECTORS.FORM).length > 0) { $endSlideForm = $(SELECTORS.FORM).detach() } } } // set up the end slide message for touch events const initEndSlideMessage = () => { let touchStartY $el.on('touchstart', SELECTORS.END_MESSAGE, (e) => { $endMessage.addClass(CSS_CLASSES.PREVENT_END_MESSAGE_ANIMATION) touchStartY = e.touches[0].clientY }) $el.on('touchmove', SELECTORS.END_MESSAGE, (e) => { if (window.innerWidth >= breakpointWidthSmall) return const dragOffset = Math.max(0, e.changedTouches[0].clientY - touchStartY) $endMessage.css({transform: `translateY(${dragOffset}px)`}) }) $el.on('touchend', SELECTORS.END_MESSAGE, (e) => { $endMessage.removeClass(CSS_CLASSES.PREVENT_END_MESSAGE_ANIMATION) if (window.innerWidth >= breakpointWidthSmall) return if (e.changedTouches[0].clientY - touchStartY > 30) { $endMessage.css({transform: `translateY(${window.innerHeight}px)`}) setTimeout(exitEndSlide, 500) } else { $endMessage.css({transform: `translateY(0)`}) } }) } const checkForEndSlideMessage = () => { // check for an optional end message const $lastSlideColumn = $(slides[slides.length - 1]).find('> .column:last-child') if ($lastSlideColumn.find(SELECTORS.END_MESSAGE_CONTENT).length > 0) { // if there is an end message, save a reference to it $endMessage = $lastSlideColumn // add end message class for easy styling $endMessage.addClass(CSS_CLASSES.END_MESSAGE) // hide the end slide content (show when the last video ends) $endMessage.hide() // save reference to end slide products for toggling later $endSlideProducts = $endMessage.siblings().not(':first-child') // set up end slide message swipe initEndSlideMessage() } } // ---------------------------------------------------------------- END SLIDE MESSAGE // SLIDE CONTENT -------------------------------------------------------------------- const checkForTextOnlySlides = () => { // the columns holding either text or product cards slides.forEach(($slide) => { const $col = $slide.find('> .column:last-child') if ($col.find(SELECTORS.PLAIN_TEXT_CONTENT).length > 0) { // add plain text class for easy styling $col.addClass(CSS_CLASSES.PLAIN_TEXT) } }) } // display a slide and play its video const playCurrentSlide = (forcePlay) => { // update progress updateProgressBars(currentSlide) // reveal the current slide $(slides[currentSlide]).addClass('show') // check if the slide is a video or image const slideVideo = $(slides[currentSlide]).find('video')[0] const slideImage = $(slides[currentSlide]).find('.apropos')[0] if (slideVideo) { // ensure the video is at the beginning slideVideo.currentTime = 0 // set the source of the video if it playing for the first time if (!slideVideo.hasAttribute('src')) { slideVideo.setAttribute('src', videoSources[currentSlide]) } // if triggered by a user action (clicking a progress bar) force the video to play if (forcePlay) { // ensure video is ready enough to play if (slideVideo.readyState >= 3) { slideVideo.play() } else { slideVideo.addEventListener('canplay', () => { slideVideo.play() }) } } // if the videos were not unmuted, ensure next video starts muted if (!muted) { slideVideo.removeAttribute('muted') slideVideo.muted = false $el.removeClass(CSS_CLASSES.MUTED) } else { $el.addClass(CSS_CLASSES.MUTED) } // let the video auto play slideVideo.setAttribute('autoplay', '') // handle progress for video assets slideVideo.addEventListener('timeupdate', onVideoTimeUpdate) } else if (slideImage) { // calculate image progress let imageProgress = 0 const updateInterval = 30 const imgDuration = getImageSlideDuration($(slides[currentSlide])) // handle progress for image assets imageProgressTimer = setInterval(() => { onTimeUpdate(imageProgress, imgDuration) imageProgress += updateInterval }, updateInterval) } // track that the media started playing trackEvent( 'Start Video', { videoIndex: currentSlide + 1, videoUrl: slideVideo.getAttribute('src'), }, ) if (!videosStartedSinceOpeningModal.includes(currentSlide + 1)) { videosStartedSinceOpeningModal.push(currentSlide + 1); } } const setCurrentSlide = (slideIndex, forceUpdate) => { // cancel the image timer if it's running clearInterval(imageProgressTimer) // ensure index is read as a number let nextIndex = Number(slideIndex) // if on the last slide and there is an end message, swap back to products if (currentSlide === slides.length -1 && $endMessage) toggleEndSlideMessage(false) // only update the dom if moving to a new slide if (nextIndex !== currentSlide || forceUpdate) { // reset any current videos resetAllMedia() // set the slide index as the current slide currentSlide = nextIndex // remove the subtitles to maintain their events $subtitlesHolder.detach() // remove the current $slideHolder.empty() // add the correct new slide html $slideHolder.append(slides[currentSlide]) // the subtitles back to the slide // if there is plain text, place subtitles above, if not, below const $plainText = $slideHolder.find(SELECTORS.PLAIN_TEXT_CONTENT) if ($plainText.length > 0) { $slideHolder.find('> .multi-column-grid > .column:first-child').after($subtitlesHolder) } else { $slideHolder.find('> .multi-column-grid').append($subtitlesHolder) } // get the images on the slide const $slideImages = $slideHolder.find('img') // rebind slide images to lazy load them $slideImages.each((index, img) => { Sq.LazyLoader.load(img) }) } } // convert the contentful content components into slides const initSlides = () => { // create the slide holder $slideHolder = $(document.createElement('div')) // clear out the original content $content.empty() // add the slide holder $content.append($slideHolder) // get the content of the slides const $rawSlides = $(SELECTORS.SLIDE) // remove and save all slide html $rawSlides.each((index, element) => { const $slideContent = $(element).find('> .content > .multi-column-grid, > .content > .grid').detach() $slideContent.addClass(CSS_CLASSES.BASE_SLIDE_CLASS) $slideContent.addClass(CSS_CLASSES.SLIDE) // optional gray border for media if ($(element).hasClass(CSS_CLASSES.GRAY_MEDIA_BORDER)) { $slideContent.addClass(CSS_CLASSES.GRAY_MEDIA_BORDER) } slides.push($slideContent) }) // remove the initial slide holders $(SELECTORS.SLIDE).remove() } // -------------------------------------------------------------------- SLIDE CONTENT // PROGRESS BARS -------------------------------------------------------------------- // reset all video progress bars const resetAllProgressBars = () => { for (let i = 0; i < progressBars.length; i++) { $(progressBars[i]).css({ width: '0%' }) } } // adjust the progress bars when switching between slides const updateProgressBars = (slideIndex) => { for (let i = 0; i < progressBars.length; i++) { if (i < slideIndex) { // before the current slide, set to full for "watched" $(progressBars[i]).css({ width: '100%' }) } else { // on or after the current slide, set to empty for "unwatched" $(progressBars[i]).css({ width: '0%' }) } } } // handle user manually navigating between slides const onProgressBarClick = (e) => { // playing a video, so show products not end slide content if ($endMessage) toggleEndSlideMessage(false) // get the index of the slide clicked const clickedIndex = e.target.getAttribute(`data-${DATA_ATTRIBUTES.SLIDE_INDEX}`) // track previous click trackEvent( 'Click Progress Bar', { fromIndex: currentSlide + 1, fromVideoUrl: videoSources[currentSlide], toIndex: Number(clickedIndex) + 1, toVideoUrl: videoSources[Number(clickedIndex)], }, ) // show the clicked slide setCurrentSlide(clickedIndex) // play it playCurrentSlide(true) } // build the html for the progress bars const createProgressBars = () => { // the container for all bars and the close button const holder = document.createElement('div') holder.classList.add(CSS_CLASSES.PROGRESS_BAR_HOLDER) // for each slide slides.forEach((slide, index) => { // the holder and background of a single video const bar = document.createElement('button') bar.classList.add(CSS_CLASSES.PROGRESS_BAR_BG) bar.setAttribute(`data-${DATA_ATTRIBUTES.SLIDE_INDEX}`, index) bar.setAttribute('aria-label', `video ${index + 1}`) bar.addEventListener('click', onProgressBarClick) // the progress bar for a single video const progress = document.createElement('div') progress.classList.add(CSS_CLASSES.PROGRESS_BAR) progressBars.push(progress) // add progress to bar and bar to holder bar.appendChild(progress) holder.append(bar) }) // add holder to component content $content.append(holder) } // -------------------------------------------------------------------- PROGRESS BARS // VIDEO PROGRESS ------------------------------------------------------------------- // track a media play progress const onTimeUpdate = (currentTime, duration, video) => { // get the watched media progress const progress = Math.min(100, Math.max(0, (currentTime / duration) * 100)) // set progress bar width $(progressBars[currentSlide]).css({ width: progress + '%' }) // check for video subtitles if (video && $subtitlesHolder) handleSubtitles(currentTime) // check for the video ending if (currentTime >= duration || (video && video.ended)) { // if the slide was an image, stop its timer clearInterval(imageProgressTimer) // handle tracking for finishing a video trackFinishedVideo(video) // when it ends, go to the next video if (currentSlide < slides.length - 1) { // show the next slide setCurrentSlide(currentSlide + 1) // play it playCurrentSlide() } else { // if it was on the last video, check for an end slide if ($endMessage) { // if there is end slide content // swap the video product content with the end slide content toggleEndSlideMessage(true) } else { // if there is no end slide content // loop back to the first video setCurrentSlide(0) // play it playCurrentSlide() } } } } // format native event to generic time update function format const onVideoTimeUpdate = (e) => { onTimeUpdate(e.target.currentTime, e.target.duration, e.target) } // ------------------------------------------------------------------- VIDEO PROGRESS // SUBTITLES ------------------------------------------------------------------------ const clearSubtitles = () => { $subtitleTextHolder.find(SELECTORS.SUBTITLE).removeClass(CSS_CLASSES.SUBTITLE_REVEAL) $subtitleTextHolder.empty() currentSubtitle = undefined } const setSubtitleText = (text) => { if (text !== currentSubtitle) { clearSubtitles() $subtitleTextHolder.append(text) currentSubtitle = text setTimeout(() => { // fade in the new subtitle $subtitleTextHolder.find(SELECTORS.SUBTITLE).addClass(CSS_CLASSES.SUBTITLE_REVEAL) }, 50) } } // check for and show video subtitles const handleSubtitles = (currentTime) => { const currentSlideSubtitles = subtitles[currentSlide] // if current video section has a subtitle or not let videoTimeHasSubtitle = false // loop through each subtitle for the slide currentSlideSubtitles.forEach((subtitle) => { // find the subtitle for the current video time if (!isNaN(subtitle.begin) && !isNaN(subtitle.end) && currentTime >= subtitle.begin && currentTime < subtitle.end ) { // save that a subtitle match was found for the current video time videoTimeHasSubtitle = true // append the new subtitle setSubtitleText(subtitle.p) } }) // if no subtitle was found for the current video time, clear any existing ones if (!videoTimeHasSubtitle) clearSubtitles() } // convert subtitle timecodes from format "00:00" (minutes:seconds) to seconds as a number const subtitleTimeToSeconds = (time) => { let seconds = 0 const timestamp = time.split(':') timestamp.reverse() seconds += Number(timestamp[0]) // add seconds if (timestamp.length > 1) seconds += Number(timestamp[1]) * 60 // add minutes if (timestamp.length > 2) seconds += Number(timestamp[2] * 60 * 60) // add hours return seconds } const toggleSubtitles = (show) => { if (show) { $subtitlesHolder.removeClass(CSS_CLASSES.SUBTITLES_COLLAPSED) } else { $subtitlesHolder.addClass(CSS_CLASSES.SUBTITLES_COLLAPSED) } } const createSubtitles = () => { // ensure there are subtitles on at least one slide before rendering const allSubtitles = [].concat(...subtitles) if (allSubtitles.length > 0) { // the outer holder $subtitlesHolder = $(`<div class="${CSS_CLASSES.SUBTITLE_HOLDER}">`) // the show/hide controls const $showButton = $(` <div class="${CSS_CLASSES.SUBTITLES_SHOW_CONTROLS}" role="button" aria-label="${subtitleShowLabel}"> <span>${subtitleShowLabel}</span> <span>${subtitleShowIcon}</span> </div> `) const $hideButton = $(` <div class="${CSS_CLASSES.SUBTITLES_HIDE_CONTROLS}" role="button" aria-label="${subtitleHideLabel}"> <span>${subtitleHideLabel}</span> <span>${subtitleHideIcon}</span> </div> `) $subtitleTextHolder = $(`<div class="${CSS_CLASSES.SUBTITLE_TEXT_HOLDER}"></div>`) // add the controls $subtitlesHolder.append($showButton, $hideButton, $subtitleTextHolder) // add toggle functionality $showButton.on('click', () => toggleSubtitles(true)) $hideButton.on('click', () => toggleSubtitles(false)) // add holder to the dom // TODO?: if subtitles need to go above plain-text content, they have to be placed per slide instead of a single time here // $content.append($subtitlesHolder) } // remove the initial subtitle controls from the dom $(SELECTORS.SUBTITLE_CONTROLS).remove() } const initSubtitles = () => { // loop through each slide $(SELECTORS.SLIDE).each((index, slide) => { // array for the subtitles of a single slide const slideSubtitles = [] // loop throuch each subtitle in each slide $(slide).find(SELECTORS.SUBTITLE).each((index, subtitle) => { // parse subtitles into usable format slideSubtitles.push({ p: subtitle, // the html node begin: subtitleTimeToSeconds($(subtitle).data(DATA_ATTRIBUTES.SUBTITLE_BEGIN)), end: subtitleTimeToSeconds($(subtitle).data(DATA_ATTRIBUTES.SUBTITLE_END)), }) }) // save all subtitles to top level array subtitles.push(slideSubtitles) }) } // ------------------------------------------------------------------------ SUBTITLES // MOUSE INTERACTIVITY -------------------------------------------------------------- // track mouse movement const onMouseMove = (e) => { if (window.innerWidth < breakpointWidthMedium) return // wait for the user to move the mouse before showing it if (!initialMouseMove) { initialMouseMove = true $el.addClass(CSS_CLASSES.SHOW_MOUSE_ARROW) } // set the prevNextArrow to be the cursor $prevNextArrow.css({ top: `${(e.pageY - $el.offset().top)}px`, left: `${e.pageX - $el.offset().left}px`, }) // flip it if on the left half of the screen if (e.clientX < window.innerWidth / 2) { $prevNextArrow.addClass(CSS_CLASSES.PREVIOUS_ARROW) } else { $prevNextArrow.removeClass(CSS_CLASSES.PREVIOUS_ARROW) } } const handleMediaClick = (e) => { // save tracking information for next/prev clicks const slideVideo = $(slides[currentSlide]).find('video')[0] const percentWatched = slideVideo ? (slideVideo.currentTime / slideVideo.duration * 100).toFixed(0) : 0 const trackingEndModal = 'End Modal' let trackingEventName let trackingFrom let trackingTo // check which direction the user clicked if (e.clientX < window.innerWidth / 2) { trackingEventName = 'Click Previous Video' // when clicking left half of screen if ($el.hasClass(CSS_CLASSES.ON_END_MESSAGE)) { // if on the end message toggleEndSlideMessage(false) setCurrentSlide(currentSlide) trackingFrom = trackingEndModal trackingTo = currentSlide + 1 } else { // get the previous slide, or rewind the first slide const previousSlide = currentSlide > 0 ? currentSlide - 1 : 0 trackingFrom = currentSlide + 1 setCurrentSlide(previousSlide) trackingTo = previousSlide + 1 } // play the slide playCurrentSlide(true) } else { trackingEventName = 'Click Next Video' // when clicking right half (next slide) if ($el.hasClass(CSS_CLASSES.ON_END_MESSAGE)) { // check if end message is displayed, if so loop back to first slide setCurrentSlide(0) playCurrentSlide(true) trackingFrom = trackingEndModal trackingTo = currentSlide + 1 } else if (currentSlide === slides.length - 1) { // if on the last slide but not on end message, show end message toggleEndSlideMessage(true) trackingFrom = currentSlide + 1 trackingTo = trackingEndModal } else { // otherwise go to the next slide trackingFrom = currentSlide + 1 setCurrentSlide(currentSlide + 1) playCurrentSlide(true) trackingTo = currentSlide + 1 } } // track next/previous click const trackingProperties = { fromIndex: trackingFrom, toIndex: trackingTo, percentWatchedBeforeSkip: percentWatched, } if (trackingFrom !== trackingEndModal) { trackingProperties.fromVideoUrl = videoSources[trackingFrom - 1] } if (trackingTo !== trackingEndModal) { trackingProperties.toVideoUrl = videoSources[trackingTo - 1] } trackEvent( trackingEventName, trackingProperties, ) } // handle clicking prev and next arrows const handleComponentClick = (e) => { // ensure click was not on a link, button, or input field if ($(e.target).closest(SELECTORS.INTERACTIVES).length > 0) { return } // prevents modal from closing e.stopPropagation() // check if end message is up on smaller screens if ($el.hasClass(CSS_CLASSES.ON_END_MESSAGE) && window.innerWidth < breakpointWidthMedium && $(e.target).closest(SELECTORS.END_MESSAGE).length === 0) { // if on a smaller screen and end screen message is up, close end message exitEndSlide() } else { // if not, handle click navigation handleMediaClick(e) } } // -------------------------------------------------------------- MOUSE INTERACTIVITY // WINDOW INTERACTIVITY ------------------------------------------------------------- // ensure videos only plays when window is in focus on touch devices const handleWindowFocus = () => { window.addEventListener('blur', () => { // get the current video const slideVideo = $(slides[currentSlide]).find('video')[0] const isTouch = ( 'ontouchstart' in window ) || ( navigator.maxTouchPoints > 0 ) || ( navigator.msMaxTouchPoints > 0 ) // if the video was playing when window loses focus if (slideVideo && isTouch && slideVideo.currentTime < slideVideo.duration && !slideVideo.ended && !$el.hasClass(CSS_CLASSES.ON_END_MESSAGE)) { // pause it slideVideo.pause() // make it restart when the window regains focus resumeVideoOnFocus = true } }) window.addEventListener('focus', () => { // if the video was paused because the window lost focus if (resumeVideoOnFocus) { // restart it setCurrentSlide(currentSlide) // show and start the first slide playCurrentSlide(true) resumeVideoOnFocus = false } }) } // watch for the modal opening and closing const mutationObserver = new MutationObserver((mutations) => { if (mutations.length === 0) return if ($modal.attr(`data-${DATA_ATTRIBUTES.ACTIVE_MODAL}`) === 'true') { // reset videos started/watched while modal was open timesModalOpened += 1 videosStartedSinceOpeningModal = [] videosFinishedSinceOpeningModal = [] // when opening the modal setCurrentSlide(0, true) // show and start the first slide playCurrentSlide(true) // start modal videos with sound on if (!$autoModalTrigger) toggleMute(false) } else if ($modal.attr(`data-${DATA_ATTRIBUTES.ACTIVE_MODAL}`) === 'false') { // when closing the modal, reset the media and progress bars resetAllMedia() resetAllProgressBars() // track number of videos watched while modal was open trackEvent( 'Close', { videosStarted: videosStartedSinceOpeningModal.length, videosFinished: videosFinishedSinceOpeningModal.length, timesModalOpened, }, ) } }) // ------------------------------------------------------------- WINDOW INTERACTIVITY // NEXT/PREV ARROW ------------------------------------------------------------------ // set up the prev and next arrow functionality const initPrevNextArrow = () => { // move the prev next arrow to the root component $el.append($prevNextArrow.detach()) // listen for mouse movement for arrow placement window.addEventListener('mousemove', onMouseMove) // hide the arrow when hovering over links and buttons $el.on('mouseenter', SELECTORS.INTERACTIVES, () => $el.removeClass(CSS_CLASSES.SHOW_MOUSE_ARROW)) $el.on('mouseleave', SELECTORS.INTERACTIVES, () => $el.addClass(CSS_CLASSES.SHOW_MOUSE_ARROW)) // special handling for modal close button $('.modal').on('mouseenter', '.modal-close-button', () => $el.removeClass(CSS_CLASSES.SHOW_MOUSE_ARROW)) $('.modal').on('mouseleave', '.modal-close-button', () => $el.addClass(CSS_CLASSES.SHOW_MOUSE_ARROW)) $(document).mouseleave(() => $el.removeClass(CSS_CLASSES.SHOW_MOUSE_ARROW)) $(document).mouseenter(() => $el.addClass(CSS_CLASSES.SHOW_MOUSE_ARROW)) // listen for general component clicks for prev, next, escape end screen $el.on('click', handleComponentClick) } // ------------------------------------------------------------------ NEXT/PREV ARROW // VOLUME --------------------------------------------------------------------------- // mutes and unmutes all videos const toggleMute = (muteValue) => { muted = muteValue $videos.each((i, vid) => { vid.muted = muteValue muteValue ? vid.setAttribute('muted', true) : vid.removeAttribute('muted') }) muteValue ? $el.addClass(CSS_CLASSES.MUTED) : $el.removeClass(CSS_CLASSES.MUTED) } const initVolumeControls = () => { const $volumeControlsTemplate = $el.find(`${SELECTORS.VOLUME_TOGGLE}`) // clone the volume controls into each video $videos.each((i, vid) => { $(vid).parent().append($volumeControlsTemplate.clone()) }) // sound was on, turn it off $el.on('click', SELECTORS.SOUND_IS_ON, () => toggleMute(true)) // sound was off, turn it on $el.on('click', SELECTORS.SOUND_IS_OFF, () => toggleMute(false)) // video starts muted so hide sound-on button $el.addClass(CSS_CLASSES.MUTED) // remove the volume control template $volumeControlsTemplate.remove() } // --------------------------------------------------------------------------- VOLUME // INITIALIZE ----------------------------------------------------------------------- // start the component const init = () => { // prep all videos $videos.each((index, video) => { video.removeAttribute('loop') video.setAttribute('autoplay', '') video.setAttribute('muted', true) video.setAttribute(`data-${DATA_ATTRIBUTES.SLIDE_INDEX}`, index) }) // give the modal close button unique styling $modal.find(SELECTORS.MODAL_CLOSE).addClass(CSS_CLASSES.MEDIA_MODAL_CLOSE) // set up the video sound toggle initVolumeControls() // set up the prevNextArrow functionality initPrevNextArrow() // set up subtitles initSubtitles() // set up the slide content initSlides() // check if there is an end slide message checkForEndSlideMessage() // check if any slides are plain text only checkForTextOnlySlides() // build the progress bars createProgressBars() // build the subtitle holder setTimeout(createSubtitles, 500) // handle window focus handleWindowFocus() // check if section is in a modal or directly on the page if ($modal[0]) { // remove the sources for all videos so they dont load until the modal is opened $videos.each((index, video) => { $(video).empty() video.load() }) // watch for opening and closing the modal mutationObserver.observe($modal[0], { attributes : true, attributeFilter : [`data-${DATA_ATTRIBUTES.ACTIVE_MODAL}`] }) // set modal specific styles $el.addClass(CSS_CLASSES.IN_MODAL) // auto open modal if requested if ($autoModalTrigger && $autoModalTrigger.length > 0) { toggleMute(true) setTimeout(() => { $autoModalTrigger.click() }, 800) } } else { // if not in a modal, start the first slide playCurrentSlide() } } // start the thing up init() }) }); </script><script type="module" nonce="9itj2knFmcI+e0dZ7G5Os+TRg5WXV/W6LkhLjpwodkA=">// nothing needed for english</script><script type="module" nonce="9itj2knFmcI+e0dZ7G5Os+TRg5WXV/W6LkhLjpwodkA=">/* BUNDLE=force-youtube-captions */ // DRI: errol /* Forces iframe embedded youtube videos inside .video-player components to show captions by default. To specify a caption language, search contentful for or add another js file that sets window.youtubeCaptionsLang to the desired language code. Eg: window.youtubeCaptionsLang = 'es-US' This value is case sensitive, and must use the two letter format documented here: https://www.fincher.org/Utilities/CountryLanguageList.shtml This only works for videos with uploaded captions, not auto-generated ones. */ // get the caption language code const ccPolicyParam = '&cc_load_policy=1' const ccLangParam = window.youtubeCaptionsLang ? `&cc_lang_pref=${window.youtubeCaptionsLang}` : '' // in case of youtu.be links const youtubeUrlMatch = 'youtu' // dom selectors const SELECTORS = { VIDEO_PLAYER: '.video-player', ACTIVE_VIDEO_PLAYER: '.video-player[data-active="true"]', } // look for the active video modal and force captions const addVideoCaptions = () => { // find the active video const $video = $(SELECTORS.ACTIVE_VIDEO_PLAYER) if ($video.length === 1) { // get the youtube iframe const $iframe = $video.find('iframe') if ($iframe.length === 1) { // get the iframe source const iframeSrc = $iframe.attr('src') // check if the source is youtube and doesnt already have captions on if (iframeSrc && iframeSrc.indexOf(youtubeUrlMatch) > -1 && iframeSrc.indexOf(ccPolicyParam) < 0 ) { // update the iframe src with the parameter to force captions $iframe.attr('src', `${iframeSrc}${ccPolicyParam}${ccLangParam}`) } } } } // dom observer const ccVideoObserver = new MutationObserver((mutations) => { mutations.forEach(addVideoCaptions) }) // observe all video players on the page for changes $(SELECTORS.VIDEO_PLAYER).each((index, videoPlayer) => { ccVideoObserver.observe(videoPlayer, { attributes: true, subtree: true }) }) </script><script type="module" nonce="9itj2knFmcI+e0dZ7G5Os+TRg5WXV/W6LkhLjpwodkA=">// DRI: errol // swaps one of the shop the setup double prompts to be different per locale window.Sq = window.Sq || {}; Sq.OnLoad.dom(() => { const path = window.location.pathname; if (path.indexOf('us/en') < 0) { $('.sq-custom-locale-prompt-en').remove(); } else if (path.indexOf('us/es') < 0) { $('.sq-custom-locale-prompt-es').remove(); } // NOTE: add other locales here as needed })</script><script type="module" nonce="9itj2knFmcI+e0dZ7G5Os+TRg5WXV/W6LkhLjpwodkA=">/** * This file is deprecated - BudouX is now automatically added to all XMS pages! * You may remove this file from your page and BudouX will still be active. */ /*! * DRI: @chrisweissenberger * * do not edit; file generated from public-web-customizations * budoux * 4/12/2024, 11:12:05 AM * ef4f7e9679c72bfe9fb2 */ (self.webpackChunkpublic_web_customizations=self.webpackChunkpublic_web_customizations||[]).push([[216],{2383:function(t,e,n){"use strict";n.d(e,{D4:function(){return x}});const r={UW3:{"。":6728,"、":4793,"を":5613,"に":3832,"の":3728,"は":4247,"が":4149,"と":2957,"る":2755,"く":2852,"も":3216,"て":2448,"で":3460,"た":2223,"っ":-1955,"い":1914,"う":1964,"方":2774,"な":2289,"ら":1418,"］":2179,"か":1931,"り":1064,"，":3562,"！":3285,"ー":-113,"？":3707,"や":2168,"ば":1685,"ど":1948,"．":2081,"・":1008,"つ":1318,"…":2476,"ご":-2411,"）":2663,"部":1626,"☆":2714,"上":540,"」":1657,"ッ":-2007,"れ":375,"♪":2559,"ず":2032,"以":-1912,"ん":704,"だ":895,"へ":2163,"ろ":1051,"ク":342,"電":-1749,"笑":2419,"今":1104,"ま":-484,"分":1162,"中":1012,"ぐ":2032,"京":-1416,"人":495,"お":-1350,"イ":-592,"利":-713,"０":-863,"き":491,"ぁ":1313,"間":727,"す":959,"ン":-313,"フ":-1354,"ゃ":1253,"ス":-1019,"「":-1412,"日":750,"度":1104,"後":1273,"シ":-1228,"行":-808,"々":1430,"ア":-842,"ド":-1098,"当":-343,"観":-1024,"ぶ":1465,"リ":-626,"大":-904,"え":751,"夜":1560,"』":1445,"１":-635,"秋":1420,"態":-1193,"昔":1693,"体":1037,"む":1166,"空":796,"［":-1062,"変":398,"学":-641,"皆":1406,"月":621,"題":1106,"機":-775,"然":591,"あ":783,"超":1029,"〜":526,"ぞ":831,"非":849,"ち":463,"光":-218,"係":555,"年":352,"み":312,"由":478,"＞":696,"感":452,"プ":-431,"ｏ":-603,"番":290,"ズ":344,"色":657,"し":224,"意":-369,"び":341,"入":-491,"け":157,"所":622,"自":-411,"場":-59,"メ":-203,"　":311,"指":-356,"気":69,"頭":788,"着":-302,"別":286,"出":-175,"ぱ":455,"カ":-121,"朝":316,"”":313,"品":139,"果":565,"一":-71,"語":196,"程":262,"応":275,"寺":135,"有":-208,"生":-143,"神":-190,"想":209,"不":-171,"店":200,"：":111,"グ":38,"レ":-105,"料":-113,"屋":71,"パ":-87,"水":70,"サ":79,"減":86,"回":28,"バ":-12,"５":-4},UW4:{"。":-7454,"の":-4026,"て":-3886,"が":-3308,"、":-7522,"る":-5031,"に":-4106,"は":-3340,"で":-3076,"っ":-4215,"を":-4779,"あ":564,"と":-2905,"う":-2139,"た":-1616,"ま":-1127,"な":-1887,"り":-4104,"ご":551,"し":-1826,"れ":-4215,"こ":-496,"く":-3009,"ら":-4434,"か":-2652,"そ":152,"き":-2034,"だ":-1794,"ー":-2920,"い":-1560,"み":-1078,"行":374,"空":2550,"ん":-3604,"も":-2695,"す":-1087,"」":-5550,"さ":-1889,"思":1398,"め":-1842,"け":-3319,"「":2416,"や":-1292,"時":593,"人":598,"一":541,"京":686,"私":1919,"，":-4270,"表":902,"つ":-1274,"！":-4521,"ッ":-2351,"・":-625,"よ":-553,"冷":2511,"１":770,"ン":-2142,"え":-1671,"持":119,"使":1139,"わ":-1549,"方":-831,"来":435,"（":2512,"ゆ":-2377,"ろ":-2910,"ル":-1250,"手":246,"…":-2234,"じ":-2235,"？":-3518,"何":1232,"ど":-1238,"［":1883,"見":508,"べ":-2886,"）":-4231,"大":531,"本":-1158,"彼":1311,"笑":-3521,"当":271,"．":-2893,"日":288,"せ":-1291,"ば":-2305,"今":1115,"イ":-501,"ち":-2020,"気":410,"入":633,"自":804,"ず":-1738,"２":553,"最":1132,"用":-721,"帯":-1198,"お":755,"有":910,"携":394,"食":175,"ゃ":-2476,"間":-350,"多":1041,"ひ":1304,"中":62,"］":-1461,"』":-3295,"ね":-1755,"白":570,"ぁ":-1446,"水":337,"風":759,"コ":329,"ぎ":-1380,"合":-1101,"リ":-588,"０":-400,"僕":974,"感":216,"”":-842,"ょ":-1617,"小":722,"ぼ":-959,"公":685,"３":84,"楽":380,"♪":-1513,"〜":-1208,"☆":-1315,"全":523,"道":276,"二":520,"ス":-228,"子":-685,"書":380,"ド":-58,"不":535,"高":245,"特":763,"祭":408,"返":-363,"態":-544,"づ":-1053,"実":477,"定":-355,"少":444,"話":355,"買":433,"他":388,"ぜ":-896,"街":536,"目":133,"ｏ":-565,"的":-562,"込":-726,"ぞ":-956,"ュ":-549,"ぐ":-787,"サ":147,"無":172,"東":517,"夏":546,"現":229,"前":-155,"ぶ":-685,"場":121,"換":-349,"げ":-637,"タ":-256,"デ":205,"年":-410,"び":-543,"ほ":-202,"物":-209,"フ":-202,"言":146,"券":-589,"へ":-432,"ト":-159,"外":180,"ざ":-354,"秋":360,"難":227,"ョ":-220,"味":93,"流":325,"写":295,"　":-221,"新":91,"ラ":-110,"店":99,"参":199,"５":52,"＾":-328,"美":167,"々":-202,"三":85,"開":59,"押":210,"相":97,"甘":106,"安":114,"回":-147,"関":-151,"取":-117,"出":-33,"勢":-12,"ム":-52,"−":-57,"６":24,"百":32,"Ｃ":24,"屋":-16,"オ":8,"家":16,"ィ":-12,"ク":-4},UW5:{"。":-2064,"、":-1010,"で":-892,"ま":-99,"す":-474,"な":-458,"っ":997,"る":217,"て":222,"は":-855,"が":-518,"き":1186,"し":-365,"を":-637,"あ":-552,"日":790,"こ":424,"に":-611,"え":686,"だ":-539,"い":363,"そ":-296,"ろ":-280,"ん":1035,"べ":1778,"・":-1055,"と":-630,"み":332,"か":223,"ざ":1423,"帯":371,"わ":580,"れ":534,"の":-607,"ら":233,"つ":1267,"ち":794,"う":383,"め":689,"ル":-478,"じ":642,"さ":-302,"」":-1120,"合":456,"よ":-273,"ず":996,"り":353,"ぼ":1417,"く":460,"年":975,"電":-290,"せ":-306,"冷":1220,"た":203,"使":-1266,"！":-437,"思":-810,"］":-483,"も":-128,"利":356,"学":191,"意":739,"ぐ":179,"バ":-257,"ト":-355,"当":439,"分":201,"々":563,"体":-1129,"場":469,"む":664,"券":-832,"見":-249,"イ":189,"来":-128,"料":584,"寺":-493,"手":173,"ぎ":262,"．":-169,"タ":284,"ば":302,"水":-221,"通":-189,"行":-215,"先":-737,"一":-212,"田":358,"続":-686,"本":41,"ー":24,"ア":-172,"ょ":338,"？":-244,"び":222,"ｏ":191,"へ":-279,"要":114,"何":-342,"最":-104,"上":-38,"け":38,"　":-234,"都":43,"成":93,"的":-118,"ラ":59,"中":88,"ン":-25,"（":-97,"Ｎ":235,"７":-151,"効":87,"枚":95,"１":-41,"ゃ":20,"有":-57,"京":-41,"オ":-102,"降":28,"生":-12,"）":-20,"ュ":-4},UW2:{"。":-1435,"、":-1422,"を":-2559,"が":-1164,"は":-1025,"っ":253,"に":-1053,"以":2191,"れ":6,"か":-87,"て":-1038,"で":-850,"全":1718,"ん":588,"の":-678,"そ":-342,"ゆ":1826,"め":94,"や":171,"と":-790,"く":-676,"う":-389,"も":-824,"一":1094,"あ":-137,"こ":84,"さ":563,"利":22,"だ":329,"ご":-701,"毎":1711,"す":65,"結":2020,"少":607,"彼":771,"最":450,"き":-546,"同":501,"よ":599,"機":1124,"人":227,"え":118,"ほ":667,"い":-98,"大":361,"り":-391,"お":-412,"「":-480,"本":699,"手":768,"意":558,"関":892,"京":-332,"目":-1046,"る":-265,"ぜ":780,"な":-421,"着":-459,"ケ":-265,"題":869,"思":-34,"我":-1566,"ひ":-1571,"多":282,"上":-219,"た":-140,"ー":281,"ぱ":403,"ど":67,"水":310,"振":-1294,"ば":-375,"夕":692,"つ":-293,"絶":1290,"裏":-1205,"寺":-454,"友":327,"名":308,"容":912,"今":280,"み":-131,"フ":-298,"入":-364,"ン":138,"イ":-180,"高":345,"ま":-151,"ら":-57,"ス":123,"取":-279,"料":53,"世":-929,"パ":295,"電":310,"ｒ":1144,"々":180,"，":-377,"打":427,"＾":149,"落":-586,"プ":-252,"冷":-564,"車":221,"和":397,"用":-220,"甘":553,"的":174,"下":230,"選":254,"極":690,"知":-368,"ラ":-235,"重":319,"良":164,"メ":-47,"実":126,"時":98,"立":-357,"］":-114,"相":242,"：":201,"乗":-222,"女":-225,"格":351,"Ｈ":-196,"ィ":-50,"感":67,"正":275,"当":105,"［":-37,"け":29,"早":100,"式":33,"ル":8,"サ":-74,"４":45,"５":-44,"川":49,"残":40,"三":20,"見":-8,"カ":-4,"ゃ":4,"明":4},UW6:{"が":458,"。":-261,"で":251,"入":1042,"し":496,"は":244,"ご":-343,"あ":-434,"に":259,"空":1574,"て":-48,"だ":87,"の":74,"め":1567,"な":197,"さ":523,"う":-76,"券":1647,"や":728,"り":471,"ま":172,"ろ":319,"い":346,"を":168,"か":239,"ん":363,"ら":50,"ル":173,"っ":269,"ク":-297,"彼":-1380,"け":-161,"０":657,"寺":710,"態":407,"・":-672,"、":143,"込":694,"ば":364,"場":-799,"：":881,"く":196,"ゆ":571,"る":83,"気":448,"ー":-8,"タ":425,"ぱ":888,"的":471,"メ":254,"わ":215,"ピ":833,"ず":-550,"ケ":-466,"過":936,"送":-1043,"シ":-165,"イ":-256,"カ":294,"も":-76,"効":-690,"れ":131,"焼":761,"た":-5,"来":-262,"方":-301,"つ":66,"機":251,"思":-43,"出":201,"印":379,"こ":51,"店":254,"自":167,"ぎ":322,"ゃ":-136,"着":-113,"参":278,"間":-73,"不":176,"ぞ":227,"周":337,"パ":-119,"…":-96,"ン":-25,"ょ":-138,"回":-46,"力":-75,"び":53,"１":4,"練":36,"生":-24,"Ｎ":-48,"Ｓ":-20,"９":8},BW2:{"たと":1506,"とい":288,"とお":-3916,"のみ":-2778,"てい":-1173,"であ":-3424,"ない":-2833,"です":-3140,"たま":-2384,"ので":-905,"いた":-1757,"でき":-2098,"うや":-1836,"にも":-1242,"には":-963,"でも":-1866,"はな":-294,"くな":-1808,"、そ":-1730,"、と":-636,"るよ":-1166,"帯電":-1447,"てお":-2417,"ただ":-3137,"のよ":-616,"でし":-1972,"また":-2915,"ると":-559,"など":-1328,"の機":-1328,"のは":-1154,"くし":-1455,"もあ":-956,"いま":-603,"てみ":-1631,"てあ":-2192,"たい":-1203,"もし":-546,"はで":398,"いつ":-1249,"がと":-484,"のだ":-995,"すご":-1286,"はい":-737,"うど":-1333,"人が":1448,"いも":544,"にな":-270,"・・":-1236,"てき":-1175,"時間":-828,"の前":-673,"のも":-751,"はあ":-1272,"どこ":-929,"では":-1166,"くだ":-995,"とな":111,"れた":-801,"なく":-804,"た時":453,"らな":-87,"、な":-216,"とか":-910,"にし":-414,"てく":-749,"でな":-1185,"る場":78,"のか":-354,"とも":-533,"した":-580,"もな":-186,"とこ":-385,"いし":-588,"ード":-559,"たよ":-582,"いよ":-794,"はず":-658,"ばい":-551,"ても":-255,"いい":-353,"とき":-281,"ては":27,"もつ":-372,"なか":-225,"のが":-360,"の１":-795,"くさ":-134,"はじ":-435,"もの":-147,"、１":-856,"ーな":657,"、清":-495,"と同":-436,"にで":-377,"、ま":-262,"しい":-318,"いな":-109,"の方":319,"やす":-414,"たも":143,"がな":82,"つの":388,"ませ":-121,"とす":-220,"］京":-271,"よう":-85,"りな":136,"でい":-139,"い人":105,"るの":-109,"ーで":125,"らい":-107,"のま":-45,"なぁ":-53,"てた":-82,"気持":-106,"なり":81,"でに":32,"るで":28,"の後":-32,"今日":-40,"んで":24,"もう":-12,"とは":-4},BW1:{"以上":1273,"のみ":2658,"れた":1590,"まま":2847,"たま":2261,"いう":338,"から":1803,"よう":-1764,"りが":-1370,"めて":1033,"その":-1196,"白い":2426,"った":161,"とう":1397,"では":-501,"たと":-1243,"ない":827,"とか":1743,"うな":512,"るの":-1611,"こと":-1467,"利用":1155,"でも":756,"とが":-1259,"たの":-1570,"この":-1058,"より":1131,"。・":2639,"のは":1326,"しい":842,"が、":1759,"最近":1593,"かも":-1285,"ック":622,"もう":1776,"ても":636,"んな":369,"たら":943,"んで":-747,"がと":-1484,"もの":-1092,"れて":-1075,"まり":1378,"にも":652,"少し":1499,"まだ":1379,"とい":-1037,"りと":1131,"とき":1494,"ると":205,"同じ":1574,"もつ":1554,"こそ":1334,"さん":451,"で、":726,"は、":527,"ある":205,"だけ":713,"なら":1205,"た．":1789,"て、":840,"れる":473,"には":421,"気に":-66,"思い":-1307,"なぜ":1605,"うや":-1437,"の間":1274,"って":-155,"い、":-292,"もし":1057,"えば":807,"きな":923,"んと":-204,"てる":615,"、と":386,"まる":-282,"たい":222,"いで":-902,"ケー":-854,"ただ":581,"いの":-311,"てい":-581,"るで":373,"とで":938,"くて":684,"いた":369,"いる":181,"まぁ":482,"それ":187,"まで":406,"普段":620,"のが":605,"れば":544,"の後":946,"ージ":970,"しか":49,"のも":609,"なの":-54,"る人":668,"友達":846,"なく":169,"！！":318,"と、":422,"買い":-799,"大変":359,"０円":324,"使い":-756,"、今":407,"に、":573,"める":-345,"現在":575,"ため":581,"気が":370,"クル":478,"んだ":313,"きた":331,"来て":493,"ぱり":435,"でき":-74,"べき":564,"くれ":268,"きり":466,"取り":-293,"。あ":-543,"てた":304,"こう":-328,"てく":-112,"やら":275,"の上":508,"使う":230,"いも":-376,"か、":-238,"。３":372,"けど":166,"るに":-305,"とも":71,"りに":73,"じて":195,"も、":165,"一番":100,"する":-78,"すら":209,"いな":-106,"うと":-114,"など":204,"国人":143,"の時":215,"実際":189,"ろう":-193,"とは":-77,"うち":96,"どう":58,"・・":87,"たり":74,"とに":-57,"は１":180,"うの":-32,"じゃ":-89,"ュー":28,"一つ":-56,"にか":36,"りは":-12,"見て":-4},UW1:{"お":980,"は":-281,"ま":70,"う":349,"ご":921,"と":102,"る":-32,"ら":110,"な":-311,"上":-1236,"に":-339,"で":-111,"学":179,"い":-69,"り":-86,"、":-28,"バ":452,"当":-977,"が":-164,"電":145,"ち":389,"水":1514,"を":-149,"つ":85,"携":-52,"っ":192,"か":-151,"［":-679,"ゆ":-565,"ー":121,"ん":176,"フ":-161,"ろ":227,"行":-21,"あ":-60,"だ":182,"用":648,"外":230,"０":232,"ス":-301,"空":-552,"間":358,"自":442,"す":163,"し":-7,"ケ":-283,"機":454,"利":-567,"や":-289,"何":307,"ツ":156,"小":306,"入":300,"安":-487,"新":434,"チ":131,"こ":98,"生":269,"さ":-140,"３":-298,"困":671,"イ":258,"ッ":224,"込":96,"庭":580,"問":615,"田":144,"。":-28,"も":-33,"使":-177,"高":204,"券":379,"め":-103,"パ":261,"国":-467,"様":370,"ラ":129,"社":254,"！":110,"振":349,"言":-136,"着":-48,"ペ":353,"み":-44,"．":-49,"思":107,"見":83,"欲":212,"居":173,"メ":94,"？":79,"ざ":158,"撮":-208,"大":33,"連":-100,"長":115,"ょ":-53,"個":-127,"周":40,"進":93,"山":61,"サ":32,"ボ":32,"方":20,"ン":12,"買":-8,"ね":-4},BW3:{"もの":3658,"あり":1182,"ます":-1304,"いた":591,"いう":798,"その":2051,"いい":1225,"たま":1149,"のみ":2809,"でも":1705,"ある":-359,"よう":-159,"持っ":1377,"とき":1908,"とお":1041,"とい":-1177,"なっ":-544,"なる":406,"ころ":-364,"とう":-430,"かけ":2917,"こと":975,"手に":1163,"以上":-1970,"この":1601,"して":352,"でき":652,"はし":3071,"とて":2260,"から":-1074,"メー":296,"そう":-790,"もら":2683,"ちょ":2013,"かか":1802,"ため":910,"しま":-186,"もう":2313,"・・":-1608,"した":991,"めて":-2007,"より":-1514,"とも":1059,"いろ":772,"もん":1116,"どう":784,"すご":1168,"おり":-1312,"まぁ":1409,"ただ":1447,"きっ":651,"だけ":-1043,"来た":310,"電車":190,"はま":1022,"きま":-890,"しゃ":1379,"しい":-571,"とっ":989,"まし":-902,"よく":815,"さん":-1344,"かっ":-920,"これ":999,"場合":69,"うま":557,"める":-1596,"いて":-473,"ない":260,"すぐ":1151,"です":-540,"やっ":464,"もと":1360,"す。":-277,"いか":537,"中で":435,"わけ":-32,"わか":697,"いる":617,"なか":151,"考え":545,"とこ":787,"いや":897,"また":-494,"こそ":-806,"もっ":729,"みた":-758,"どこ":758,"まだ":374,"お茶":782,"あっ":-84,"パソ":446,"かも":-516,"かつ":730,"なく":184,"とり":708,"うち":225,"まっ":-266,"めっ":368,"いら":687,"まず":464,"出来":-456,"ませ":-464,"だい":421,"なら":-162,"はい":351,"もつ":607,"ここ":647,"ほし":-356,"たい":-308,"つい":283,"つけ":354,"どの":556,"まで":-558,"料理":67,"使っ":250,"行き":-274,"日本":213,"出て":149,"祭り":361,"ルー":408,"楽し":197,"さい":-317,"だろ":-548,"逆に":379,"つな":305,"とあ":326,"お店":197,"イン":186,"書い":164,"ぼく":281,"んは":289,"人は":79,"など":-138,"で、":96,"まり":-225,"みが":-123,"はず":44,"程度":-73,"ずっ":44,"しく":-24,"込ん":-3},TW4:{"ところ":2298,"くらい":1840,"ような":-2720,"した。":-1639,"できた":2328,"ありま":-1854,"ことが":-955,"かなり":2910,"ます。":-1449,"ように":-1522,"そうで":-1026,"いた。":1051,"だから":995,"ことに":-907,"しかし":1612,"うどん":1004,"メール":369,"もちろ":1602,"だった":-1494,"だって":523,"ことも":-539,"いろい":697,"ようで":-1413,"いかな":786,"あり、":-558,"でも、":675,"ちなみ":1556,"こと。":678,"ことで":263,"ない。":112,"なかな":855,"ソフト":704,"すると":339,"わけで":-339,"いえば":647,"なくな":274,"なんて":-265,"しない":519,"まって":-644,"なんと":485,"ことを":228,"してき":324,"しかも":790,"らしい":546,"あたり":-494,"すごい":197,"ことは":-199,"いくら":180,"なんか":98,"できま":80,"ちょっ":190,"のは、":150,"いいと":-70,"そうい":136,"しても":-90,"観光客":-70,"おいし":74,"いっぱ":98,"いる。":52,"います":-20},TW3:{"もなく":-1963,"という":835,"ところ":-1715,"として":677,"ている":-1633,"のまま":-1388,"、ある":-2880,"はない":-522,"すこと":762,"てしま":-1446,"らない":-1178,"とした":-1303,"と言っ":-1139,"ていう":588,"はそれ":-915,"である":-808,"になっ":-35,"、なん":-182,"たこと":-95,"であっ":-926,"となっ":309,"もあり":-283,"いとこ":100,"ばいい":-261,"もいい":-455,"であり":-715,"なんで":470,"ういう":-319,"るとき":259,"ていた":-117,"にして":-41,"でした":-136},TW1:{"という":710,"ような":1395,"のまま":1430,"しかし":2233,"・・・":1265,"持って":-1918,"ながら":1900,"かなり":2064,"。この":-230,"やはり":2088,"思った":877,"もなく":783,"を利用":-1416,"なんと":-712,"そして":819,"、それ":328,"である":375,"ない、":-985,"それは":-305,"ました":-327,"かなか":703,"ている":29,"っかり":775,"くさん":545,"ちろん":463,"ひとつ":586,"はその":-121,"。ただ":628,"すごく":328,"リーグ":349,"ところ":320,"ろいろ":327,"ること":-347,"ょうど":291,"ていて":133,"くらい":83,"なって":-66,"００円":58,"思って":-131,"として":28,"買って":-32},TW2:{"気に入":-4314,"とがあ":-1364,"ではな":-1140,"んでい":-2225,"うにな":-921,"かもし":-382,"そもそ":-1415,"してい":-533,"しかな":526,"でもあ":-1125,"ともあ":-986,"ったこ":-226,"からな":-580,"えるこ":-465,"してお":-184,"でもな":-388,"ってい":45,"とはい":-16,"ってこ":-20,"ないと":-32,"えてい":4}},o=window; /** * @license * Copyright 2021 Google LLC * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ const i=console.assert,s=String.fromCharCode(8203),u=1,c=3,a=0,l=1,f=2,p=3,h=4,d=5,v={AREA:f,BASE:f,BASEFONT:f,DATALIST:f,HEAD:f,LINK:f,META:f,NOEMBED:f,NOFRAMES:f,PARAM:f,RP:f,SCRIPT:f,STYLE:f,TEMPLATE:f,TITLE:f,NOSCRIPT:f,HR:p,LISTING:f,PLAINTEXT:f,PRE:f,XMP:f,BR:p,RT:f,WBR:d,INPUT:f,SELECT:f,BUTTON:f,TEXTAREA:f,ABBR:f,CODE:f,IFRAME:f,TIME:f,VAR:f,NOBR:h},g=new Set(["HTML","BODY","ADDRESS","BLOCKQUOTE","CENTER","DIALOG","DIV","FIGURE","FIGCAPTION","FOOTER","FORM","HEADER","LEGEND","LISTING","MAIN","P","ARTICLE","ASIDE","H1","H2","H3","H4","H5","H6","HGROUP","NAV","SECTION","DIR","DD","DL","DT","MENU","OL","UL","LI","TABLE","CAPTION","COL","TR","TD","TH","FIELDSET","DETAILS","SUMMARY","MARQUEE"]),y=3;class m{constructor(t){this.chunks=[],this.hasBreakOpportunityAfter=!1,this.nodeOrText=t}get isString(){return"string"==typeof this.nodeOrText}get canSplit(){return!this.isString}get text(){return this.isString?this.nodeOrText:this.nodeOrText.nodeValue}get length(){var t,e;return null!==(e=null===(t=this.text)||void 0===t?void 0:t.length)&&void 0!==e?e:0}split(t){const e=this.chunks;if(i(0===e.length||e.join("")===this.text),e.length<=1)return;i(this.canSplit);const n=this.nodeOrText;if("string"==typeof t)return void(n.nodeValue=e.join(t));const r=n.ownerDocument;let o=[];for(const t of e)t&&o.push(r.createTextNode(t)),o.push(null);o.pop(),o=o.map((e=>e||t.cloneNode(!0))),n.replaceWith(...o)}}class S{constructor(t){this.nodes=[],this.element=t}isEmpty(){return 0===this.nodes.length}get text(){return this.nodes.map((t=>t.text)).join("")}get lastNode(){return this.nodes.length?this.nodes[this.nodes.length-1]:void 0}setHasBreakOpportunityAfter(){const t=this.lastNode;t&&(t.hasBreakOpportunityAfter=!0)}getForcedOpportunities(){const t=[];let e=0;for(const n of this.nodes){if(n.canSplit){const r=n.text;if(r)for(let n=0;n<r.length;++n)8203===r.charCodeAt(n)&&t.push(e+n+1)}e+=n.length,n.hasBreakOpportunityAfter&&t.push(e)}return t}excludeForcedOpportunities(t){const e=this.getForcedOpportunities();if(!e.length)return t;const n=new Set(e);return t.filter((t=>!n.has(t)))}}class T{constructor(t,e){this.separator=s,this.parser_=t,void 0!==e&&(void 0!==e.className&&(this.className=e.className),void 0!==e.separator&&(this.separator=e.separator))}static hasChildTextNode(t){for(const e of t.childNodes)if(e.nodeType===y)return!0;return!1}applyToElement(t){for(const e of this.getBlocks(t))i(!e.isEmpty()),this.applyToParagraph(e)}*getBlocks(t,e){if(i(t.nodeType===u),this.className&&t.classList.contains(this.className))return;const n=function(t){const e=t.nodeName,n=v[e];if(void 0!==n)return n;if("function"==typeof o.getComputedStyle){const e=o.getComputedStyle(t);switch(e.whiteSpace){case"nowrap":case"pre":return h}const n=e.display;if(n)return"inline"===n?a:l}return g.has(e)?l:a}(t);if(n===f)return;if(n===p)return e&&!e.isEmpty()&&(e.setHasBreakOpportunityAfter(),yield e,e.nodes=[]),void i(!t.firstChild);if(n===d)return void(e&&e.setHasBreakOpportunityAfter());i(n===l||n===a||n===h);const r=!e||n===l,s=r?new S(t):e;for(const e of t.childNodes)switch(e.nodeType){case u:for(const t of this.getBlocks(e,s))yield t;break;case c:if(n===h){const t=e.nodeValue;t&&s.nodes.push(new m(t));break}s.nodes.push(new m(e))}r&&!s.isEmpty()&&(yield s)}applyToParagraph(t){if(i(t.nodes.length>0),!t.nodes.some((t=>t.canSplit)))return;const e=t.text;if(/^\s*$/.test(e))return;const n=this.parser_.parseBoundaries(e);if(n.length<=0)return;i(n[0]>0),i(n.every(((t,e)=>0===e||t>n[e-1]))),i(n[n.length-1]<e.length);const r=t.excludeForcedOpportunities(n);r.push(e.length+1),this.splitNodes(t.nodes,r),this.applyBlockStyle(t.element)}splitNodes(t,e){var n;i(e.length>0),i(e.every(((t,n)=>0===n||t>e[n-1])));const r=t.reduce(((t,e)=>t+e.length),0);i(e[e.length-1]>r);let o=0,s=e[0];i(s>0);let u=0,c=null;for(const r of t){i(s>=u),i(0===r.chunks.length);const t=r.text;if(!t)continue;const a=t.length,l=u+a;if(i(!c||c.canSplit),!r.canSplit){for(c&&s===u&&(0===c.chunks.length&&c.chunks.push(null!==(n=c.text)&&void 0!==n?n:""),c.chunks.push(""));s<l;)s=e[++o];c=null,u=l;continue}if(c=r,s>=l){u=l;continue}const f=r.chunks;let p=0;for(;s<l;){const n=s-u;i(n>=p),f.push(t.slice(p,n)),p=n,s=e[++o]}i(p<a),f.push(t.slice(p)),u=l}i(u===r),i(o<e.length),i(e[o]>=r);for(const e of t)e.split(this.separator)}applyBlockStyle(t){this.className?t.classList.add(this.className):(t=>{t.style.wordBreak="keep-all",t.style.overflowWrap="anywhere"})(t)}}class E extends /** * @license * Copyright 2021 Google LLC * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ class{constructor(t){this.model=new Map(Object.entries(t).map((([t,e])=>[t,new Map(Object.entries(e))]))),this.baseScore=-.5*[...this.model.values()].map((t=>[...t.values()])).flat().reduce(((t,e)=>t+e),0)}parse(t){if(""===t)return[];const e=this.parseBoundaries(t),n=[];let r=0;for(const o of e)n.push(t.slice(r,o)),r=o;return n.push(t.slice(r)),n}parseBoundaries(t){var e,n,r,o,i,s,u,c,a,l,f,p,h;const d=[];for(let v=1;v<t.length;v++){let g=this.baseScore;g+=(null===(e=this.model.get("UW1"))||void 0===e?void 0:e.get(t.substring(v-3,v-2)))||0,g+=(null===(n=this.model.get("UW2"))||void 0===n?void 0:n.get(t.substring(v-2,v-1)))||0,g+=(null===(r=this.model.get("UW3"))||void 0===r?void 0:r.get(t.substring(v-1,v)))||0,g+=(null===(o=this.model.get("UW4"))||void 0===o?void 0:o.get(t.substring(v,v+1)))||0,g+=(null===(i=this.model.get("UW5"))||void 0===i?void 0:i.get(t.substring(v+1,v+2)))||0,g+=(null===(s=this.model.get("UW6"))||void 0===s?void 0:s.get(t.substring(v+2,v+3)))||0,g+=(null===(u=this.model.get("BW1"))||void 0===u?void 0:u.get(t.substring(v-2,v)))||0,g+=(null===(c=this.model.get("BW2"))||void 0===c?void 0:c.get(t.substring(v-1,v+1)))||0,g+=(null===(a=this.model.get("BW3"))||void 0===a?void 0:a.get(t.substring(v,v+2)))||0,g+=(null===(l=this.model.get("TW1"))||void 0===l?void 0:l.get(t.substring(v-3,v)))||0,g+=(null===(f=this.model.get("TW2"))||void 0===f?void 0:f.get(t.substring(v-2,v+1)))||0,g+=(null===(p=this.model.get("TW3"))||void 0===p?void 0:p.get(t.substring(v-1,v+2)))||0,g+=(null===(h=this.model.get("TW4"))||void 0===h?void 0:h.get(t.substring(v,v+3)))||0,g>0&&d.push(v)}return d}}{constructor(t,e={separator:s}){super(t),this.htmlProcessor=new T(this,e)}applyElement(t){console.warn("`applyElement` is deprecated. Please use `applyToElement` instead. `applyElement` will be removed in v0.7.0."),this.applyToElement(t)}applyToElement(t){this.htmlProcessor.applyToElement(t)}translateHTMLString(t){if(""===t)return t;const e=(t=>(new o.DOMParser).parseFromString(t,"text/html"))(t);if(T.hasChildTextNode(e.body)){const t=e.createElement("span");t.append(...e.body.childNodes),e.body.append(t)}return this.applyToElement(e.body.childNodes[0]),e.body.innerHTML}} /** * @license * Copyright 2021 Google LLC * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * https://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ const x=()=>new E(r)},3099:function(t){t.exports=function(t){if("function"!=typeof t)throw TypeError(String(t)+" is not a function");return t}},9670:function(t,e,n){var r=n(111);t.exports=function(t){if(!r(t))throw TypeError(String(t)+" is not an object");return t}},8533:function(t,e,n){"use strict";var r=n(2092).forEach,o=n(9341),i=n(9207),s=o("forEach"),u=i("forEach");t.exports=s&&u?[].forEach:function(t){return r(this,t,arguments.length>1?arguments[1]:void 0)}},1318:function(t,e,n){var r=n(5656),o=n(7466),i=n(1400),s=function(t){return function(e,n,s){var u,c=r(e),a=o(c.length),l=i(s,a);if(t&&n!=n){for(;a>l;)if((u=c[l++])!=u)return!0}else for(;a>l;l++)if((t||l in c)&&c[l]===n)return t||l||0;return!t&&-1}};t.exports={includes:s(!0),indexOf:s(!1)}},2092:function(t,e,n){var r=n(9974),o=n(8361),i=n(7908),s=n(7466),u=n(5417),c=[].push,a=function(t){var e=1==t,n=2==t,a=3==t,l=4==t,f=6==t,p=5==t||f;return function(h,d,v,g){for(var y,m,S=i(h),T=o(S),E=r(d,v,3),x=s(T.length),b=0,O=g||u,L=e?O(h,x):n?O(h,0):void 0;x>b;b++)if((p||b in T)&&(m=E(y=T[b],b,S),t))if(e)L[b]=m;else if(m)switch(t){case 3:return!0;case 5:return y;case 6:return b;case 2:c.call(L,y)}else if(l)return!1;return f?-1:a||l?l:L}};t.exports={forEach:a(0),map:a(1),filter:a(2),some:a(3),every:a(4),find:a(5),findIndex:a(6)}},9341:function(t,e,n){"use strict";var r=n(7293);t.exports=function(t,e){var n=[][t];return!!n&&r((function(){n.call(null,e||function(){throw 1},1)}))}},9207:function(t,e,n){var r=n(9781),o=n(7293),i=n(6656),s=Object.defineProperty,u={},c=function(t){throw t};t.exports=function(t,e){if(i(u,t))return u[t];e||(e={});var n=[][t],a=!!i(e,"ACCESSORS")&&e.ACCESSORS,l=i(e,0)?e[0]:c,f=i(e,1)?e[1]:void 0;return u[t]=!!n&&!o((function(){if(a&&!r)return!0;var t={length:-1};a?s(t,1,{enumerable:!0,get:c}):t[1]=1,n.call(t,l,f)}))}},5417:function(t,e,n){var r=n(111),o=n(3157),i=n(5112)("species");t.exports=function(t,e){var n;return o(t)&&("function"!=typeof(n=t.constructor)||n!==Array&&!o(n.prototype)?r(n)&&null===(n=n[i])&&(n=void 0):n=void 0),new(void 0===n?Array:n)(0===e?0:e)}},4326:function(t){var e={}.toString;t.exports=function(t){return e.call(t).slice(8,-1)}},9920:function(t,e,n){var r=n(6656),o=n(3887),i=n(1236),s=n(3070);t.exports=function(t,e){for(var n=o(e),u=s.f,c=i.f,a=0;a<n.length;a++){var l=n[a];r(t,l)||u(t,l,c(e,l))}}},8880:function(t,e,n){var r=n(9781),o=n(3070),i=n(9114);t.exports=r?function(t,e,n){return o.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},9114:function(t){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},9781:function(t,e,n){var r=n(7293);t.exports=!r((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},317:function(t,e,n){var r=n(7854),o=n(111),i=r.document,s=o(i)&&o(i.createElement);t.exports=function(t){return s?i.createElement(t):{}}},8324:function(t){t.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},748:function(t){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},2109:function(t,e,n){var r=n(7854),o=n(1236).f,i=n(8880),s=n(1320),u=n(3505),c=n(9920),a=n(4705);t.exports=function(t,e){var n,l,f,p,h,d=t.target,v=t.global,g=t.stat;if(n=v?r:g?r[d]||u(d,{}):(r[d]||{}).prototype)for(l in e){if(p=e[l],f=t.noTargetGet?(h=o(n,l))&&h.value:n[l],!a(v?l:d+(g?".":"#")+l,t.forced)&&void 0!==f){if(typeof p==typeof f)continue;c(p,f)}(t.sham||f&&f.sham)&&i(p,"sham",!0),s(n,l,p,t)}}},7293:function(t){t.exports=function(t){try{return!!t()}catch(t){return!0}}},9974:function(t,e,n){var r=n(3099);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 0:return function(){return t.call(e)};case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},5005:function(t,e,n){var r=n(857),o=n(7854),i=function(t){return"function"==typeof t?t:void 0};t.exports=function(t,e){return arguments.length<2?i(r[t])||i(o[t]):r[t]&&r[t][e]||o[t]&&o[t][e]}},7854:function(t,e,n){var r=function(t){return t&&t.Math==Math&&t};t.exports=r("object"==typeof globalThis&&globalThis)||r("object"==typeof window&&window)||r("object"==typeof self&&self)||r("object"==typeof n.g&&n.g)||Function("return this")()},6656:function(t){var e={}.hasOwnProperty;t.exports=function(t,n){return e.call(t,n)}},3501:function(t){t.exports={}},4664:function(t,e,n){var r=n(9781),o=n(7293),i=n(317);t.exports=!r&&!o((function(){return 7!=Object.defineProperty(i("div"),"a",{get:function(){return 7}}).a}))},8361:function(t,e,n){var r=n(7293),o=n(4326),i="".split;t.exports=r((function(){return!Object("z").propertyIsEnumerable(0)}))?function(t){return"String"==o(t)?i.call(t,""):Object(t)}:Object},2788:function(t,e,n){var r=n(5465),o=Function.toString;"function"!=typeof r.inspectSource&&(r.inspectSource=function(t){return o.call(t)}),t.exports=r.inspectSource},9909:function(t,e,n){var r,o,i,s=n(8536),u=n(7854),c=n(111),a=n(8880),l=n(6656),f=n(6200),p=n(3501),h=u.WeakMap;if(s){var d=new h,v=d.get,g=d.has,y=d.set;r=function(t,e){return y.call(d,t,e),e},o=function(t){return v.call(d,t)||{}},i=function(t){return g.call(d,t)}}else{var m=f("state");p[m]=!0,r=function(t,e){return a(t,m,e),e},o=function(t){return l(t,m)?t[m]:{}},i=function(t){return l(t,m)}}t.exports={set:r,get:o,has:i,enforce:function(t){return i(t)?o(t):r(t,{})},getterFor:function(t){return function(e){var n;if(!c(e)||(n=o(e)).type!==t)throw TypeError("Incompatible receiver, "+t+" required");return n}}}},3157:function(t,e,n){var r=n(4326);t.exports=Array.isArray||function(t){return"Array"==r(t)}},4705:function(t,e,n){var r=n(7293),o=/#|\.prototype\./,i=function(t,e){var n=u[s(t)];return n==a||n!=c&&("function"==typeof e?r(e):!!e)},s=i.normalize=function(t){return String(t).replace(o,".").toLowerCase()},u=i.data={},c=i.NATIVE="N",a=i.POLYFILL="P";t.exports=i},111:function(t){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},1913:function(t){t.exports=!1},133:function(t,e,n){var r=n(7293);t.exports=!!Object.getOwnPropertySymbols&&!r((function(){return!String(Symbol())}))},8536:function(t,e,n){var r=n(7854),o=n(2788),i=r.WeakMap;t.exports="function"==typeof i&&/native code/.test(o(i))},3070:function(t,e,n){var r=n(9781),o=n(4664),i=n(9670),s=n(7593),u=Object.defineProperty;e.f=r?u:function(t,e,n){if(i(t),e=s(e,!0),i(n),o)try{return u(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported");return"value"in n&&(t[e]=n.value),t}},1236:function(t,e,n){var r=n(9781),o=n(5296),i=n(9114),s=n(5656),u=n(7593),c=n(6656),a=n(4664),l=Object.getOwnPropertyDescriptor;e.f=r?l:function(t,e){if(t=s(t),e=u(e,!0),a)try{return l(t,e)}catch(t){}if(c(t,e))return i(!o.f.call(t,e),t[e])}},8006:function(t,e,n){var r=n(6324),o=n(748).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},5181:function(t,e){e.f=Object.getOwnPropertySymbols},6324:function(t,e,n){var r=n(6656),o=n(5656),i=n(1318).indexOf,s=n(3501);t.exports=function(t,e){var n,u=o(t),c=0,a=[];for(n in u)!r(s,n)&&r(u,n)&&a.push(n);for(;e.length>c;)r(u,n=e[c++])&&(~i(a,n)||a.push(n));return a}},5296:function(t,e){"use strict";var n={}.propertyIsEnumerable,r=Object.getOwnPropertyDescriptor,o=r&&!n.call({1:2},1);e.f=o?function(t){var e=r(this,t);return!!e&&e.enumerable}:n},3887:function(t,e,n){var r=n(5005),o=n(8006),i=n(5181),s=n(9670);t.exports=r("Reflect","ownKeys")||function(t){var e=o.f(s(t)),n=i.f;return n?e.concat(n(t)):e}},857:function(t,e,n){var r=n(7854);t.exports=r},1320:function(t,e,n){var r=n(7854),o=n(8880),i=n(6656),s=n(3505),u=n(2788),c=n(9909),a=c.get,l=c.enforce,f=String(String).split("String");(t.exports=function(t,e,n,u){var c=!!u&&!!u.unsafe,a=!!u&&!!u.enumerable,p=!!u&&!!u.noTargetGet;"function"==typeof n&&("string"!=typeof e||i(n,"name")||o(n,"name",e),l(n).source=f.join("string"==typeof e?e:"")),t!==r?(c?!p&&t[e]&&(a=!0):delete t[e],a?t[e]=n:o(t,e,n)):a?t[e]=n:s(e,n)})(Function.prototype,"toString",(function(){return"function"==typeof this&&a(this).source||u(this)}))},4488:function(t){t.exports=function(t){if(null==t)throw TypeError("Can't call method on "+t);return t}},3505:function(t,e,n){var r=n(7854),o=n(8880);t.exports=function(t,e){try{o(r,t,e)}catch(n){r[t]=e}return e}},6200:function(t,e,n){var r=n(2309),o=n(9711),i=r("keys");t.exports=function(t){return i[t]||(i[t]=o(t))}},5465:function(t,e,n){var r=n(7854),o=n(3505),i="__core-js_shared__",s=r[i]||o(i,{});t.exports=s},2309:function(t,e,n){var r=n(1913),o=n(5465);(t.exports=function(t,e){return o[t]||(o[t]=void 0!==e?e:{})})("versions",[]).push({version:"3.6.4",mode:r?"pure":"global",copyright:"© 2020 Denis Pushkarev (zloirock.ru)"})},1400:function(t,e,n){var r=n(9958),o=Math.max,i=Math.min;t.exports=function(t,e){var n=r(t);return n<0?o(n+e,0):i(n,e)}},5656:function(t,e,n){var r=n(8361),o=n(4488);t.exports=function(t){return r(o(t))}},9958:function(t){var e=Math.ceil,n=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?n:e)(t)}},7466:function(t,e,n){var r=n(9958),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},7908:function(t,e,n){var r=n(4488);t.exports=function(t){return Object(r(t))}},7593:function(t,e,n){var r=n(111);t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},9711:function(t){var e=0,n=Math.random();t.exports=function(t){return"Symbol("+String(void 0===t?"":t)+")_"+(++e+n).toString(36)}},3307:function(t,e,n){var r=n(133);t.exports=r&&!Symbol.sham&&"symbol"==typeof Symbol.iterator},5112:function(t,e,n){var r=n(7854),o=n(2309),i=n(6656),s=n(9711),u=n(133),c=n(3307),a=o("wks"),l=r.Symbol,f=c?l:l&&l.withoutSetter||s;t.exports=function(t){return i(a,t)||(u&&i(l,t)?a[t]=l[t]:a[t]=f("Symbol."+t)),a[t]}},9554:function(t,e,n){"use strict";var r=n(2109),o=n(8533);r({target:"Array",proto:!0,forced:[].forEach!=o},{forEach:o})},4747:function(t,e,n){var r=n(7854),o=n(8324),i=n(8533),s=n(8880);for(var u in o){var c=r[u],a=c&&c.prototype;if(a&&a.forEach!==i)try{s(a,"forEach",i)}catch(t){a.forEach=i}}}}]); /*! * do not edit; file generated from public-web-customizations * budoux * 5/2/2024, 3:46:48 PM * 98af3595904fd1b47f09 */!function(){"use strict";var n,e={215:function(n,e,o){o(9554),o(4747);var r=o(2383);window.Sq=window.Sq||{},Sq.Budoux=Sq.Budoux||{},Sq.OnLoad.window((function(){if(Sq.Budoux.isApplied)console.warn("BudouX is now enabled via XMS. Please remove budoux-jp.js from this page's Contentful entry.");else{var n=(0,r.D4)();if(document.querySelector("html.locale-ja-JP"))document.querySelectorAll("h1, h2, h3, h4, h5, h6, p, a, li, span, label, quote").forEach((function(e){e.querySelectorAll("br:not(.budoux-ignore)").forEach((function(n){return n.remove()})),n.applyToElement(e)}));Sq.Budoux.isApplied=!0}}))}},o={};function r(n){var t=o[n];if(void 0!==t)return t.exports;var u=o[n]={exports:{}};return e[n](u,u.exports,r),u.exports}r.m=e,n=[],r.O=function(e,o,t,u){if(!o){var i=1/0;for(a=0;a<n.length;a++){o=n[a][0],t=n[a][1],u=n[a][2];for(var c=!0,l=0;l<o.length;l++)(!1&u||i>=u)&&Object.keys(r.O).every((function(n){return r.O[n](o[l])}))?o.splice(l--,1):(c=!1,u<i&&(i=u));c&&(n.splice(a--,1),e=t())}return e}u=u||0;for(var a=n.length;a>0&&n[a-1][2]>u;a--)n[a]=n[a-1];n[a]=[o,t,u]},r.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return r.d(e,{a:e}),e},r.d=function(n,e){for(var o in e)r.o(e,o)&&!r.o(n,o)&&Object.defineProperty(n,o,{enumerable:!0,get:e[o]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(n){if("object"==typeof window)return window}}(),r.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},function(){var n={179:0};r.O.j=function(e){return 0===n[e]};var e=function(e,o){var t,u,i=o[0],c=o[1],l=o[2],a=0;for(t in c)r.o(c,t)&&(r.m[t]=c[t]);if(l)var f=l(r);for(e&&e(o);a<i.length;a++)u=i[a],r.o(n,u)&&n[u]&&n[u][0](),n[i[a]]=0;return r.O(f)},o=self.webpackChunkpublic_web_customizations=self.webpackChunkpublic_web_customizations||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))}();var t=r.O(void 0,[216],(function(){return r(215)}));t=r.O(t)}();</script></head><body class="theme-royal-blue"><div id="top"></div><div data-body="以下の対応ブラウザの最新バージョンをダウンロードして、このウェブサイトを最大限に活用してください。" 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="以上を理解して、続行します" data-title="ブラウザをアップデートしてください。" id="unsupported-browser-modal"></div><script src="https://xms-production-f.squarecdn.com/xms/assets/precompile/nomodule-fd552f7067e56a71a4ac154492f800a86a9d4f41b1a3dd92df5043afc78d1e91.js" nomodule="nomodule" nonce="9itj2knFmcI+e0dZ7G5Os+TRg5WXV/W6LkhLjpwodkA="></script><noscript><div aria-live="polite" class="flash flash-top flash-error flash-show" role="status"><div class="flash-message"><p>このサイトが完全に機能するにはJavascriptが必要です <a class="arrow" href="https://www.enable-javascript.com/" target="_blank">ウェブブラウザのJavascriptを有効化する方法について</a> </p></div></div></noscript><div data-cta-subnav-json="{"id":"pwn-entry-xukELmN7EeYbjTk93hMIn","title":"Squareの導入事例","subtitle":null,"dynamicVariationSlug":null,"titleCategory":null,"cta":{"id":"pwn-entry-32i0iCdTmmWVa4rfz7Z8MR","title":"アカウントを作成する","url":"/signup/ja-JP","linkStyle":"primary","iconData":null,"hideWhenLoggedIn":null,"hideWhenLoggedOut":null,"hideWhenCartEmpty":null,"hideWhenCartNotEmpty":null,"disabled":null,"hidden":null,"type":"button"},"secondaryCta":{"id":"pwn-entry-765PdZmnbZuYoXcRgmYX91","title":"営業チームに相談する","url":"/jp/ja/sales/contact?page=/jp/ja/testimonials","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":true,"disableIconCtaOnMobile":false}" data-dark-mode="false" data-experiments="[]" data-flags-json="{"publicwebnav/enable-comms-plat-messaging":false,"xms2-search-page-url":"https://squareupstaging.com/us/en/xms2/test/search","xmsfe-enable-pwt":false,"xmsfe-pwt-page-allow-list":["/us/en"]}" data-image-subnav-json="" data-json="{"id":"pwn-entry-ohEwzGtgBrRCU21eH8wWY","title":"squareup.com - JP","home":{"id":"pwn-entry-10pviTmfcq4tYUZAZ5OraP","title":"Square","url":"/jp/ja"},"mobileMenuOpenText":"メニューを開く","mobileMenuCloseText":"メニューを閉じる","primaryNavItems":[{"id":"pwn-entry-6A55WtxiToBoAjaP2lfgyX","type":"category","title":"Squareの決済","navItems":[{"id":"pwn-entry-2qRaJA9kO9zNxMgrxfmCHQ","type":"link","title":"決済サービス","url":"/jp/ja/payments"},{"id":"pwn-entry-237humGLsHUqxEPbQwtAPg","type":"link","title":"クレジットカード決済","url":"/jp/ja/payments/card-payments"},{"id":"pwn-entry-7e7HiVxeacbpuUsIYeGfes","type":"link","title":"QRコード決済","url":"/jp/ja/payments/qr-code-payments"},{"id":"pwn-entry-6AylwdaqO39pLk02WcVyZk","type":"link","title":"iPhoneのタッチ決済","url":"/jp/ja/payments/tap-to-pay"},{"id":"pwn-entry-3b7CeXyKeiIxC2Qur8rAmX","type":"link","title":"Tap to Pay on Android","url":"/jp/ja/payments/tap-to-pay-android"},{"id":"pwn-entry-1hBi8gteCsDOncp36kjWlG","type":"link","title":"タッチ決済","url":"/jp/ja/payments/touch-payments"},{"id":"pwn-entry-5enhG0FRHKi4ZaseVBKAdL","type":"link","title":"店舗決済","url":"/jp/ja/payments/in-person-payments"},{"id":"pwn-entry-4f3r7p2MJoomV1eJbVhNBv","type":"link","title":"電子マネー決済","url":"/jp/ja/payments/e-money"},{"id":"pwn-entry-6cYKVev8ZhvrkUBTAOu9oh","type":"link","title":"請求書で決済","url":"/jp/ja/invoices"},{"id":"pwn-entry-3lO9T4FDpt47Htq27D1Jkm","type":"link","title":"パソコンで決済","url":"/jp/ja/payments/virtual-terminal"},{"id":"pwn-entry-6Ob0OmIT1MmXbKpDofjL2v","type":"link","title":"ECサイト決済","url":"/jp/ja/ecommerce"},{"id":"pwn-entry-2yELQZ8asK4cgR0DmvWj2o","type":"link","title":"決済セキュリティ","url":"/jp/ja/security"},{"id":"pwn-entry-6FpCpdZ3ge5VfeZipumL6n","type":"link","title":"契約書","url":"/jp/ja/contracts"}]},{"id":"pwn-entry-7K4o7gkokrM2lVDAgOh6Ta","type":"category","title":"決済端末","navItems":[{"id":"pwn-entry-3VOdz9MbHf9ZOhA9H9ws8s","type":"link","title":"Square ターミナル","url":"/jp/ja/hardware/terminal"},{"id":"pwn-entry-7LOmDsd4kBT09Uwxz5PfoZ","type":"link","title":"Square レジスター","url":"/jp/ja/hardware/register"},{"id":"pwn-entry-5ei521BIS45QRoClgPKWFM","type":"link","title":"Square リーダー","url":"/jp/ja/hardware/reader"},{"id":"pwn-entry-4AZb6lHvVBsnNeQn6DLExk","type":"link","title":"Square スタンド","url":"/jp/ja/hardware/stand"},{"id":"pwn-entry-2rD63vxs5HhRmwfY68YDSk","type":"link","title":"Squareキオスク","url":"/jp/ja/hardware/kiosk"},{"id":"pwn-entry-52RQlwWKtsU5415JImQUMj","type":"link","title":"決済端末を比較する","url":"/jp/ja/hardware/compare"},{"id":"pwn-entry-4mBZz76TnnNl1W8DEwpPkD","type":"link","title":"周辺機器","url":"/shop/hardware/jp/ja/products/accessories"},{"id":"pwn-entry-6Tc29cKl5qd8qhxPNsqLqY","type":"link","title":"購入する","url":"/jp/ja/hardware"}]},{"id":"pwn-entry-1ihuUkNfK0HO1TKypYZowc","type":"category","title":"Eコマース","navItems":[{"id":"pwn-entry-6phkfHmSKmkXw1GPNKt03X","type":"link","title":"オンラインストア","url":"/jp/ja/online-store"},{"id":"pwn-entry-4YL1sUZuvr7BkPlZVmpB0p","type":"link","title":"リンク決済","url":"/jp/ja/payment-links"},{"id":"pwn-entry-1j1h1TlTudAyGNeUEeuKly","type":"link","title":"Eコマースを連携する","url":"/jp/ja/payments/online-payments"},{"id":"pwn-entry-70px0baBSO3lmSKr8zSjfs","type":"link","title":"フォトスタジオ","url":"/jp/ja/photo-studio/app "},{"id":"pwn-entry-cSTCOG1B3kNZBkx8bNmE0","type":"link","title":"開発者向け","url":"https://developer.squareup.com/jp/ja"}]},{"id":"pwn-entry-Zloqh534oneWAfxbNtOX8","type":"category","title":"便利な機能","navItems":[{"id":"pwn-entry-QBS3gKPMsNC3yCm7JaWpx","type":"link","title":"POSレジ","url":"/jp/ja/point-of-sale"},{"id":"pwn-entry-4GxjZLRcDHL7Qpu80ToTUD","type":"link","title":"レストランPOSレジ","url":"/jp/ja/point-of-sale/restaurants"},{"id":"pwn-entry-6aaIu2GnLrcB8GgvQXjiy0","type":"link","title":"セルフオーダーキオスク","url":"/jp/ja/point-of-sale/restaurants/kiosk-software"},{"id":"pwn-entry-2aX3ib2s4Rs7XDgKQw48xc","type":"link","title":"リテールPOSレジ","url":"/jp/ja/point-of-sale/retail"},{"id":"pwn-entry-7GXROYnRnTddVZVkrZFjHZ","type":"link","title":"予約管理","url":"/jp/ja/appointments"},{"id":"pwn-entry-1axEN5CxYYKnDvYfPDOMGC","type":"link","title":"Square 資金調達","url":"/jp/ja/funding"},{"id":"pwn-entry-6sRhoESEursmHl9qbawFcN","type":"link","title":"売上データ分析","url":"/jp/ja/point-of-sale/features/dashboard"},{"id":"pwn-entry-47mUh8qqBWfoSPDHG65LoP","type":"link","title":"アクセスプラス","url":"/jp/ja/staff/advanced-access"},{"id":"pwn-entry-7m8POWXXxI5HMmCttus1AU","type":"link","title":"顧客リスト","url":"/jp/ja/point-of-sale/features/customer-directory"},{"id":"pwn-entry-6Iz1BaWVDRtwl6ZEjwQlCC","type":"link","title":"在庫管理","url":"/jp/ja/point-of-sale/features/inventory-management"},{"id":"pwn-entry-2Ta7WpGN0beillIEq1PmIK","type":"link","title":"ギフトカード","url":"/jp/ja/gift-cards"},{"id":"pwn-entry-3Gi4jtlUCxOHiJqsPOiAph","type":"link","title":"特典プログラム","url":"/jp/ja/software/loyalty"},{"id":"pwn-entry-4W3Eccc54hATAoRX5b8VGA","type":"link","title":"連携サービス","url":"/jp/ja/app-marketplace"}]},{"id":"pwn-entry-3RGnv8eOleyEHshJ9mqpKj","type":"category","title":"業種別の使い方","navItems":[{"id":"pwn-entry-7rLyPZ4z5JFScigx9nIJa5","type":"category","title":"小売店","navItems":[{"id":"pwn-entry-15By4xelIogBZvEp92f2Io","type":"link","title":"すべての小売","url":"/jp/ja/point-of-sale/retail "},{"id":"pwn-entry-2Vph7XlsUArwrW6DDEJnR9","type":"link","title":"アパレル、アクセサリーショップ、雑貨","url":"/jp/ja/point-of-sale/retail/clothing-store "},{"id":"pwn-entry-6JFTyo8aeqsKyQRuZtO4nE","type":"link","title":"家庭事務用品、家具","url":"/jp/ja/point-of-sale/retail/furniture-home-goods "},{"id":"pwn-entry-5IgcOv2scOjeg5mXO7iP8X","type":"link","title":"食料品店とコンビニエンスストア","url":"/jp/ja/point-of-sale/retail/grocery-convenience-store "},{"id":"pwn-entry-5HpxKKKPLt7LmZkYsUZOcK","type":"link","title":"ビール、ワイン、リキュール","url":"/jp/ja/point-of-sale/retail/liquor-wine-brewery"}]},{"id":"pwn-entry-1HpLuYVKAmzaLkunNk43TP","type":"link","title":"飲食店","url":"/jp/ja/point-of-sale/restaurants"},{"id":"pwn-entry-6JpKpolFp9Zmg3pRHfeoxE","type":"link","title":"美容・サロン","url":"/jp/ja/point-of-sale/beauty"},{"id":"pwn-entry-3z7KOCK0fNqNZOrOZJztPK","type":"link","title":"訪問販売・修理サービス","url":"/jp/ja/solutions/home-and-repair"},{"id":"pwn-entry-6Febcs9rCd8aWoZOOFT0HR","type":"link","title":"屋外店舗・イベント","url":"/jp/ja/solutions/leisure-and-entertainment"},{"id":"pwn-entry-5S7cFV1qO9LEH3eBWZr8QA","type":"link","title":"病院・クリニック","url":"/jp/ja/solutions/medical"},{"id":"pwn-entry-5NhDc5IFCnqhSoe1msEtsq","type":"link","title":"大型店・多店舗向け","url":"/jp/ja/enterprise"}]},{"id":"pwn-entry-44VnkLO2ZaDS2EWi6qCqAn","type":"category","title":"料金・導入","navItems":[{"id":"pwn-entry-KON0HwOZPRSmwalBeSEXJ","type":"link","title":"料金","url":"/jp/ja/pricing"},{"id":"pwn-entry-6GlIaVPjT0NbsRtAcSKROJ","type":"link","title":"資料ダウンロード","url":"/jp/ja/l/service-info-download"},{"id":"pwn-entry-2xORpb6Qx0NyADJmW13cj4","type":"link","title":"導入事例","url":"/jp/ja/testimonials"},{"id":"pwn-entry-5UIHg0kqjtIyXqfOftrIZe","type":"link","title":"Squareへの乗り換え","url":"/jp/ja/l/switch"},{"id":"pwn-entry-4E6uKQoGEbXIqrZkH9LIRE","type":"link","title":"導入のご相談","url":"/jp/ja/sales/contact"},{"id":"pwn-entry-1TmBy4tp6xtkbvtxbvcGY4","type":"link","title":"サポートへの問い合わせ","url":"/help/jp/ja"},{"id":"pwn-entry-1p5x3wO22LSsSkiiQHNnlX","type":"link","title":"Squareのストーリー","url":"/jp/ja/about"},{"id":"pwn-entry-iy6ie6Ys3RB1LeZBpjepQ","type":"link","title":"ブログ","url":"/jp/ja/townsquare"},{"id":"pwn-entry-6DMU8pP8TVoZUIixvY2Kuj","type":"link","title":"Square コミュニティ ","url":"https://www.sellercommunity.com/t5/Seller-Community-Japan/ct-p/Seller_Community_JA"},{"id":"pwn-entry-3oJoyD1OLOfRk1k2eQihe0","type":"link","title":"Squareの使い方","url":"/jp/ja/how-square-works"},{"id":"pwn-entry-1sm0tP9TvX81WMjvtG1FHl","type":"link","title":"業務効率化ツール","url":"/jp/ja/software"}]}],"secondaryNavItems":[{"id":"pwn-entry-735gGmzBRZBLLrnQxBIs8O","type":"link","title":"ログイン","url":"/login?lang_code=ja-jp","hideWhenLoggedIn":true},{"id":"pwn-entry-5bkafq00zPIRjZhx6w5kaT","type":"category","title":"マイアカウント","navItems":[{"id":"pwn-entry-1IOsRQKygmyGI6jqDDOw4k","type":"link","title":"Square データ","url":"/dashboard/"},{"id":"pwn-entry-7ku2gUtKJdA6uusOiLzBPU","type":"link","title":"注文状況","url":"/shop/hardware/jp/ja/my-orders"},{"id":"pwn-entry-4PK7cgx38R5KxW0o8InYCC","type":"link","title":"サポート","url":"/help/jp/ja"},{"id":"pwn-entry-4QmYDCTVmiT7pNoJ5dpqt2","type":"link","title":"ログアウトする","url":"/logout?country_code=jp\u0026lang_code=ja\u0026return_to=%2Flogout-redirect"}],"hideWhenLoggedOut":true},{"id":"pwn-entry-4FDsfEQF9Ll6m044D2d3sA","type":"link","title":"ショップ","url":"/jp/ja/hardware"}],"cart":{"id":"pwn-entry-qBa5DkWABZuwiFxSDtBlE","dataUrl":"/shop/hardware/jp/ja/api/v1/item_count","url":"/shop/hardware/jp/ja/cart","title":"カート","statusZero":"カートに商品はありません","statusOne":"カートに1点の商品があります","statusMany":"{count}点の商品がカートに入っています","primaryNavItems":[{"id":"pwn-entry-4RJj0fF7Zi2LfPKmITl5ad","type":"link","title":"周辺機器を購入","url":"/jp/ja/hardware","linkStyle":"primary","hideWhenCartNotEmpty":true},{"id":"pwn-entry-6uviMuwJ7fKg8kqsR9pNw","type":"link","title":"カートを見る","url":"/shop/hardware/jp/ja/cart","linkStyle":"primary","hideWhenCartEmpty":true}],"secondaryNavItems":[{"id":"pwn-entry-77auS5kIXPZ1pdgmR90EeP","type":"link","title":"カートを見る","url":"/shop/hardware/jp/ja/cart","hideWhenCartNotEmpty":true},{"id":"pwn-entry-3zKnXVu9xb0ZhTKe6mf6Ve","type":"link","title":"周辺機器を購入","url":"/shop/hardware/jp/ja","hideWhenCartEmpty":true},{"id":"pwn-entry-5kvWjJkupKM48SYVFF6one","type":"link","title":"注文履歴","url":"/shop/hardware/jp/ja/my-orders"}]},"alignment":"left","meta":{"reason":null}}" data-render-nav-v2="false" data-theme-color="#006aff" data-theme-focus-color="#0055cc" data-tracking-parent-id="public-web-nav" id="public-web-nav"></div><main class="main-content" id="main-content" role="main"><div class="auto-layout-collapse"><section class="section-multi-column bg-theme auto-layout sq-custom-disable-link-hover-color sq-custom-jp-campaign-promo-banner flex-valign-middle" data-entry-id="6NrZP57tx6HmwyF4n3q9xy"><div class="content pad-top-base pad-bottom-base"><div class="grid multi-column-grid align-center grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="59vpYyH2LkhS8YTmWEXcWz"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><p><a href="/jp/ja/campaign/perf-cross-product-promo" class="arrow">クレジットカードの決済手数料が3.25%から2.5%に引き下げ</a></p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-flex-links sq-custom-testimonial-hero flex-valign-middle" data-entry-id="13ZzHLOWqm1cmJQFPw8p47"><div class="content pad-top-medium pad-bottom-large"><div class="grid multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="8v2imISbv8vJIGXTCEMLW"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><h1 class="gap-bottom-small h1-custom balance-text" id="規模も業種もさまざまsquareでビジネスを回す人たち">規模も業種もさまざま。<br class="desktop">Squareでビジネスを回す人たち</h1> <p class="font-size-large">始めたばかりのものから多店舗展開する規模のものまで。飲食店や小売店、美容業など、幅広いビジネスオーナーの生の声を聞いて、あなたのビジネスにぴったりなSquareの活用法を見つけてください。</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="3ctxLFb4ktuvh4QqnHGOcw"><a class="button gap-none" href="/signup/ja-JP">無料でアカウント作成</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="2fG6b1NwLr7gQ35xNaZOQU"><a class="button gap-none button-alt" href="/jp/ja/sales/contact?page=/jp/ja/testimonials">営業チームへの相談はこちらから</a></div></div></div></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-media-modal-double-prompt flex-valign-middle" data-entry-id="6aDb8uUyHDQ6JovRLcc4n"><div class="content pad-top-none pad-bottom-large pad-bottom-xl-at-medium"><div class="grid-2-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-middle grid-row-equal-heights"><div class="column sq-custom-rounded-corner-img"><div data-entry-id="4HNvDpYlWtsMXJYh8yZ0nj"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-5klB7Oy5Qgl1fIUMeH9aAj-1d206d8be966ffd545858991517292dc35dfe2d3a85da619998e99b138d507e8"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=493&h=329&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=986&h=658&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=493&h=329&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=986&h=658&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=493&h=329&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=986&h=658&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=419&h=279&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=838&h=558&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=419&h=279&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=838&h=558&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=419&h=279&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=838&h=558&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=325&h=217&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=650&h=434&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=325&h=217&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=650&h=434&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=325&h=217&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=650&h=434&fit=scale 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=424&h=283&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=848&h=566&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=424&h=283&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=848&h=566&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=424&h=283&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=848&h=566&fit=scale 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=324&h=216&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=648&h=432&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=324&h=216&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=648&h=432&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=324&h=216&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=648&h=432&fit=scale 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=276&h=184&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=552&h=368&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=276&h=184&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=552&h=368&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=276&h=184&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5klB7Oy5Qgl1fIUMeH9aAj/8c92ad3e382c9b32ee32d39c8731f33d/ph230530Tokyo_Bike_MG_1390_01_TY.jpg?w=552&h=368&fit=scale 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-large"><p class="gap-top-base gap-bottom-base"><code class="font-eyebrow-small color-text">小売業</code></p> <h4 id="squareを導入してからは全体の作業時間が13になったイメージがあります">「Squareを導入してからは全体の作業時間が1/3になったイメージがあります」</h4> <p class="color-gray gap-top-none">世界30カ国で展開する自転車メーカー、「tokyobike」がSquareを使う理由を見てみましょう。</p> <p class="font-size-small color-blue balance-text gap-bottom-base">✔Square リーダー ✔Square ターミナル ✔Square 請求書</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="4JczA5AbSaA2YbUmbsWVaR"><a class="video-player-link display-inline-block" href="https://youtu.be/S5HK5DxGAsE" title="動画を視聴する"><div class="grid-flex grid-space-base grid-valign-middle"><div class="column no-shrink"><div class="icon-play icon-play-small"></div></div><div class="column">動画を再生する</div></div></a></div></div></div></div></div></div></div></div><div class="column sq-custom-rounded-corner-img"><div data-entry-id="4DjgQ0C84gPMKhdCv5AwqJ"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-1tB0YCiHrcHqHffBM8KbJk-eb780fac5afcd8d71f5ac4540f0f94a1a065587ec9612ebdf5cd79a7abe2c36c"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=493&h=328&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=986&h=656&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=493&h=328&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=986&h=656&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=493&h=328&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=986&h=656&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=419&h=279&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=838&h=558&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=419&h=279&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=838&h=558&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=419&h=279&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=838&h=558&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=325&h=216&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=650&h=432&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=325&h=216&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=650&h=432&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=325&h=216&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=650&h=432&fit=scale 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=424&h=282&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=848&h=564&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=424&h=282&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=848&h=564&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=424&h=282&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=848&h=564&fit=scale 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=324&h=216&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=648&h=432&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=324&h=216&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=648&h=432&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=324&h=216&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=648&h=432&fit=scale 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=276&h=184&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=552&h=368&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=276&h=184&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=552&h=368&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=276&h=184&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1tB0YCiHrcHqHffBM8KbJk/1f2ee2b6f35c4c392063be5fbd8cac53/6_DSC1049_01_TY.jpg?w=552&h=368&fit=scale 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-large"><p class="gap-top-base gap-bottom-base"><code class="font-eyebrow-small color-text">飲食業</code></p> <h4 id="同様のサービスと絶対的に違うのがapi群がしっかりと揃っているところです">「同様のサービスと絶対的に違うのが、API群がしっかりと揃っているところです。」</h4> <p class="color-gray gap-top-none">カスタムサラダ専門店の「CRISP SALAD WORKS」がSquareを使う理由を見てみましょう。</p> <p class="font-size-small color-blue balance-text gap-bottom-base">✔Square リーダー ✔Square スタンド ✔Square POS API</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="7xYXqVtgqIglhIP9LQU1KW"><a class="video-player-link display-inline-block" href="https://youtu.be/qaECrmohM8s" title="動画を視聴する"><div class="grid-flex grid-space-base grid-valign-middle"><div class="column no-shrink"><div class="icon-play icon-play-small"></div></div><div class="column">動画を再生する</div></div></a></div></div></div></div></div></div></div></div></div></div></section><hr class="section-border content" data-entry-id="7e0qhknUVUEYcAgCAcaAgc" /><section class="section-multi-column bg-white auto-layout sq-custom-img-border-radius sq-custom-testimonial-video-link sq-custom-testimonial-sofi flex-valign-middle" data-entry-id="58H2ibXB9bKE3Wt9uWk1G7"><div class="content pad-top-small pad-bottom-small"><div class="grid-2-at-medium multi-column-grid align-left grid-space-medium grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="2DdMWhm4uNtlAYQWc7pSfm"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-3TMgucgk71s2rPSBr6Q7go-e97268b6b542de1a1b44f0292636adb5d4445e598263d406a5a2b7b6a982e991"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=478&h=478&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=956&h=956&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=478&h=478&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=956&h=956&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=478&h=478&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=956&h=956&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=404&h=404&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=808&h=808&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=404&h=404&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=808&h=808&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=404&h=404&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=808&h=808&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=310&h=310&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=620&h=620&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=310&h=310&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=620&h=620&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=310&h=310&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=620&h=620&fit=scale 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=424&h=424&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=848&h=848&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=424&h=424&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=848&h=848&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=424&h=424&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=848&h=848&fit=scale 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=324&h=324&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=648&h=648&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=324&h=324&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=648&h=648&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=324&h=324&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=648&h=648&fit=scale 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=276&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=552&h=552&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=276&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=552&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=276&h=276&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3TMgucgk71s2rPSBr6Q7go/d29a279627c40398551c11fc104eb7be/_21A0891_01_TY.jpg?w=552&h=552&fit=scale 2x" /></picture></div><a class="video-player-link display-block position-absolute pin-middle-center align-center" href="https://www.youtube.com/watch?v=nP4loJ75Ypg" title="動画を視聴する"><div class="icon-play icon-play-large"></div></a></div></div></div></div></div><div class="column"><div data-entry-id="1fPmaPvHhnVdIfXT68nhg7"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p class="gap-bottom-base"><code class="font-eyebrow-small color-text"> プロバスケットボールチーム </code></p> <h3 class="gap-bottom-base gap-top-none" id="アリーナにスピーディーでスムーズな顧客体験を">アリーナにスピーディーでスムーズな顧客体験を。</h3> <p class="color-gray balance-text gap-bottom-base">B.LEAGUE所属のプロバスケットボールチーム、アルバルク東京</p> <p class="font-size-small color-blue balance-text gap-bottom-base">✔Square ターミナル ✔Square リーダー ✔Square スタンド</p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout section-hidden hidden flex-valign-middle" data-entry-id="47jrbNDI2oTbyplEljNqzD"><div class="content pad-top-large pad-bottom-large"><div class="grid multi-column-grid align-left grid-space-small grid-align-center grid-valign-middle grid-row-equal-heights"><div class="column"><div data-entry-id="45lq6ug9leQjARMim5EJZu"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-6aohPIDbzSn7TssoHqAFKC-c9dd045724ee23a64c486d565d782abe0ad85db4e61f9f41338582e5f17e8a2f"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XX6VNCcRbBb129G8tb1Nn/ee68cb01ad1a78aa922e90687c90b384/PD04300_-_L_partners.png?w=1016&h=94&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XX6VNCcRbBb129G8tb1Nn/ee68cb01ad1a78aa922e90687c90b384/PD04300_-_L_partners.png?w=2032&h=188&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XX6VNCcRbBb129G8tb1Nn/ee68cb01ad1a78aa922e90687c90b384/PD04300_-_L_partners.png?w=1016&h=94&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XX6VNCcRbBb129G8tb1Nn/ee68cb01ad1a78aa922e90687c90b384/PD04300_-_L_partners.png?w=2032&h=188&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XX6VNCcRbBb129G8tb1Nn/ee68cb01ad1a78aa922e90687c90b384/PD04300_-_L_partners.png?w=1016&h=94&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3XX6VNCcRbBb129G8tb1Nn/ee68cb01ad1a78aa922e90687c90b384/PD04300_-_L_partners.png?w=2032&h=188&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/JZnZ3befMTVklEqcR3IY6/67a9f455ff45a0925480dc35102d081c/PD04300_-_M_partners.png?w=868&h=92&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/JZnZ3befMTVklEqcR3IY6/67a9f455ff45a0925480dc35102d081c/PD04300_-_M_partners.png?w=1736&h=184&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/JZnZ3befMTVklEqcR3IY6/67a9f455ff45a0925480dc35102d081c/PD04300_-_M_partners.png?w=868&h=92&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/JZnZ3befMTVklEqcR3IY6/67a9f455ff45a0925480dc35102d081c/PD04300_-_M_partners.png?w=1736&h=184&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/JZnZ3befMTVklEqcR3IY6/67a9f455ff45a0925480dc35102d081c/PD04300_-_M_partners.png?w=868&h=92&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/JZnZ3befMTVklEqcR3IY6/67a9f455ff45a0925480dc35102d081c/PD04300_-_M_partners.png?w=1736&h=184&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/JZnZ3befMTVklEqcR3IY6/67a9f455ff45a0925480dc35102d081c/PD04300_-_M_partners.png?w=680&h=72&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/JZnZ3befMTVklEqcR3IY6/67a9f455ff45a0925480dc35102d081c/PD04300_-_M_partners.png?w=1360&h=144&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/JZnZ3befMTVklEqcR3IY6/67a9f455ff45a0925480dc35102d081c/PD04300_-_M_partners.png?w=680&h=72&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/JZnZ3befMTVklEqcR3IY6/67a9f455ff45a0925480dc35102d081c/PD04300_-_M_partners.png?w=1360&h=144&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/JZnZ3befMTVklEqcR3IY6/67a9f455ff45a0925480dc35102d081c/PD04300_-_M_partners.png?w=680&h=72&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/JZnZ3befMTVklEqcR3IY6/67a9f455ff45a0925480dc35102d081c/PD04300_-_M_partners.png?w=1360&h=144&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/6j7ksXsABUUtvzOv03WwNT/01f72f7237fbba0453857315c041d37d/PD04300_-_XS_partners.png?w=424&h=146&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6j7ksXsABUUtvzOv03WwNT/01f72f7237fbba0453857315c041d37d/PD04300_-_XS_partners.png?w=848&h=292&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6j7ksXsABUUtvzOv03WwNT/01f72f7237fbba0453857315c041d37d/PD04300_-_XS_partners.png?w=424&h=146&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6j7ksXsABUUtvzOv03WwNT/01f72f7237fbba0453857315c041d37d/PD04300_-_XS_partners.png?w=848&h=292&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6j7ksXsABUUtvzOv03WwNT/01f72f7237fbba0453857315c041d37d/PD04300_-_XS_partners.png?w=424&h=146&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6j7ksXsABUUtvzOv03WwNT/01f72f7237fbba0453857315c041d37d/PD04300_-_XS_partners.png?w=848&h=292&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/6j7ksXsABUUtvzOv03WwNT/01f72f7237fbba0453857315c041d37d/PD04300_-_XS_partners.png?w=324&h=112&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6j7ksXsABUUtvzOv03WwNT/01f72f7237fbba0453857315c041d37d/PD04300_-_XS_partners.png?w=648&h=224&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6j7ksXsABUUtvzOv03WwNT/01f72f7237fbba0453857315c041d37d/PD04300_-_XS_partners.png?w=324&h=112&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6j7ksXsABUUtvzOv03WwNT/01f72f7237fbba0453857315c041d37d/PD04300_-_XS_partners.png?w=648&h=224&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6j7ksXsABUUtvzOv03WwNT/01f72f7237fbba0453857315c041d37d/PD04300_-_XS_partners.png?w=324&h=112&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6j7ksXsABUUtvzOv03WwNT/01f72f7237fbba0453857315c041d37d/PD04300_-_XS_partners.png?w=648&h=224&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6j7ksXsABUUtvzOv03WwNT/01f72f7237fbba0453857315c041d37d/PD04300_-_XS_partners.png?w=276&h=95&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6j7ksXsABUUtvzOv03WwNT/01f72f7237fbba0453857315c041d37d/PD04300_-_XS_partners.png?w=552&h=190&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6j7ksXsABUUtvzOv03WwNT/01f72f7237fbba0453857315c041d37d/PD04300_-_XS_partners.png?w=276&h=95&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6j7ksXsABUUtvzOv03WwNT/01f72f7237fbba0453857315c041d37d/PD04300_-_XS_partners.png?w=552&h=190&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6j7ksXsABUUtvzOv03WwNT/01f72f7237fbba0453857315c041d37d/PD04300_-_XS_partners.png?w=276&h=95&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6j7ksXsABUUtvzOv03WwNT/01f72f7237fbba0453857315c041d37d/PD04300_-_XS_partners.png?w=552&h=190&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div></div></div></div></div></section><hr class="section-border content" data-entry-id="7e0qhknUVUEYcAgCAcaAgc" /><section class="section-multi-column bg-white auto-layout sq-custom-img-border-radius sq-custom-testimonial-video-link sq-custom-masonry sq-custom-content-position-relative flex-valign-top" data-entry-id="VYNGVRH3S6TgBCbRisa1z"><div class="content pad-top-base pad-bottom-none"><div class="intro font-size-base align-left gap-left-none"><h4 class="pad-top-none pad-bottom-small pad-bottom-base-at-medium" id="square加盟店さまの声">Square加盟店さまの声</h4> <h4 id="全ての導入事例を見る"><a href="https://squareup.com/jp/ja/townsquare?topic=&business=&type=case-studies" class="pin-top-right-at-large arrow">全ての導入事例を見る</a></h4></div><div class="grid-3-at-medium multi-column-grid align-left grid-space-medium grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="5zOnhXLhOjvkc5CplvfCKM"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><a class="display-block" href="https://squareup.com/jp/ja/townsquare/rita-group"><div class="picture uid-7CBCyELSMGLXEQYR20M6SO-9d686ee59b10f2ca4cde007b2551fda30e4d870097b6b6c67d502cab617d725f"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=299&h=168&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=598&h=336&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=299&h=168&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=598&h=336&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=299&h=168&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=598&h=336&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=250&h=141&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=500&h=282&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=250&h=141&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=500&h=282&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=250&h=141&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=500&h=282&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=187&h=105&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=374&h=210&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=187&h=105&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=374&h=210&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=187&h=105&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=374&h=210&fit=scale 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=424&h=238&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=848&h=476&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=424&h=238&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=848&h=476&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=424&h=238&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=848&h=476&fit=scale 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=324&h=182&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=648&h=364&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=324&h=182&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=648&h=364&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=324&h=182&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=648&h=364&fit=scale 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=276&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=552&h=310&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=276&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=552&h=310&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=276&h=155&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7CBCyELSMGLXEQYR20M6SO/24cdeaca23ba0b4a3332f585b6135dbc/_NSP0874.JPG?w=552&h=310&fit=scale 2x" /></picture></div></a></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><p class="gap-top-base gap-bottom-base"><code class="font-eyebrow-small color-text">美容業</code></p> <h5 class="gap-top-none gap-bottom-none" id="サブスクを始めてから売り上げは160アップしました">「サブスクを始めてから売り上げは160％アップしました」</h5> <p class="color-gray balance-text gap-bottom-base">美容院、アイラッシュサロン、ネイルサロン、エステサロンを運営する、株式会社RITAの森脇藍有さん</p> <p class="font-size-small color-blue balance-text gap-bottom-base">✔Square ターミナル ✔Square 請求書</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="6IUYBMRul2OAaAFxz0JVJv"><a class="arrow" href="https://squareup.com/jp/ja/townsquare/rita-group">記事を読む</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="6SZEBslGcHt9ZKm5aP3PAg"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><a class="display-block" href="https://squareup.com/jp/ja/townsquare/eifukushokudo"><div class="picture uid-34V9z5EMYXQFnSjhc3nyQa-30e5592ccc35dacbfbd0bd3b413519b97669ddd21a8d1a641c544bcecf2085fe"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=299&h=388&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=598&h=776&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=299&h=388&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=598&h=776&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=299&h=388&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=598&h=776&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=250&h=325&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=500&h=650&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=250&h=325&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=500&h=650&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=250&h=325&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=500&h=650&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=187&h=243&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=374&h=486&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=187&h=243&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=374&h=486&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=187&h=243&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=374&h=486&fit=scale 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=424&h=551&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=848&h=1102&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=424&h=551&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=848&h=1102&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=424&h=551&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=848&h=1102&fit=scale 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=324&h=421&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=648&h=842&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=324&h=421&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=648&h=842&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=324&h=421&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=648&h=842&fit=scale 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=276&h=358&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=552&h=716&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=276&h=358&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=552&h=716&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=276&h=358&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/34V9z5EMYXQFnSjhc3nyQa/5016e3814952436dcfbe10b3adeedb38/_NSP0446.JPG?w=552&h=716&fit=scale 2x" /></picture></div></a></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><p class="gap-top-base gap-bottom-base"><code class="font-eyebrow-small color-text">　飲食業</code></p> <h5 class="gap-top-none gap-bottom-none" id="square-ターミナルが一番使いやすいですね端末一つで領収書もレシートも出てくるしレシートに永福食堂のロゴもちゃんと印字できるし使い勝手が良いですね">「Square ターミナルが一番使いやすいですね。端末一つで領収書もレシートも出てくるし、レシートに永福食堂のロゴもちゃんと印字できるし、使い勝手が良いですね」</h5> <p class="color-gray balance-text gap-bottom-base">イタリアンレストラン、永福食堂の松本晋亮さん</p> <p class="font-size-small color-blue balance-text gap-bottom-base">✔Square ターミナル</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="2ks29ElbpfaXpDTAKoqETU"><a class="arrow" href="https://squareup.com/jp/ja/townsquare/eifukushokudo">記事を読む</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="7xR2xikDc11OgO7Np0Ifdc"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><a class="display-block" href="https://squareup.com/jp/ja/townsquare/makersbase"><div class="picture uid-736RIyPKgRkly5rsb77ccL-d04fac0d9b8845db3eddd15e1e1bfb0d139960a74983c72a08734f2d78909f0d"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=299&h=311&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=598&h=622&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=299&h=311&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=598&h=622&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=299&h=311&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=598&h=622&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/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=250&h=260&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=500&h=520&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=250&h=260&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=500&h=520&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=250&h=260&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=500&h=520&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/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=187&h=194&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=374&h=388&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=187&h=194&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=374&h=388&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=187&h=194&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=374&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/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=424&h=441&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=848&h=882&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=424&h=441&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=848&h=882&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=424&h=441&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=848&h=882&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/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=324&h=337&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=648&h=674&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=324&h=337&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=648&h=674&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=324&h=337&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=648&h=674&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=276&h=287&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=552&h=574&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=276&h=287&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=552&h=574&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=276&h=287&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/736RIyPKgRkly5rsb77ccL/c63d61038bc0549d115e937e0a5d82ab/770x800___px-1.png?w=552&h=574&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></a></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><p class="gap-top-base gap-bottom-base"><code class="font-eyebrow-small color-text">小売業</code>  <code class="font-eyebrow-small color-text">サービス業</code></p> <h5 class="gap-top-none gap-bottom-none" id="オンラインとオフラインの両方をカバーしてかつまとめて管理できるので変化していくビジネスモデルに合わせやすい決済だと思います">「オンラインとオフラインの両方をカバーして、かつまとめて管理できるので、変化していくビジネスモデルに合わせやすい決済だと思います」</h5> <p class="color-gray balance-text gap-bottom-base">会員制シェア工房、Makers’ Baseの松田純平さん</p> <p class="font-size-small color-blue balance-text gap-bottom-base">✔Square ターミナル ✔Square オンラインビジネス</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="4V918oo06Z6cbmQuwwXp7s"><a class="arrow" href="https://squareup.com/jp/ja/townsquare/makersbase">記事を読む</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="7B5CfVQYJNPyiyL6LZvLsD"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><a class="display-block" href="https://squareup.com/jp/ja/townsquare/blue-bottle-coffee-japan"><div class="picture uid-1wIWUFubJfylxKW3603p1h-9cded37a4b2a17735a3e69499a1eedfa61bb38178c2b8938ac4898b0e1d02b31"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=299&h=388&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=598&h=776&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=299&h=388&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=598&h=776&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=299&h=388&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=598&h=776&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=250&h=325&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=500&h=650&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=250&h=325&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=500&h=650&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=250&h=325&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=500&h=650&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=187&h=243&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=374&h=486&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=187&h=243&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=374&h=486&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=187&h=243&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=374&h=486&fit=scale 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=424&h=551&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=848&h=1102&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=424&h=551&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=848&h=1102&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=424&h=551&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=848&h=1102&fit=scale 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=324&h=421&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=648&h=842&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=324&h=421&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=648&h=842&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=324&h=421&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=648&h=842&fit=scale 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=276&h=358&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=552&h=716&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=276&h=358&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=552&h=716&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=276&h=358&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1wIWUFubJfylxKW3603p1h/04b45cd7b288044acf7739117e13b13c/ph200618A_BlueBottle_F7A9526_AK_01_JP.jpg?w=552&h=716&fit=scale 2x" /></picture></div></a></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><p class="gap-top-base gap-bottom-base"><code class="font-eyebrow-small color-text">飲食業</code></p> <h5 class="gap-top-none gap-bottom-none" id="お客さまのトラフィックが上がったときにレジを気軽に増やせるのは我々のオペレーションとしては非常に助かってる点ではあるのかなと思います">「お客さまのトラフィックが上がったときにレジを気軽に増やせるのは、我々のオペレーションとしては非常に助かってる点ではあるのかなと思います」</h5> <p class="color-gray balance-text gap-bottom-base">ブルーボトルコーヒージャパン合同会社の伊藤諒さん</p> <p class="font-size-small color-blue balance-text gap-bottom-base">✔Square ターミナル ✔Square スタンド ✔Square POSレジ</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="35ooWyhaVdOtidHr5JZC2F"><a class="arrow" href="https://squareup.com/jp/ja/townsquare/blue-bottle-coffee-japan">記事を読む</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="6rB9xU2DyoH9j1BinQP8bu"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><a class="display-block" href="https://squareup.com/jp/ja/townsquare/epais-coup"><div class="picture uid-7IPMlZoUWXW5NaRPAyD5Yy-a405c2bc42487cb8ed57837c1d887049192645861fd1bacea41fa4e49fcea1c7"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=299&h=311&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=598&h=622&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=299&h=311&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=598&h=622&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=299&h=311&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=598&h=622&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=250&h=260&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=500&h=520&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=250&h=260&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=500&h=520&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=250&h=260&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=500&h=520&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=187&h=194&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=374&h=388&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=187&h=194&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=374&h=388&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=187&h=194&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=374&h=388&fit=scale 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=424&h=441&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=848&h=882&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=424&h=441&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=848&h=882&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=424&h=441&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=848&h=882&fit=scale 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=324&h=337&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=648&h=674&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=324&h=337&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=648&h=674&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=324&h=337&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=648&h=674&fit=scale 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=276&h=287&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=552&h=574&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=276&h=287&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=552&h=574&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=276&h=287&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7IPMlZoUWXW5NaRPAyD5Yy/a2a6708af543be1ceb5a7e0db8b6db82/_NSP0708.JPG?w=552&h=574&fit=scale 2x" /></picture></div></a></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><p class="gap-top-base gap-bottom-base"><code class="font-eyebrow-small color-text">飲食業</code></p> <h5 class="gap-top-none gap-bottom-none" id="square-ターミナルを導入してから作業は2倍ほどスピーディーになったと思います">「Square ターミナルを導入してから作業は2倍ほどスピーディーになったと思います」</h5> <p class="color-gray balance-text gap-bottom-base">とんかつ専門店、epais coupの石塚隆さん</p> <p class="font-size-small color-blue balance-text gap-bottom-base">✔Square ターミナル</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="1LmRZp9Y7AHrxOmFCEgvxK"><a class="arrow" href="https://squareup.com/jp/ja/townsquare/epais-coup">記事を読む</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="1i1UkcYdZppD6xhehROizh"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><a class="display-block" href="https://squareup.com/jp/ja/townsquare/kadokawa-craft"><div class="picture uid-l9tKCJt1ZmwVUskkBNfZW-73ff697ca1b56a464725142deef457493b0fed4813f91d0382406d53f5bcdb38"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=299&h=168&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=598&h=336&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=299&h=168&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=598&h=336&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=299&h=168&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=598&h=336&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=250&h=141&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=500&h=282&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=250&h=141&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=500&h=282&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=250&h=141&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=500&h=282&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=187&h=105&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=374&h=210&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=187&h=105&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=374&h=210&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=187&h=105&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=374&h=210&fit=scale 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=424&h=238&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=848&h=476&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=424&h=238&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=848&h=476&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=424&h=238&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=848&h=476&fit=scale 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=324&h=182&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=648&h=364&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=324&h=182&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=648&h=364&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=324&h=182&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=648&h=364&fit=scale 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=276&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=552&h=310&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=276&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=552&h=310&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=276&h=155&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/l9tKCJt1ZmwVUskkBNfZW/116469206fa1d79fcf8a9746be44f223/_NSP0583.JPG?w=552&h=310&fit=scale 2x" /></picture></div></a></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><p class="gap-top-base gap-bottom-base"><code class="font-eyebrow-small color-text">小売業</code></p> <h5 class="gap-top-none gap-bottom-none" id="リンクはあっという間にできました最初は自分でも試しに決済をしてみましたが何の問題もなかったですね迷いなくできました">「リンクはあっという間にできました。最初は自分でも試しに決済をしてみましたが、何の問題もなかったですね。迷いなくできました」</h5> <p class="color-gray balance-text gap-bottom-base">コーヒー焙煎所、角川クラフトROASTERY&CAFEの河田聡さん</p> <p class="font-size-small color-blue balance-text gap-bottom-base">✔Square オンラインチェックアウト　✔Square オンラインビジネス</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="4MvUV1EFd4HFxraQckNOo"><a class="arrow" href="https://squareup.com/jp/ja/townsquare/kadokawa-craft">記事を読む</a></div></div></div></div></div></div></div></div></div></div></section><section class="section-one-column bg-white auto-layout flex-valign-middle" data-entry-id="1HjE43r3RW2YBstD8Vtv26"><div class="content pad-top-none pad-bottom-large pad-bottom-xl-at-medium"></div></section><hr class="section-border content" data-entry-id="7e0qhknUVUEYcAgCAcaAgc" /><section class="section-multi-column bg-white auto-layout sq-custom-content-position-relative flex-valign-middle" data-entry-id="5raaxdVv5tbcSsOht8iq3K"><div class="content pad-top-base pad-bottom-none"><div class="intro font-size-base align-left gap-left-none"><h4 id="square加盟店さまの声">Square加盟店さまの声</h4> <h4 id="全ての導入事例を見る"><a href="https://squareup.com/jp/ja/townsquare?topic=&business=&type=case-studies" class="pin-top-right-at-large arrow">全ての導入事例を見る</a></h4></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="vlTFL1hE6olv9hrXKjA5d"><div class="grid grid-space-line"></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-content-position-relative sq-custom-responsive-img-border-radius sq-custom-section-hover-image-reveal flex-valign-middle" data-entry-id="4TBCB3ngASK1LQJv40vOKd"><div class="content pad-top-small pad-bottom-small"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-middle grid-row-equal-heights"><div class="column two-thirds-at-medium"><div data-entry-id="7z5dlSTtLZwCyzp7GmQlYp"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><h4 class="gap-bottom-small" id="検討から導入まで1週間instagramでの販売に決済リンクを利用ドライフラワー専門店mukutouの場合">検討から導入まで<span class="bg-color-yellow">1週間</span>、Instagramでの販売に決済リンクを利用——<br>ドライフラワー専門店「mukutou」の場合</h4> <p class="color-gray font-eyebrow-small gap-top-none gap-bottom-none"><code class="font-eyebrow-small color-text">小売業</code>   5分で読めます</p> <h4 class="pin-top-right gap-top-line" id="-">-/^</h4> <p class="image-reveal-link-wrapper"><a href="/jp/ja/townsquare/mukutou">記事を読む</a></p></div></div></div></div></div><div class="column"><div data-entry-id="6WKOcVkn6bl9E0EDzYxUM2"><div class="grid grid-space-line"><div class="column"><div class="position-relative content-width-base"><a class="display-block" href="/jp/ja/townsquare/mukutou"><div class="picture uid-RGgGwSa7zX3Y41I40osTd-8f14feaaa6154d89ade9c64e182b844cd35cfb8473eff33007c22d5f058d8aec"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=276&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=552&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=276&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=552&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=276&h=207&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=552&h=414&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=270&h=203&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=540&h=406&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=270&h=203&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=540&h=406&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=270&h=203&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=540&h=406&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=207&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=414&h=310&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=207&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=414&h=310&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=207&h=155&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=414&h=310&fit=scale 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=276&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=552&h=414&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=276&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=552&h=414&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=276&h=207&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/RGgGwSa7zX3Y41I40osTd/ea733e153cf1a14e6f573ce104a0a8c1/1168.jpg?w=552&h=414&fit=scale 2x" /></picture></div></a></div></div></div></div></div></div></div></section><hr class="section-border content" data-entry-id="7e0qhknUVUEYcAgCAcaAgc" /><section class="section-multi-column bg-white auto-layout sq-custom-content-position-relative sq-custom-responsive-img-border-radius sq-custom-section-hover-image-reveal flex-valign-middle" data-entry-id="5xHOUhoVmDlgWVpLBdo2DZ"><div class="content pad-top-line pad-bottom-small"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-middle grid-row-equal-heights"><div class="column two-thirds-at-medium"><div data-entry-id="7k3qsLUvmEhw5EWv1CnDtB"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><h4 class="gap-bottom-small" id="squareで実店舗と連携したオンラインストアを1カ月で立ち上げ帽子の製造販売を手掛ける藤井製帽の場合">Squareで実店舗と連携したオンラインストアを<span class="bg-color-yellow">1カ月</span>で立ち上げ——<br>帽子の製造・販売を手掛ける「藤井製帽」の場合</h4> <p class="color-gray font-eyebrow-small gap-top-none gap-bottom-none"><code class="font-eyebrow-small color-text">小売業</code>   5分で読めます</p> <h3 class="pin-top-right gap-top-line" id="-">-/^</h3> <p class="image-reveal-link-wrapper"><a href="/jp/ja/townsquare/fujiihat-kouribu">記事を読む</a></p></div></div></div></div></div><div class="column"><div data-entry-id="2WI5Mc4gViadHtLs4l89Fk"><div class="grid grid-space-line"><div class="column"><div class="position-relative content-width-base"><a class="display-block" href="https://squareup.com/jp/ja/townsquare/fujiihat-kouribu"><div class="picture uid-4FWAG6JMNmlfSUpA9prSqv-c2ed7a244d5fbdfe50c2713ddbc21c87daba87a810c285b4746778fd453f67e8"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=276&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=552&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=276&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=552&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=276&h=207&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=552&h=414&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=270&h=203&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=540&h=406&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=270&h=203&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=540&h=406&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=270&h=203&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=540&h=406&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=207&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=414&h=310&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=207&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=414&h=310&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=207&h=155&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=414&h=310&fit=scale 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=276&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=552&h=414&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=276&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=552&h=414&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=276&h=207&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4FWAG6JMNmlfSUpA9prSqv/b65968e7708066e8a8fee8692e044010/fu_7347.jpg?w=552&h=414&fit=scale 2x" /></picture></div></a></div></div></div></div></div></div></div></section><hr class="section-border content" data-entry-id="7e0qhknUVUEYcAgCAcaAgc" /><section class="section-multi-column bg-white auto-layout sq-custom-content-position-relative sq-custom-responsive-img-border-radius sq-custom-section-hover-image-reveal flex-valign-middle" data-entry-id="1X9rDnDZYMIvrK9TF2ZlfD"><div class="content pad-top-line pad-bottom-small"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-middle grid-row-equal-heights"><div class="column two-thirds-at-medium"><div data-entry-id="2t1MUwb5reqq9ml5hXyEVt"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><h4 class="gap-bottom-small" id="square-予約の導入で予約管理に割いていた時間が110に漢方カウンセリングルーム漢方kaonの場合">Square 予約の導入で予約管理に割いていた時間が<span class="bg-color-yellow">1/10</span>に——<br>漢方カウンセリングルーム「漢方Kaon」の場合</h4> <p class="color-gray font-eyebrow-small gap-top-none gap-bottom-none"><code class="font-eyebrow-small color-text">ヘルスケア</code>   5分で読めます</p> <h4 class="pin-top-right gap-top-line" id="-">-/^</h4> <p class="image-reveal-link-wrapper"><a href="/jp/ja/townsquare/kampokaon">Read the case study</a></p></div></div></div></div></div><div class="column"><div data-entry-id="1O4lFdORRZI34BZizv7f6g"><div class="grid grid-space-line"><div class="column"><div class="position-relative content-width-base"><a class="display-block" href="https://squareup.com/jp/ja/townsquare/kampokaon"><div class="picture uid-15S4n5YMWkAjlUnfMAtA3n-e1e0d51e0107cb0e9790dfee03b4eddf13cfa74a0cddc3d5c0d26fbaadf6e683"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=276&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=552&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=276&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=552&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=276&h=207&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=552&h=414&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=270&h=203&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=540&h=406&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=270&h=203&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=540&h=406&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=270&h=203&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=540&h=406&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=207&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=414&h=310&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=207&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=414&h=310&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=207&h=155&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=414&h=310&fit=scale 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=276&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=552&h=414&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=276&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=552&h=414&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=276&h=207&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/15S4n5YMWkAjlUnfMAtA3n/ea451e7667ab4e560edf3163bb3a6c99/_NSP0314_01_TY.jpg?w=552&h=414&fit=scale 2x" /></picture></div></a></div></div></div></div></div></div></div></section><section class="section-one-column bg-white auto-layout flex-valign-middle" data-entry-id="1wvkS3ARBNBhr8Jooq8kt8"><div class="content pad-top-none pad-bottom-large pad-bottom-xl-at-medium"></div></section><hr class="section-border content" data-entry-id="7e0qhknUVUEYcAgCAcaAgc" /><section class="section-one-column bg-white auto-layout flex-valign-middle" data-entry-id="3OxN9kRa5bqH4xLhCjYiTu"><div class="content pad-top-base pad-bottom-none"><div class="intro intro font-size-base align-left gap-left-none"><p class="font-eyebrow-small">業種・サイズにあった使い方</p> <h2 class="hide-until-large gap-top-small" id="あなたのビジネスにぴったりな使い方が見つかります">あなたのビジネスにぴったりな<br class="desktop">使い方が見つかります</h2></div></div></section><section class="section-multi-column bg-white auto-layout section-hidden hidden sq-custom-two-column-hover-carousel sq-custom-two-column-hover-carousel--source flex-valign-middle" data-entry-id="4p1UzRZY30LQU0tx8CTsya"><div class="content pad-top-small pad-bottom-none"><div class="grid multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="7sdubDn4iShPwq9Jrgz8zg"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-3EjEdStuGwNICJP94MbGAe-0e5dcdbb5eec878861aeaf34efb3e3e1b80c01a6e2c59a7bf61e00dae2346735"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=1016&h=771&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=2032&h=1542&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=1016&h=771&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=2032&h=1542&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=1016&h=771&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=2032&h=1542&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/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=868&h=658&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=1736&h=1316&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=868&h=658&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=1736&h=1316&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=868&h=658&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=1736&h=1316&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/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=680&h=516&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=1360&h=1032&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=680&h=516&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=1360&h=1032&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=680&h=516&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=1360&h=1032&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/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=424&h=322&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=848&h=644&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=424&h=322&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=848&h=644&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=424&h=322&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=848&h=644&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/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=324&h=246&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=648&h=492&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=324&h=246&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=648&h=492&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=324&h=246&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=648&h=492&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=276&h=209&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=552&h=418&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=276&h=209&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=552&h=418&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=276&h=209&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=552&h=418&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 id="小売業に"><a href="/jp/ja/point-of-sale/retail" class="arrow">小売業に</a></h3> <p>決済から便利な在庫管理機能まで、店舗やオンラインでの販売に必要なすべてがSquareひとつでそろいます。</p></div></div></div></div></div><div class="column"><div data-entry-id="7bgLdkPZkkf00TTISLr8go"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-1E0U5hmRjYWayV40xvMwRV-4c518b549668917919692e41f55e0ed6bc5ba7fee46a3d21d19c5a02cc40e264"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=1016&h=771&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=2032&h=1542&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=1016&h=771&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=2032&h=1542&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=1016&h=771&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=2032&h=1542&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/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=868&h=658&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=1736&h=1316&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=868&h=658&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=1736&h=1316&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=868&h=658&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=1736&h=1316&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/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=680&h=516&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=1360&h=1032&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=680&h=516&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=1360&h=1032&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=680&h=516&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=1360&h=1032&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/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=424&h=322&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=848&h=644&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=424&h=322&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=848&h=644&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=424&h=322&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=848&h=644&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/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=324&h=246&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=648&h=492&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=324&h=246&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=648&h=492&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=324&h=246&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=648&h=492&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=276&h=209&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=552&h=418&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=276&h=209&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=552&h=418&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=276&h=209&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=552&h=418&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 id="飲食業に"><a href="/jp/ja/point-of-sale/restaurants" class="arrow">飲食業に</a></h3> <p>決済から正確な注文管理、調理工程管理まで、飲食業に必要なすべてがSquareひとつでそろいます。</p></div></div></div></div></div><div class="column"><div data-entry-id="65gJBs0KVz71n9aiI0K49k"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-1WsTGB05o3ypdcBBcrKNFt-8e72984733dc88c44c7a0790d999935d73da00f13f4a88cf0f475405bc40a987"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=1016&h=771&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=2032&h=1542&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=1016&h=771&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=2032&h=1542&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=1016&h=771&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=2032&h=1542&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/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=868&h=658&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=1736&h=1316&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=868&h=658&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=1736&h=1316&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=868&h=658&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=1736&h=1316&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/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=680&h=516&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=1360&h=1032&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=680&h=516&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=1360&h=1032&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=680&h=516&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=1360&h=1032&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/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=424&h=322&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=848&h=644&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=424&h=322&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=848&h=644&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=424&h=322&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=848&h=644&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/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=324&h=246&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=648&h=492&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=324&h=246&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=648&h=492&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=324&h=246&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=648&h=492&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=276&h=209&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=552&h=418&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=276&h=209&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=552&h=418&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=276&h=209&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=552&h=418&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 id="美容業などの予約ビジネスに"><a href="/jp/ja/solutions/beauty" class="arrow">美容業などの予約ビジネスに</a></h3> <p>決済から予約管理、マーケティング機能まで、美容業などの予約ビジネスに必要なすべてがSquareひとつでそろいます。</p></div></div></div></div></div><div class="column"><div data-entry-id="1D2CsmBFf2QmGE0fCO6iCr"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-4nk0I2p70pbzCtH0LznJGQ-876bc12bcacb5cfdd9d14ca9f0b3ace51c6cadcb9894494cd93617570d15a04e"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=1016&h=771&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=2032&h=1542&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=1016&h=771&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=2032&h=1542&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=1016&h=771&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=2032&h=1542&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/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=868&h=658&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=1736&h=1316&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=868&h=658&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=1736&h=1316&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=868&h=658&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=1736&h=1316&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/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=680&h=516&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=1360&h=1032&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=680&h=516&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=1360&h=1032&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=680&h=516&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=1360&h=1032&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/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=424&h=322&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=848&h=644&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=424&h=322&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=848&h=644&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=424&h=322&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=848&h=644&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/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=324&h=246&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=648&h=492&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=324&h=246&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=648&h=492&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=324&h=246&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=648&h=492&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=276&h=209&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=552&h=418&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=276&h=209&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=552&h=418&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=276&h=209&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=552&h=418&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 id="大規模ビジネスに"><a href="/jp/ja/enterprise" class="arrow">大規模ビジネスに</a></h3> <p>多店舗を展開するような大規模なビジネスでも、ニーズに合わせたカスタマイズプランをご用意できます。</p></div></div></div></div></div></div></div></section><section class="border-vert section-full-page-accordion bg-white sq-custom-two-column-hover-carousel--hide-at-large sq-custom-display-block-unless-hover sq-custom-img-border-radius sq-custom-testimonial-accordion-hide-top-border" data-entry-id="511qFnw57JOFOSxHeYOKsW" id="511qFnw57JOFOSxHeYOKsW"><a class="hotspot full-page-accordion-trigger pad-vert-small pad-vert-medium-at-medium headings-compact" data-transition-state="on" data-transition-target="full-page-accordion-511qFnw57JOFOSxHeYOKsW" href="#"><div class="content"><div class="grid-flex grid-valign-middle"><div class="column expand"><h2 class="full-page-accordion-heading balance-text h3" data-title-for="511qFnw57JOFOSxHeYOKsW">小売業に</h2></div><div class="column no-shrink"><div class="full-page-accordion-plus-minus"></div></div></div></div></a><div class="collapse gap-none" data-transition-duration-off="500" data-transition-duration-on="1000" data-transition-easing="easeInOutQuint" data-transition-state="on" data-transition-types="collapse fade" id="full-page-accordion-511qFnw57JOFOSxHeYOKsW"><div class="overflow-hidden auto-layout-collapse"><section class="section-screenshot bg-white" data-entry-id="1Z1Ap3PGx0LBLNr50LMN4Y" data-frame-type="none"><div class="content"><div class="apropos-entry position-relative" data-entry-id="3EjEdStuGwNICJP94MbGAe"><div><div class="picture uid-3EjEdStuGwNICJP94MbGAe-e7129f22b9884ff2ae6a3e9696d1b12e15eae29079bb778e62b0759bc28a9bbc"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=1016&h=771&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=2032&h=1542&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=1016&h=771&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=2032&h=1542&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=1016&h=771&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=2032&h=1542&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/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=868&h=658&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=1736&h=1316&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=868&h=658&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=1736&h=1316&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=868&h=658&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=1736&h=1316&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/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=680&h=516&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=1360&h=1032&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=680&h=516&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=1360&h=1032&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=680&h=516&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=1360&h=1032&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/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=424&h=322&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=848&h=644&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=424&h=322&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=848&h=644&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=424&h=322&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=848&h=644&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/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=324&h=246&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=648&h=492&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=324&h=246&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=648&h=492&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=324&h=246&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=648&h=492&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=276&h=209&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=552&h=418&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=276&h=209&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=552&h=418&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=276&h=209&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7zFDFl7mLSYmlbATw7ZVvZ/63243a1c03f721bfb5032c059ca7eb6f/3360x2549___px_03.png?w=552&h=418&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div></section><section class="section-one-column bg-white auto-layout flex-valign-middle" data-entry-id="4RWndt76JLOHCgCm3c3Fbl"><div class="content pad-top-small pad-bottom-medium"><div class="intro intro font-size-base align-left gap-left-none"><p>決済から便利な在庫管理機能まで、店舗やオンラインでの販売に必要なすべてがSquareひとつでそろいます。</p> <p><a href="/jp/ja/point-of-sale/retail" class="arrow">小売業に</a></p></div></div></section></div></div></section><section class="border-vert section-full-page-accordion bg-white sq-custom-two-column-hover-carousel--hide-at-large sq-custom-display-block-unless-hover sq-custom-img-border-radius" data-entry-id="5MDijZXFKkmkzvLlKI4f4y" id="5MDijZXFKkmkzvLlKI4f4y"><a class="hotspot full-page-accordion-trigger pad-vert-small pad-vert-medium-at-medium headings-compact" data-transition-state="on" data-transition-target="full-page-accordion-5MDijZXFKkmkzvLlKI4f4y" href="#"><div class="content"><div class="grid-flex grid-valign-middle"><div class="column expand"><h2 class="full-page-accordion-heading balance-text h3" data-title-for="5MDijZXFKkmkzvLlKI4f4y">飲食業に</h2></div><div class="column no-shrink"><div class="full-page-accordion-plus-minus"></div></div></div></div></a><div class="collapse gap-none" data-transition-duration-off="500" data-transition-duration-on="1000" data-transition-easing="easeInOutQuint" data-transition-state="on" data-transition-types="collapse fade" id="full-page-accordion-5MDijZXFKkmkzvLlKI4f4y"><div class="overflow-hidden auto-layout-collapse"><section class="section-screenshot bg-white" data-entry-id="92bkkACOS6EpRjOUxVMWm" data-frame-type="none"><div class="content"><div class="apropos-entry position-relative" data-entry-id="1E0U5hmRjYWayV40xvMwRV"><div><div class="picture uid-1E0U5hmRjYWayV40xvMwRV-be6f66a5c5193543269847a48cc4675f68693646222ef2c2294c3f2160cbf88c"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=1016&h=771&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=2032&h=1542&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=1016&h=771&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=2032&h=1542&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=1016&h=771&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=2032&h=1542&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/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=868&h=658&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=1736&h=1316&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=868&h=658&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=1736&h=1316&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=868&h=658&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=1736&h=1316&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/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=680&h=516&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=1360&h=1032&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=680&h=516&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=1360&h=1032&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=680&h=516&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=1360&h=1032&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/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=424&h=322&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=848&h=644&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=424&h=322&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=848&h=644&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=424&h=322&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=848&h=644&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/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=324&h=246&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=648&h=492&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=324&h=246&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=648&h=492&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=324&h=246&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=648&h=492&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=276&h=209&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=552&h=418&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=276&h=209&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=552&h=418&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=276&h=209&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1BRtcVIT6S9Yu9euxBqzia/3f8033efe7a9743d8f981263e9be0701/3360x2549___px_01.png?w=552&h=418&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div></section><section class="section-one-column bg-white auto-layout flex-valign-middle" data-entry-id="4Yq4u9br2nhnUsCpcv0KtG"><div class="content pad-top-small pad-bottom-medium"><div class="intro intro font-size-base align-left gap-left-none"><p>決済から正確な注文管理、調理工程管理まで、飲食業に必要なすべてがSquareひとつでそろいます。</p> <p class="arrow"><a href="/jp/ja/point-of-sale/restaurants">飲食業に</a></p></div></div></section></div></div></section><section class="border-vert section-full-page-accordion bg-white sq-custom-two-column-hover-carousel--hide-at-large sq-custom-display-block-unless-hover sq-custom-img-border-radius" data-entry-id="6xmpneSr1eWjpPZvMTWWyu" id="6xmpneSr1eWjpPZvMTWWyu"><a class="hotspot full-page-accordion-trigger pad-vert-small pad-vert-medium-at-medium headings-compact" data-transition-state="on" data-transition-target="full-page-accordion-6xmpneSr1eWjpPZvMTWWyu" href="#"><div class="content"><div class="grid-flex grid-valign-middle"><div class="column expand"><h2 class="full-page-accordion-heading balance-text h3" data-title-for="6xmpneSr1eWjpPZvMTWWyu">美容業に</h2></div><div class="column no-shrink"><div class="full-page-accordion-plus-minus"></div></div></div></div></a><div class="collapse gap-none" data-transition-duration-off="500" data-transition-duration-on="1000" data-transition-easing="easeInOutQuint" data-transition-state="on" data-transition-types="collapse fade" id="full-page-accordion-6xmpneSr1eWjpPZvMTWWyu"><div class="overflow-hidden auto-layout-collapse"><section class="section-screenshot bg-white" data-entry-id="7wDQte1DWa0lnh8uMIPQDs" data-frame-type="none"><div class="content"><div class="apropos-entry position-relative" data-entry-id="1WsTGB05o3ypdcBBcrKNFt"><div><div class="picture uid-1WsTGB05o3ypdcBBcrKNFt-09f30fbf89b8c2eb0ddc1e68f28bf42a16c8c7c93dea531e5ebb8a321c859b95"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=1016&h=771&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=2032&h=1542&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=1016&h=771&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=2032&h=1542&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=1016&h=771&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=2032&h=1542&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/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=868&h=658&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=1736&h=1316&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=868&h=658&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=1736&h=1316&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=868&h=658&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=1736&h=1316&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/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=680&h=516&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=1360&h=1032&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=680&h=516&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=1360&h=1032&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=680&h=516&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=1360&h=1032&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/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=424&h=322&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=848&h=644&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=424&h=322&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=848&h=644&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=424&h=322&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=848&h=644&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/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=324&h=246&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=648&h=492&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=324&h=246&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=648&h=492&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=324&h=246&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=648&h=492&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=276&h=209&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=552&h=418&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=276&h=209&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=552&h=418&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=276&h=209&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3XOb71ilJVgmUZyYjHZtdz/d05a4b582916352cebea764a3ce6a30e/3360x2549___px_04.png?w=552&h=418&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div></section><section class="section-one-column bg-white auto-layout flex-valign-middle" data-entry-id="7ApNXSXXdWvuh101VqfGlu"><div class="content pad-top-small pad-bottom-medium"><div class="intro intro font-size-base align-left gap-left-none"><p>決済から予約管理、マーケティング機能まで、美容業などの予約ビジネスに必要なすべてがSquareひとつでそろいます。</p> <p><a href="/jp/ja/solutions/beauty" class="arrow">美容業などの予約ビジネスに</a></p></div></div></section></div></div></section><section class="border-vert section-full-page-accordion bg-white sq-custom-two-column-hover-carousel--hide-at-large sq-custom-display-block-unless-hover sq-custom-img-border-radius" data-entry-id="WWfoeLGBkcQJqIDWm4Awj" id="WWfoeLGBkcQJqIDWm4Awj"><a class="hotspot full-page-accordion-trigger pad-vert-small pad-vert-medium-at-medium headings-compact" data-transition-state="on" data-transition-target="full-page-accordion-WWfoeLGBkcQJqIDWm4Awj" href="#"><div class="content"><div class="grid-flex grid-valign-middle"><div class="column expand"><h2 class="full-page-accordion-heading balance-text h3" data-title-for="WWfoeLGBkcQJqIDWm4Awj">大規模ビジネスに</h2></div><div class="column no-shrink"><div class="full-page-accordion-plus-minus"></div></div></div></div></a><div class="collapse gap-none" data-transition-duration-off="500" data-transition-duration-on="1000" data-transition-easing="easeInOutQuint" data-transition-state="on" data-transition-types="collapse fade" id="full-page-accordion-WWfoeLGBkcQJqIDWm4Awj"><div class="overflow-hidden auto-layout-collapse"><section class="section-screenshot bg-white" data-entry-id="2BXdhdLtrjhWJ9rzN0K7qE" data-frame-type="none"><div class="content"><div class="apropos-entry position-relative" data-entry-id="4nk0I2p70pbzCtH0LznJGQ"><div><div class="picture uid-4nk0I2p70pbzCtH0LznJGQ-9bac2ff7dbee1a2dcd88b8d78fbbf2e171209e6b4c430780dc4945c57b693442"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=1016&h=771&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=2032&h=1542&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=1016&h=771&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=2032&h=1542&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=1016&h=771&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=2032&h=1542&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/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=868&h=658&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=1736&h=1316&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=868&h=658&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=1736&h=1316&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=868&h=658&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=1736&h=1316&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/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=680&h=516&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=1360&h=1032&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=680&h=516&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=1360&h=1032&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=680&h=516&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=1360&h=1032&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/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=424&h=322&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=848&h=644&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=424&h=322&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=848&h=644&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=424&h=322&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=848&h=644&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/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=324&h=246&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=648&h=492&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=324&h=246&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=648&h=492&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=324&h=246&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=648&h=492&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=276&h=209&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=552&h=418&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=276&h=209&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=552&h=418&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=276&h=209&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4lkbdV8VFrwEeBknJbUFy8/f5a74c98bfedf9af4e45ab664ba1d113/3360x2549___px_02.png?w=552&h=418&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></div></section><section class="section-one-column bg-white auto-layout flex-valign-middle" data-entry-id="30L2eSuHKGCbY78zCS1xJX"><div class="content pad-top-small pad-bottom-medium"><div class="intro intro font-size-base align-left gap-left-none"><p>多店舗を展開するような大規模なビジネスでも、ニーズに合わせたカスタマイズプランをご用意できます。</p> <p><a href="/jp/ja/enterprise" class="arrow">大規模ビジネスに</a></p></div></div></section></div></div></section><section class="section-one-column bg-white auto-layout flex-valign-middle" data-entry-id="1HjE43r3RW2YBstD8Vtv26"><div class="content pad-top-none pad-bottom-large pad-bottom-xl-at-medium"></div></section><section class="section-multi-column bg-white auto-layout bg-apropos sq-custom-testimonial-video-link sq-custom-section-testimonial-quote-white-bg flex-valign-middle" data-entry-id="5U52dhSF1hc3ngguJGBh2d"><div class="image max-width-at-extra-large rounded-corners-at-extra-large"><div class="picture uid-2oNDC5AjomsItyNknmxiOb-4a61c4440ff517cc9e91a982372af7ffaa9805bc6540b74018a8468b1ee48b52"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/69NXnPXx6vpps0oxS7xycF/119b0babae70aa4b9db9fb4bf6a0245f/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=1680&h=702&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/69NXnPXx6vpps0oxS7xycF/119b0babae70aa4b9db9fb4bf6a0245f/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=3360&h=1404&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/69NXnPXx6vpps0oxS7xycF/119b0babae70aa4b9db9fb4bf6a0245f/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=1680&h=702&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/69NXnPXx6vpps0oxS7xycF/119b0babae70aa4b9db9fb4bf6a0245f/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=3360&h=1404&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/69NXnPXx6vpps0oxS7xycF/119b0babae70aa4b9db9fb4bf6a0245f/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=1680&h=702&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/69NXnPXx6vpps0oxS7xycF/119b0babae70aa4b9db9fb4bf6a0245f/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=3360&h=1404&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/69NXnPXx6vpps0oxS7xycF/119b0babae70aa4b9db9fb4bf6a0245f/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=1291&h=540&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/69NXnPXx6vpps0oxS7xycF/119b0babae70aa4b9db9fb4bf6a0245f/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=2582&h=1080&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/69NXnPXx6vpps0oxS7xycF/119b0babae70aa4b9db9fb4bf6a0245f/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=1291&h=540&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/69NXnPXx6vpps0oxS7xycF/119b0babae70aa4b9db9fb4bf6a0245f/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=2582&h=1080&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/69NXnPXx6vpps0oxS7xycF/119b0babae70aa4b9db9fb4bf6a0245f/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=1291&h=540&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/69NXnPXx6vpps0oxS7xycF/119b0babae70aa4b9db9fb4bf6a0245f/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=2582&h=1080&fit=scale 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/69NXnPXx6vpps0oxS7xycF/119b0babae70aa4b9db9fb4bf6a0245f/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=1023&h=428&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/69NXnPXx6vpps0oxS7xycF/119b0babae70aa4b9db9fb4bf6a0245f/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=2046&h=856&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/69NXnPXx6vpps0oxS7xycF/119b0babae70aa4b9db9fb4bf6a0245f/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=1023&h=428&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/69NXnPXx6vpps0oxS7xycF/119b0babae70aa4b9db9fb4bf6a0245f/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=2046&h=856&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/69NXnPXx6vpps0oxS7xycF/119b0babae70aa4b9db9fb4bf6a0245f/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=1023&h=428&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/69NXnPXx6vpps0oxS7xycF/119b0babae70aa4b9db9fb4bf6a0245f/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=2046&h=856&fit=scale 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/uFUz3Qi4NkALjCkScCucK/858311b7729b8d5f2b7ba99d9c115b25/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=717&h=378&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/uFUz3Qi4NkALjCkScCucK/858311b7729b8d5f2b7ba99d9c115b25/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=1434&h=756&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/uFUz3Qi4NkALjCkScCucK/858311b7729b8d5f2b7ba99d9c115b25/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=717&h=378&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/uFUz3Qi4NkALjCkScCucK/858311b7729b8d5f2b7ba99d9c115b25/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=1434&h=756&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/uFUz3Qi4NkALjCkScCucK/858311b7729b8d5f2b7ba99d9c115b25/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=717&h=378&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/uFUz3Qi4NkALjCkScCucK/858311b7729b8d5f2b7ba99d9c115b25/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=1434&h=756&fit=scale 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/uFUz3Qi4NkALjCkScCucK/858311b7729b8d5f2b7ba99d9c115b25/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=479&h=253&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/uFUz3Qi4NkALjCkScCucK/858311b7729b8d5f2b7ba99d9c115b25/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=958&h=506&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/uFUz3Qi4NkALjCkScCucK/858311b7729b8d5f2b7ba99d9c115b25/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=479&h=253&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/uFUz3Qi4NkALjCkScCucK/858311b7729b8d5f2b7ba99d9c115b25/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=958&h=506&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/uFUz3Qi4NkALjCkScCucK/858311b7729b8d5f2b7ba99d9c115b25/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=479&h=253&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/uFUz3Qi4NkALjCkScCucK/858311b7729b8d5f2b7ba99d9c115b25/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=958&h=506&fit=scale 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/uFUz3Qi4NkALjCkScCucK/858311b7729b8d5f2b7ba99d9c115b25/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=373&h=197&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/uFUz3Qi4NkALjCkScCucK/858311b7729b8d5f2b7ba99d9c115b25/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=746&h=394&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/uFUz3Qi4NkALjCkScCucK/858311b7729b8d5f2b7ba99d9c115b25/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=373&h=197&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/uFUz3Qi4NkALjCkScCucK/858311b7729b8d5f2b7ba99d9c115b25/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=746&h=394&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/uFUz3Qi4NkALjCkScCucK/858311b7729b8d5f2b7ba99d9c115b25/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=373&h=197&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/uFUz3Qi4NkALjCkScCucK/858311b7729b8d5f2b7ba99d9c115b25/ph230424FemalebizOvgoBakery_MG_7828_01_TY.jpg?w=746&h=394&fit=scale 2x" /></picture></div></div><div class="content pad-top-small pad-bottom-small"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-right grid-valign-middle grid-row-equal-heights"><div class="column"><div data-entry-id="6RHG43HXBMUGSSknLKLcJG"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><h3 class="balance-text" id="端末さえあればどこでも使えるのでイベントに出店したい人には本当にいいと思います">「端末さえあればどこでも使えるので、イベントに出店したい人には本当にいいと思います」</h3> <p><a href="https://squareup.com/jp/ja/townsquare/ovgobaker">記事を読む＞</a></p> <p class="font-size-base gap-left-small-at-large gap-bottom-small-at-large pin-bottom-left-at-large"><strong>溝渕由樹さま, 株式会社 ovgo　代表取締役</strong> <br> ヴィーガン対応アメリカンベイクショップ</p></div></div></div></div></div></div></div></section><section class="section-one-column bg-white auto-layout flex-valign-middle" data-entry-id="5Z0AI6NyPBXx4c3Kj2qofv"><div class="content pad-top-none pad-bottom-large pad-bottom-xl-at-medium"></div></section><section class="section-multi-column bg-white auto-layout section-hidden hidden sq-custom-section-border sq-custom-content-position-relative sq-custom-link-section sq-custom-trustpilot-reviews flex-valign-middle" data-entry-id="5czQvT84In7b4vr1kDSLgp"><div class="content pad-top-none pad-bottom-medium"><div class="grid multi-column-grid align-left grid-space-medium grid-align-left grid-valign-middle grid-row-equal-heights"><div class="column sq-custom-no-max-width-headings"><div data-entry-id="1faEtO9PfUJ9RPRZ7MX9I7"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 class="flex-wrapper" id="itツールのレビューサイトit-reviewでboxil-saas-award-2021においてビジネスツール部門を受賞しました">ITツールのレビューサイト、IT Reviewで「BOXIL SaaS AWARD 2021」において、ビジネスツール部門を受賞しました。<img src="http://d2pgtgvcptv0ra.cloudfront.net/266x51px.png" alt="PD01516 - capital trustpilot"></h4><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="5DSxlWcEd0Fk0jBVeQT7B4"><a class="button gap-none button-alt" href="https://boxil.jp/service/770/reviews/" rel="nofollow" target="_blank">レビューを読む</a></div></div></div></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-flex-links sq-custom-testimonial-hero flex-valign-middle" data-entry-id="6dLJv0CY4x6v1s9e6lzdJA"><div class="content pad-top-large pad-bottom-xl"><div class="grid multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="1Z4wQX8AgtqyB5JAEokz1o"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><h3 class="gap-bottom-small h1" id="導入はあっという間ですさあsquareでお店を回してみませんか">導入はあっという間です。<br class="desktop">さあ、Squareでお店を回してみませんか？</h3><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="3ctxLFb4ktuvh4QqnHGOcw"><a class="button gap-none" href="/signup/ja-JP">無料でアカウント作成</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="2fG6b1NwLr7gQ35xNaZOQU"><a class="button gap-none button-alt" href="/jp/ja/sales/contact?page=/jp/ja/testimonials">営業チームへの相談はこちらから</a></div></div></div></div></div></div></div></div></div></div></section><section class="section-custom-html bg-white auto-layout sq-custom-hide-section" data-entry-id="T6QGhUc6leWu6W0Fqtzqg"><div class="content"></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="nUVVVGNU9UWyIMY6cSagE"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-nUVVVGNU9UWyIMY6cSagE" href="#">決済サービス</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-nUVVVGNU9UWyIMY6cSagE"><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="3FLMFO9AZN26c4uNAGljhf"><a href="/jp/ja/payments">決済サービス</a></li><li data-entry-id="5tdAYXY5Wn8XKadIdNmJbl"><a href="/jp/ja/payments/cashless-payments">キャッシュレス決済</a></li><li data-entry-id="4UkZZs8pYavInWvkJX7wQk"><a href="/jp/ja/payments/card-payments">クレジットカード決済</a></li><li data-entry-id="aWiDaUxfqQDUXolnOtAL4"><a href="/jp/ja/payments/qr-code-payments">QRコード決済</a></li><li data-entry-id="7p3qy6CauRPcuMbg86yVx7"><a href="/jp/ja/payments/tap-to-pay">iPhoneのタッチ決済</a></li><li data-entry-id="2XxOL7dWbHPitwd5wVDqdD"><a href="/jp/ja/payments/tap-to-pay-android">Tap to Pay on Android</a></li><li data-entry-id="2s2IZVN3TDZrtypuewuDgM"><a href="/jp/ja/payments/touch-payments">タッチ決済</a></li><li data-entry-id="2A4cahhaCIsCeOsGoyCw0i"><a href="/jp/ja/payments/in-person-payments">店舗決済</a></li><li data-entry-id="4eRKzcjYhbLZXDbgkjgh0t"><a href="/jp/ja/payments/e-money">電子マネー決済</a></li><li data-entry-id="6ugWcEIWfCI4ESG4I0ycWo"><a href="/jp/ja/invoices">請求書で決済 </a></li><li data-entry-id="3gunR134wwgeWIa4ikCOEY"><a href="/jp/ja/payments/virtual-terminal">パソコンで決済</a></li><li data-entry-id="3stWhhxDbdrPEE9FUEgETy"><a href="/jp/ja/ecommerce">ECサイト決済</a></li><li data-entry-id="qJgWUtHRPqAMcKQ0oSCaG"><a href="/jp/ja/payments/secure">決済セキュリティ</a></li></ul></div></div></div><div class="column" data-entry-id="6ICFmqtchU8O6a2M2Em8Gk"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-6ICFmqtchU8O6a2M2Em8Gk" href="#">機能とサービス</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-6ICFmqtchU8O6a2M2Em8Gk"><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="1vDYqF0VaIkCQsUaCuEASw"><a href="/jp/ja/point-of-sale">POSレジ</a></li><li data-entry-id="Y5F0WAlpA4zoTbZ4ugI60"><a href="/jp/ja/point-of-sale/restaurants">レストランPOSレジ</a></li><li data-entry-id="Ga7C6XhrSE40wQKbxCP3U"><a href="/jp/ja/point-of-sale/retail">リテールPOSレジ</a></li><li data-entry-id="7EbTnW6T9WwPaCoiLRYsSh"><a href="/jp/ja/appointments">予約管理</a></li><li data-entry-id="3jFEvtwkf12vtHv5PApzfU"><a href="/jp/ja/funding">Square 資金調達</a></li><li data-entry-id="1WftoY9qr2qQouWO4yM0Yg"><a href="/jp/ja/point-of-sale/features/dashboard">データ分析</a></li><li data-entry-id="K7juhPpES4yqkUsGAGU0m"><a href="/jp/ja/staff/advanced-access">アクセスプラス</a></li><li data-entry-id="5nW7kgXqKKQxJmbkk7VJ6q"><a href="/jp/ja/staff/shifts">シフト</a></li><li data-entry-id="5NUfbwKzRe6ekcQ4KSquA0"><a href="/jp/ja/point-of-sale/features/customer-directory">顧客リスト</a></li><li data-entry-id="1TwjP4t5u4EaWY626Mko8G"><a href="/jp/ja/point-of-sale/features/inventory-management">在庫管理</a></li><li data-entry-id="4171jIOJ0cA0wiisUEQQSe"><a href="/jp/ja/gift-cards">ギフトカード</a></li><li data-entry-id="DB9w39RUb1jSYI0P6cFv9"><a href="/jp/ja/software/loyalty">特典プログラム</a></li><li data-entry-id="6RJM7lUR20SUemUEaGukUO"><a href="/jp/ja/app-marketplace">連携サービス</a></li><li data-entry-id="EWXC3vI0QB8EVt1pyiSCJ"><a href="/jp/ja/software">業務効率化ツール</a></li></ul></div></div></div><div class="column" data-entry-id="49Kbf0GlZefxgTatOkxVk1"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-49Kbf0GlZefxgTatOkxVk1" href="#">Eコマース</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-49Kbf0GlZefxgTatOkxVk1"><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="6emsMhiDrWBQu6kgEeFAIA"><a href="/jp/ja/online-store">オンラインストア</a></li><li data-entry-id="94dY1V42vadakleZnSErH"><a href="/jp/ja/payment-links">リンク決済</a></li><li data-entry-id="6s7fXFfTBBhNAKJZMtOb9O"><a href="/jp/ja/payments/online-payments">Eコマースを連携する</a></li><li data-entry-id="4zUHXx06z1hHgMIKt64YeG"><a href="/jp/ja/photo-studio/app">フォトスタジオ</a></li><li data-entry-id="7zaEoBz1sB3lRrvWaqJAna"><a href="https://developer.squareup.com/jp/ja">開発者向け</a></li></ul></div></div></div><div class="column" data-entry-id="6la1ZhoWacAKsW642sgKoy"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-6la1ZhoWacAKsW642sgKoy" href="#">ハードウェア</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-6la1ZhoWacAKsW642sgKoy"><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="47QIkiCuW9VmuTFA7k6mwM"><a href="/jp/ja/hardware/terminal">Square ターミナル</a></li><li data-entry-id="4ssvyCrWFt3FecDpLjZAr5"><a href="/jp/ja/hardware/register">Square レジスター</a></li><li data-entry-id="5xLJCDw9kAou0giuquM0II"><a href="/jp/ja/hardware/reader">Square リーダー</a></li><li data-entry-id="44NFhSOAHCoyuiYIUcW2sQ"><a href="/jp/ja/hardware/stand">Square スタンド</a></li><li data-entry-id="44OXbvaVlohrT3OtL4DG7w"><a href="/jp/ja/hardware/kiosk">Squareキオスク</a></li><li data-entry-id="7Mqq9EJSCqzxNo6TIgiMQi"><a href="/jp/ja/hardware/compare">決済端末を比較する</a></li><li data-entry-id="6Q2uouXYrrwiOaZ1ZgxJmv"><a href="/shop/hardware/jp/ja/products/accessories">すべての決済端末</a></li><li data-entry-id="36LTplAetaEeGKCsMAsseG"><a href="/jp/ja/hardware">周辺機器</a></li></ul></div></div></div><div class="column" data-entry-id="Okhl1hmdwcyUQqe6IagWw"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-Okhl1hmdwcyUQqe6IagWw" href="#">ビジネスの種類</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-Okhl1hmdwcyUQqe6IagWw"><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="1i0A0V0oFA4Ews6SycUggA"><a href="/jp/ja/point-of-sale/retail">小売</a></li><li data-entry-id="465N2YNPzOyqCoU4Co2GM6"><a href="/jp/ja/point-of-sale/restaurants">飲食</a></li><li data-entry-id="6eaS1PxccMIokyEuQWEoAq"><a href="/jp/ja/point-of-sale/beauty">美容</a></li><li data-entry-id="35wE7JpFdmgI6qiueAC2iS"><a href="/jp/ja/solutions/home-and-repair">住宅・修理サービス</a></li><li data-entry-id="2mbyYWmpmcGSmcAAgIUaES"><a href="/jp/ja/solutions/leisure-and-entertainment">イベント・エンターテイメント</a></li><li data-entry-id="2Mb15qGyPqi8TnIJUnNqeY"><a href="/jp/ja/solutions/medical">病院・クリニック</a></li><li data-entry-id="20npvzCXXX96MT87sK28gS"><a href="/jp/ja/enterprise">大型店・多店舗向け</a></li><li data-entry-id="4LxfaCxgdDxPd9fzJ55ecM"><a href="/jp/ja/solutions/coffee-shop">カフェ</a></li><li data-entry-id="5Mn16P21qnJR9Bmkv0qqom"><a href="/jp/ja/solutions/izakaya">居酒屋</a></li><li data-entry-id="12fj9VdkSDLlo58UO1ZK5q"><a href="/jp/ja/solutions/hospitality">ホスピタリティ</a></li><li data-entry-id="4YExnxEHUt59pbJDiOSpZx"><a href="/jp/ja/solutions/nonprofit">非営利団体</a></li><li data-entry-id="3RnyDdIIp8cjR0jd80AcmC"><a href="/jp/ja/solutions/professional-services">士業</a></li><li data-entry-id="38tehGiVxaKspx62uVGput"><a href="/jp/ja/solutions/pet-services">ペットサービス</a></li><li data-entry-id="62EcMOXxdXfPfX4491Nebt"><a href="/jp/ja/solutions/membership-payments">会費の徴収・オンライン集金</a></li></ul></div></div></div><div class="column" data-entry-id="4gI9gLljFmI80aCumKQ6Mo"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-4gI9gLljFmI80aCumKQ6Mo" href="#">Square</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-4gI9gLljFmI80aCumKQ6Mo"><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="6bDrCYTE2WUewMqsw6IQye"><a href="/jp/ja/about">Squareについて</a></li><li data-entry-id="2CWPYgrgGkeCeokuekau8o"><a href="/jp/ja/press">ニュース</a></li><li data-entry-id="3mnksMlAwYkpmWstV3gSdR"><a href="/jp/ja/affiliate">アフィリエイト・プログラム</a></li><li data-entry-id="26Wu56MidaOCeGUKMQ6s22"><a href="/jp/ja/partnerships">Squareとのパートナーシップ</a></li><li data-entry-id="60iPLcHe1OKu0gIYeWWcE6"><a href="https://careers.squareup.com/jp/ja">採用情報</a></li></ul></div></div></div><div class="column" data-entry-id="7oKZ9XswDu0MuOm26eaeAe"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-7oKZ9XswDu0MuOm26eaeAe" href="#">サポート</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-7oKZ9XswDu0MuOm26eaeAe"><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="kkA6bUxWXmec86kuOGC0s"><a href="/jp/ja/pricing">料金</a></li><li data-entry-id="4Rv0UNvTo4kcu4C0Mc2Kmu"><a href="/jp/ja/l/service-info-download">資料ダウンロード</a></li><li data-entry-id="4ocwPTf7zVnaSlE9dNDUhf"><a href="/jp/ja/testimonials">導入事例</a></li><li data-entry-id="4BJXqBgQUs3S2SwpyCoGnr"><a href="/jp/ja/l/switch">Squareへの乗り換え</a></li><li data-entry-id="2LP2oZJmQ0QOSG0YG2iwMG"><a href="/jp/ja/sales/contact">導入のご相談</a></li><li data-entry-id="45MG4rbCX6Y0QzTwiNdWab"><a href="/help/jp/ja">お問い合わせ</a></li><li data-entry-id="6VaDRuYk0DxjEsWbMoAyYG"><a href="/jp/ja/townsquare">ブログ</a></li><li data-entry-id="76eujCq3qoMu6ICOi2IEAO"><a href="https://www.sellercommunity.com/t5/Seller-Community-Japan/ct-p/Seller_Community_JA">Square コミュニティ </a></li><li data-entry-id="7llcH9va8exGryRbyVRlVM"><a href="/jp/ja/how-square-works">Squareの使い方</a></li><li data-entry-id="Z2C7UbsKnfJ3KOLfQNr2z"><a href="/jp/ja/glossary">ビジネス用語集</a></li><li data-entry-id="XZ5xT6rrIho7as06oIaTR"><a href="/jp/ja/business-launchpad">起業ガイド</a></li><li data-entry-id="2uqfz2i0liM0YsAo2UsEOu"><a href="https://jp.issquareup.com">サービスのステータス</a></li></ul></div></div></div></div></nav><nav class="tertiary" role="navigation"><div class="grid-flex-at-extra-small grid-space-line grid-align-justify"><div class="column no-shrink"><a class="grid-auto-at-extra-small grid-space-base grid-valign-center" href="#locale-selector-modal"><div class="column"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1M12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1M12 23C12 23 8 19.7 8 12C8 4.3 12 1 12 1M12 23C12 23 16 19.7 16 12C16 4.3 12 1 12 1M1 9H23M1 15H23" stroke="#1a1a1a" stroke-width="2"/> </svg> </div><div class="column">日本 (日本語)</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/SquareJapan/" title="Twitter"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20"> <path fill="#2E3B4E" d="M16.4 6.6v.5c0 4.8-3.3 10.1-9.3 10.1-1.9 0-3.6-.4-5-1.4.3 0 .5.1.8.1 1.5 0 3-.6 4.1-1.6-1.4 0-2.6-1.1-3.1-2.5.2 0 .4.1.6.1.3 0 .7 0 1-.1C3.9 11.4 3 9.9 3 8.1c0 .3.7.4 1.2.5-.9-.7-1.4-1.8-1.4-3 0-.7.1-1.3.4-1.8C4.8 6 7.1 7.4 9.8 7.6v-.9c0-2 1.5-3.9 3.3-3.9.9 0 1.8.7 2.4 1.4.7-.2 1.4-.5 2.1-.9-.2.8-.8 1.6-1.4 2 .6-.1 1.2-.3 1.8-.6-.4.8-1 1.4-1.6 1.9z"/> </svg> </a></div><div class="column"><a href="https://www.facebook.com/squarejp/" 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/squarejapan/" 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></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="#">クッキーの詳細設定</a><a class="na-one-trust-link hidden" href="#">私の個人情報を共有しないでください</a></li><li><a href="https://squareup.com/jp/ja/legal/general/privacy">Square 加盟店およびウェブサイト訪問者のための個人情報保護方針</a></li><li><a href="https://squareup.com/jp/ja/legal/general/payments/secure">Squareのセキュリティについて</a></li><li><a href="https://squareup.com/jp/ja/legal/general/ua">一般利用規約</a></li><li><a href="https://squareup.com/jp/ja/legal/general/gov">法執行機関などの政府機関に関するリクエスト</a></li><li><a href="https://squareup.com/jp/ja/legal/general/asf-elimination">反社会的勢力排除についての指針</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="閉じる"></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>地域と言語を選択</h4><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/au/en/testimonials?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/testimonials?country_redirection=true">Canada (English)</a></li><li><a href="/ca/fr/testimonials?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/testimonials?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/testimonials?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/testimonials?country_redirection=true">日本 (日本語)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/es/es/testimonials?country_redirection=true">España (Español)</a></li><li><a href="/es/ca/testimonials?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/testimonials?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/testimonials?country_redirection=true">United States (English)</a></li><li><a href="/us/es/testimonials?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/testimonials?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/testimonials?country_redirection=true">Canada (English)</a></li><li><a href="/ca/fr/testimonials?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/testimonials?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/testimonials?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/testimonials?country_redirection=true">日本 (日本語)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/es/es/testimonials?country_redirection=true">España (Español)</a></li><li><a href="/es/ca/testimonials?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/testimonials?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/testimonials?country_redirection=true">United States (English)</a></li><li><a href="/us/es/testimonials?country_redirection=true">Estados Unidos (Español)</a></li></ul></div></div></div></div></div></body></html>