CINXE.COM

<!DOCTYPE html><html class="no-js country-US lang-es locale-es-US site-squareup type-display html-bg-white" data-entry-id="aXSfnmOC159dtw1dFFUFp" lang="es-US"><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":"US","lang_code":"es","locale":"es-US","country_default_language":"en","default_country":"US","default_language":"en","supported_countries":["AU","CA","ES","FR","GB","IE","JP","US"],"detected_country_code":"us","available_languages":["ca","en","en-AU","en-CA","en-GB","en-IE","en-US","fr","fr-FR","fr-CA","es","es-ES","ca-ES","es-US","ja","ja-JP","pt","pt-PT"]}" /> <meta name="sq:tracking" content="{"eventstream":"xms","google_universal":["UA-9517040-46"],"martech":true,"autotrack":{"page_view":true,"link_click":true,"scroll_depth":true},"cdp":"41ec1b68-21b1-4687-853a-f968e54134db","new_cdp_exp_api_key":"a4e60b87-3ea2-4fb5-a8d0-b04ed68c74fa","pageview_rawdata":{"entry_id":"aXSfnmOC159dtw1dFFUFp","content_type":"productPage","page_owner":"Seller Experience"},"one_trust_script_src":"https://cdn.cookielaw.org/scripttemplates/otSDKStub.js","enable_one_trust_blocking":true,"drift_id":"mshc9skt2uyu","optimizely":8447815042,"simulate_eu_one_trust_request":false,"one_trust_data_domain_script":"c4657020-c7d1-4a14-a091-267a7ee4863e","enable_onetrust_pageview_experiment":false,"enable_drift":true,"enable_usa_and_canada_one_trust":true,"pass_square_geo_to_one_trust":true,"show_one_trust_footer_link_for_usa_and_canada":true,"cdp_heartbeat_interval_seconds":5,"enable_cdp_heartbeat_url_regex":"https://","enable_new_cdp_exp":false,"cdp_batch_size":1,"enable_datadog_rum":true,"datadog_rum_application_id":"da021de4-34ec-4d5d-ac7f-adeb44b37761","datadog_rum_client_token":"pubd9af00759e65a48ba7ee3ff1dfa4260b"}" /> <meta name="sq:gtm" content="{"enabled":true,"domain":"tealium-f.squarecdn.com","delay":1000}" /> <meta name="sq:flags" content="{"use_app_subdomain":true,"enable_vidyard_player":true,"enable_page_speed_improvements":true,"enable_lazy_onload_execution":true,"enable_global_fallback_cta":false,"enable_pws_no_jquery":false,"optimizely_web_block_list":[],"enable_optimizely_fullstack":true,"enable_optimizely_contentful_tree_parser":true,"enable_optimizely_variations_remover":true,"enable_optimizely_fullstack_page_variations":true,"enable_optimizely_nav_experiments":true,"enable_optimizely_rendered_header_response":true,"personalization_segment_pages_list":["*"],"personalization_groups_pages_list":"[]","enable_shop_pricing_api":true}" /> <title>Sistemas de PDV | Punto de venta para pequeños negocios | Square</title> <meta name="description" content="Los sistemas de PDV Square son ideales para tu Restaurante ✓ Tienda minorista ✓ o cualquier negocio ✓ con funciones como Citas ✓ Facturas ✓ Tiendas en línea ✓ y Hardware ✓" /> <link rel="canonical" href="https://squareup.com/us/es/point-of-sale" /> <link rel="alternate" hreflang="ca-ES" href="https://squareup.com/es/ca/point-of-sale" /> <link rel="alternate" hreflang="en-AU" href="https://squareup.com/au/en/point-of-sale" /> <link rel="alternate" hreflang="en-CA" href="https://squareup.com/ca/en/point-of-sale" /> <link rel="alternate" hreflang="en-GB" href="https://squareup.com/gb/en/point-of-sale" /> <link rel="alternate" hreflang="en-IE" href="https://squareup.com/ie/en/point-of-sale" /> <link rel="alternate" hreflang="en-US" href="https://squareup.com/us/en/point-of-sale" /> <link rel="alternate" hreflang="es-ES" href="https://squareup.com/es/es/point-of-sale" /> <link rel="alternate" hreflang="es-US" href="https://squareup.com/us/es/point-of-sale" /> <link rel="alternate" hreflang="fr-CA" href="https://squareup.com/ca/fr/point-of-sale" /> <link rel="alternate" hreflang="fr-FR" href="https://squareup.com/fr/fr/point-of-sale" /> <link rel="alternate" hreflang="ja-JP" href="https://squareup.com/jp/ja/point-of-sale" /> <meta property="og:title" content="Sistemas de PDV | Punto de venta para pequeños negocios | Square" /> <meta property="og:url" content="https://squareup.com/us/es/point-of-sale?utm_source=chatgpt.com" /> <meta property="og:image" content="https://xms-production-f.squarecdn.com/xms/assets/public-web-styles/social/default-56f973ec4d9cb2927e20a0cb97201783e27bf352585fa25cddbde11aa81635a7.jpg" /> <meta property="og:locale" content="es_US" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="Square" /> <meta property="og:description" content="Los sistemas de PDV Square son ideales para tu Restaurante ✓ Tienda minorista ✓ o cualquier negocio ✓ con funciones como Citas ✓ Facturas ✓ Tiendas en línea ✓ y Hardware ✓" /> <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" /><script type="application/ld+json">{"@graph":[{"name":"Square POS","@type":"Product","brand":{"name":"Square POS","@type":"Organization"},"image":"https://images.g2crowd.com/uploads/product/image/large_detail/large_detail_2f0460704f77aa1ec12128e4f4e5f8c9/square-square-point-of-sale.jpg","description":"G2 Square POS rating","aggregateRating":{"@type":"AggregateRating","bestRating":"5","ratingCount":"496","ratingValue":"4.6"}}],"@context":"https://schema.org"}</script><meta content="{"id":"7Bw5Pz9KLMhTOVs42b7AAv"}" name="sq:route" /><link type="application/opensearchdescription+xml" href="https://supportcenter-production-f.squarecdn.com/help/opensearch.xml" rel="search" title="Search Square Support" /><script>window.DDErrorQueue ||= []; window.onerror = function (msg, url, lineNo, columnNo, error) { if (!window.DD_RUM) window.DDErrorQueue.push(error); }; window.onunhandledrejection = function (event) { if (!window.DD_RUM) window.DDErrorQueue.push(event.reason); };</script><link rel="stylesheet" media="all" href="https://xms-production-f.squarecdn.com/xms/assets/application-e0c1bf6dae528bd563993f8dcca7511e2fbe285d156e69c19723d3e0516f6a04.css" /><style nonce="91KeGtFUhiD9IJh/CXCRcKqEACRA+dWts+VZ9a+RS1M=">.sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-base); line-height: var(--line-height-hero-base); letter-spacing: var(--letter-spacing-hero-base); margin-top: 0; } .sq-custom-h1-to-hero-h1 .h1:not(:last-child) { margin-bottom: var(--line-height-base); } @media (min-width: 718px) { .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-medium); line-height: var(--line-height-hero-medium); letter-spacing: var(--letter-spacing-hero-medium); } } .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-base); line-height: var(--line-height-display-hero-base); letter-spacing: var(--letter-spacing-display-hero-base); } @media (min-width: 718px) { .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-medium); line-height: var(--line-height-display-hero-medium); letter-spacing: var(--letter-spacing-display-hero-medium); font-weight: var(--font-weight-display-hero-medium); } } .bg-invert a:not([class~="button"]) { color: var(--color-blue); } .sq-custom-bg-blue-light { --color-blue-light: #CEE7F3; background-color: var(--color-blue-light) !important; } .sq-custom-img-border-radius { --border-radius: 10px; } .sq-custom-img-border-radius img { border-radius: var(--border-radius); } .check-list.inline-list li { display: inline-block; } [class^='theme-'] .bg-white .check-list.color-gray > li::before { color: var(--color-gray); margin-right: 0.3125em; } /* BUNDLE=home-page-capabilities-update */ .sq-custom-section-multi-column-capabilities-cards { --border-radius: 10px; } .sq-custom-section-multi-column-capabilities-cards .multi-column-grid { align-items: stretch !important; align-content: stretch !important; } .sq-custom-section-multi-column-capabilities-cards .multi-column-grid .grid { height: 100%; align-content: space-between !important; } .sq-custom-section-multi-column-capabilities-cards .multi-column-grid > .column > div { border-radius: var(--border-radius); overflow: hidden; border: 1px solid var(--color-border); position: relative; transition: box-shadow var(--duration-default) var(--easing-standard); } @media (hover: hover) { .sq-custom-section-multi-column-capabilities-cards .multi-column-grid > .column > div:hover { box-shadow: 0 4px 20px var(--color-drop-shadow); } } .sq-custom-section-multi-column-capabilities-cards .multi-column-grid > .column > div a:first-of-type { position: static; } .sq-custom-section-multi-column-capabilities-cards .multi-column-grid > .column > div a:first-of-type::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .sq-custom-section-multi-column-capabilities-cards .multi-column-grid > .column > div > .grid { margin-bottom: 0 !important; } .sq-custom-section-multi-column-capabilities-cards .multi-column-grid > .column > div > .grid > .column:nth-child(1) { margin-bottom: 0 !important; order: 2; } .sq-custom-section-multi-column-capabilities-cards .multi-column-grid > .column > div > .grid > .column:nth-child(2) { margin-bottom: 0 !important; } .sq-custom-section-multi-column-capabilities-cards .multi-column-grid > .column > div > .grid div.headings-compact { padding: var(--space-small); display: flex; flex-direction: column; height: 100%; } .sq-custom-section-multi-column-capabilities-cards .multi-column-grid > .column > div > .grid div.headings-compact .inline-list { flex-grow: 1; display: flex; flex-wrap: wrap; align-content: flex-end; gap: var(--space-base); } .sq-custom-section-multi-column-capabilities-cards .multi-column-grid > .column > div > .grid a.badge { text-transform: none; letter-spacing: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; color: var(--color-text); background-color: var(--color-gray-03); margin-bottom: 0; } .sq-custom-section-multi-column-capabilities-cards .multi-column-grid > .column > div > .grid a.badge:hover, .sq-custom-section-multi-column-capabilities-cards .multi-column-grid > .column > div > .grid a.badge:focus, .sq-custom-section-multi-column-capabilities-cards .multi-column-grid > .column > div > .grid a.badge:active { background-color: var(--color-gray-15); } .sq-custom-section-multi-column-capabilities-cards--white-without-border { z-index: 1; } .sq-custom-section-multi-column-capabilities-cards--white-without-border .multi-column-grid > .column > div { border: none; background-color: white; } @media (min-width: 718px) { .sq-custom-section-multi-column-capabilities-cards--triptych .multi-column-grid > .column.one-whole-at-medium .grid > .column { width: 50%; } .sq-custom-section-multi-column-capabilities-cards--triptych .multi-column-grid > .column.one-whole-at-medium .grid > .column:nth-child(1) { align-self: stretch; } .sq-custom-section-multi-column-capabilities-cards--triptych .multi-column-grid > .column.one-whole-at-medium .grid > .column:nth-child(1) > div { padding: var(--space-line); padding-left: calc(var(--space-base) / 2); height: 100%; } .sq-custom-section-multi-column-capabilities-cards--triptych .multi-column-grid > .column.one-whole-at-medium .grid > .column:nth-child(1) > div img { border-radius: var(--border-radius); overflow: hidden; object-fit: cover; height: 100% !important; } } .sq-custom-grid-column-gray-rounded { background-color: white !important; } .sq-custom-grid-column-gray-rounded .multi-column-grid { align-items: stretch !important; align-content: stretch !important; } .sq-custom-grid-column-gray-rounded .multi-column-grid > .column > * { background-color: var(--color-gray-05); border-radius: 10px; border: none; } .sq-custom-grid-column-pad-small .multi-column-grid > .column > * { padding: var(--space-small); } @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); } .section-accordion > .content ul { max-width: 100% !important; } :root { --font-size-display-base: 16px; --line-height-display-base: 24px; --font-size-display-tiny: 12px; --line-height-display-tiny: 18px; --font-size-display-small: 14px; --line-height-display-small: 20px; --font-size-display-medium: 16px; --line-height-display-medium: 24px; --font-size-display-large-base: 20px; --line-height-display-large-base: 28px; --font-size-display-large-medium: 24px; --line-height-display-large-medium: 32px; --font-size-display-h6-base: 16px; --line-height-display-h6-base: 22px; --font-size-display-h6-medium: 16px; --line-height-display-h6-medium: 22px; --font-size-display-h5-base: 18px; --line-height-display-h5-base: 24px; --font-size-display-h5-medium: 20px; --line-height-display-h5-medium: 26px; --font-size-display-h4-base: 20px; --line-height-display-h4-base: 26px; --font-size-display-h4-medium: 24px; --line-height-display-h4-medium: 30px; --font-size-display-h3-base: 24px; --line-height-display-h3-base: 30px; --font-size-display-h3-medium: 32px; --line-height-display-h3-medium: 38px; --font-size-display-h2-base: 30px; --line-height-display-h2-base: 36px; --font-size-display-h2-medium: 50px; --line-height-display-h2-medium: 56px; --font-size-display-h1-base: 38px; --line-height-display-h1-base: 42px; --font-size-display-h1-medium: 62px; --line-height-display-h1-medium: 68px; --letter-spacing-display-h1-medium: -0.75px; --font-size-display-hero-base: 46px; --line-height-display-hero-base: 50px; --font-size-display-hero-medium: 86px; --line-height-display-hero-medium: 83px; --letter-spacing-display-hero-medium: -1px; } @charset "UTF-8"; /* do not edit; file hosted in public-web-customizations. Contains EDI custom grid variables DRI: adoshi@ BUNDLE=home-page-2021-q1 */ /* do not edit; file hosted in public-web-customizations. Contains EDI custom grid overrides DRI: adoshi@ BUNDLE=home-page-2021-q1 */ /* --- NOTES --- These overrides only support apropos fluid option --- END --- */ :root { --old-body-width-max: 1680px; --body-width-min: 320px; --body-width-max: 2560px; --content-width-max: 2000px; --breakpoint-width-extra-small: 375px; --breakpoint-width-small: 717px; --breakpoint-width-medium: 1023px; --breakpoint-width-large: 1240px; --breakpoint-width-extra-large: 1500px; --container-width-base: 295px; --container-width-extra-small: 344px; --container-width-small: 624px; --container-width-medium: 972px; --container-width-large: 1200px; --container-width-extra-large: 1416px; --container-border-radius-base: 16px; --container-border-radius-medium: 24px; --container-border-radius: var(--container-border-radius-base); } @media (min-width: 1023px) { :root { --container-border-radius: var(--container-border-radius-medium); } } @media (min-width: 0) { .hide-at-base, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 374px) { .hide-at-extra-small, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 480px) { .hide-at-small, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 718px) { .hide-at-medium, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 1024px) { .hide-at-large, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 1292px) { .hide-at-extra-large, .display-none-at-breakpoint-name { display: revert !important; } } @media (min-width: 718px) { .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-nav { position: revert; top: revert; left: revert; margin: revert; width: revert; max-width: revert; height: revert; transform: revert; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left { position: revert; left: revert; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left::before { border-color: revert; box-shadow: revert; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { position: revert; right: revert; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { border-color: revert; box-shadow: revert; } } @media (min-width: 718px) { .two-thirds-at-medium { width: unset !important; } } @media (min-width: 718px) { .align-left-at-medium { text-align: unset !important; } .align-center-at-medium { text-align: unset !important; } .align-right-at-medium { text-align: unset !important; } .align-justify-at-medium { text-align: unset !important; } } @media (min-width: 1024px) { .align-left-at-large { text-align: unset !important; } .align-center-at-large { text-align: unset !important; } .align-right-at-large { text-align: unset !important; } .align-justify-at-large { text-align: unset !important; } } [class^='grid'], [class*=' grid'] { display: flex; flex-wrap: wrap; margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); margin-bottom: calc(-1 * var(--space-line)) !important; } [class^='grid'] > *, [class*=' grid'] > * { flex: 0 1 auto; } [class^='grid'] > *, [class*=' grid'] > * { width: 100%; } [class^='grid'] > *, [class*=' grid'] > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } [class^='grid'] > *, [class*=' grid'] > * { margin-bottom: var(--space-line) !important; } .gap-base[class^='grid'], .gap-vert-base[class^='grid'], .gap-bottom-base[class^='grid'], .gap-base[class*=' grid'], .gap-vert-base[class*=' grid'], .gap-bottom-base[class*=' grid'] { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .gap-line[class^='grid'], .gap-vert-line[class^='grid'], .gap-bottom-line[class^='grid'], .gap-line[class*=' grid'], .gap-vert-line[class*=' grid'], .gap-bottom-line[class*=' grid'] { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .gap-small[class^='grid'], .gap-vert-small[class^='grid'], .gap-bottom-small[class^='grid'], .gap-small[class*=' grid'], .gap-vert-small[class*=' grid'], .gap-bottom-small[class*=' grid'] { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .gap-medium[class^='grid'], .gap-vert-medium[class^='grid'], .gap-bottom-medium[class^='grid'], .gap-medium[class*=' grid'], .gap-vert-medium[class*=' grid'], .gap-bottom-medium[class*=' grid'] { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .gap-large[class^='grid'], .gap-vert-large[class^='grid'], .gap-bottom-large[class^='grid'], .gap-large[class*=' grid'], .gap-vert-large[class*=' grid'], .gap-bottom-large[class*=' grid'] { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .gap-xl[class^='grid'], .gap-vert-xl[class^='grid'], .gap-bottom-xl[class^='grid'], .gap-xl[class*=' grid'], .gap-vert-xl[class*=' grid'], .gap-bottom-xl[class*=' grid'] { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .gap-xxl[class^='grid'], .gap-vert-xxl[class^='grid'], .gap-bottom-xxl[class^='grid'], .gap-xxl[class*=' grid'], .gap-vert-xxl[class*=' grid'], .gap-bottom-xxl[class*=' grid'] { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .gap-none[class^='grid'], .gap-vert-none[class^='grid'], .gap-bottom-none[class^='grid'], .gap-none[class*=' grid'], .gap-vert-none[class*=' grid'], .gap-bottom-none[class*=' grid'] { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-reverse { flex-direction: row-reverse; } .grid-row-equal-heights > * { display: flex; flex-wrap: wrap; } .grid-row-equal-heights > * > * { flex: 0 1 auto; } .grid-row-equal-heights > * > * { width: 100%; } .no-shrink { flex-shrink: 0 !important; } .grid-auto > *, .grid-flex > * { width: auto; } .grid-flex { display: flex; flex-wrap: nowrap; } .grid-flex > * { flex: 0 1 auto; } .grid-1 { flex-wrap: wrap; } .grid-1 > * { width: 100%; } .grid-2 { flex-wrap: wrap; } .grid-2 > * { width: 50%; } .grid-3 { flex-wrap: wrap; } .grid-3 > * { width: 33.3333333333%; } .grid-4 { flex-wrap: wrap; } .grid-4 > * { width: 25%; } .grid-5 { flex-wrap: wrap; } .grid-5 > * { width: 20%; } .grid-space-base, .grid-col-space-base { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base > *, .grid-col-space-base > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base, .grid-row-space-base { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base > *, .grid-row-space-base > * { margin-bottom: var(--space-base) !important; } .grid-space-base.gap-base, .grid-space-base.gap-vert-base, .grid-space-base.gap-bottom-base, .grid-row-space-base.gap-base, .grid-row-space-base.gap-vert-base, .grid-row-space-base.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base.gap-line, .grid-space-base.gap-vert-line, .grid-space-base.gap-bottom-line, .grid-row-space-base.gap-line, .grid-row-space-base.gap-vert-line, .grid-row-space-base.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base.gap-small, .grid-space-base.gap-vert-small, .grid-space-base.gap-bottom-small, .grid-row-space-base.gap-small, .grid-row-space-base.gap-vert-small, .grid-row-space-base.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base.gap-medium, .grid-space-base.gap-vert-medium, .grid-space-base.gap-bottom-medium, .grid-row-space-base.gap-medium, .grid-row-space-base.gap-vert-medium, .grid-row-space-base.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base.gap-large, .grid-space-base.gap-vert-large, .grid-space-base.gap-bottom-large, .grid-row-space-base.gap-large, .grid-row-space-base.gap-vert-large, .grid-row-space-base.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base.gap-xl, .grid-space-base.gap-vert-xl, .grid-space-base.gap-bottom-xl, .grid-row-space-base.gap-xl, .grid-row-space-base.gap-vert-xl, .grid-row-space-base.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base.gap-xxl, .grid-space-base.gap-vert-xxl, .grid-space-base.gap-bottom-xxl, .grid-row-space-base.gap-xxl, .grid-row-space-base.gap-vert-xxl, .grid-row-space-base.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base.gap-none, .grid-space-base.gap-vert-none, .grid-space-base.gap-bottom-none, .grid-row-space-base.gap-none, .grid-row-space-base.gap-vert-none, .grid-row-space-base.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line, .grid-col-space-line { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line > *, .grid-col-space-line > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line, .grid-row-space-line { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line > *, .grid-row-space-line > * { margin-bottom: var(--space-line) !important; } .grid-space-line.gap-base, .grid-space-line.gap-vert-base, .grid-space-line.gap-bottom-base, .grid-row-space-line.gap-base, .grid-row-space-line.gap-vert-base, .grid-row-space-line.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line.gap-line, .grid-space-line.gap-vert-line, .grid-space-line.gap-bottom-line, .grid-row-space-line.gap-line, .grid-row-space-line.gap-vert-line, .grid-row-space-line.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line.gap-small, .grid-space-line.gap-vert-small, .grid-space-line.gap-bottom-small, .grid-row-space-line.gap-small, .grid-row-space-line.gap-vert-small, .grid-row-space-line.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line.gap-medium, .grid-space-line.gap-vert-medium, .grid-space-line.gap-bottom-medium, .grid-row-space-line.gap-medium, .grid-row-space-line.gap-vert-medium, .grid-row-space-line.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line.gap-large, .grid-space-line.gap-vert-large, .grid-space-line.gap-bottom-large, .grid-row-space-line.gap-large, .grid-row-space-line.gap-vert-large, .grid-row-space-line.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line.gap-xl, .grid-space-line.gap-vert-xl, .grid-space-line.gap-bottom-xl, .grid-row-space-line.gap-xl, .grid-row-space-line.gap-vert-xl, .grid-row-space-line.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line.gap-xxl, .grid-space-line.gap-vert-xxl, .grid-space-line.gap-bottom-xxl, .grid-row-space-line.gap-xxl, .grid-row-space-line.gap-vert-xxl, .grid-row-space-line.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line.gap-none, .grid-space-line.gap-vert-none, .grid-space-line.gap-bottom-none, .grid-row-space-line.gap-none, .grid-row-space-line.gap-vert-none, .grid-row-space-line.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small, .grid-col-space-small { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small > *, .grid-col-space-small > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small, .grid-row-space-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small > *, .grid-row-space-small > * { margin-bottom: var(--space-small) !important; } .grid-space-small.gap-base, .grid-space-small.gap-vert-base, .grid-space-small.gap-bottom-base, .grid-row-space-small.gap-base, .grid-row-space-small.gap-vert-base, .grid-row-space-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small.gap-line, .grid-space-small.gap-vert-line, .grid-space-small.gap-bottom-line, .grid-row-space-small.gap-line, .grid-row-space-small.gap-vert-line, .grid-row-space-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small.gap-small, .grid-space-small.gap-vert-small, .grid-space-small.gap-bottom-small, .grid-row-space-small.gap-small, .grid-row-space-small.gap-vert-small, .grid-row-space-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small.gap-medium, .grid-space-small.gap-vert-medium, .grid-space-small.gap-bottom-medium, .grid-row-space-small.gap-medium, .grid-row-space-small.gap-vert-medium, .grid-row-space-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small.gap-large, .grid-space-small.gap-vert-large, .grid-space-small.gap-bottom-large, .grid-row-space-small.gap-large, .grid-row-space-small.gap-vert-large, .grid-row-space-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small.gap-xl, .grid-space-small.gap-vert-xl, .grid-space-small.gap-bottom-xl, .grid-row-space-small.gap-xl, .grid-row-space-small.gap-vert-xl, .grid-row-space-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small.gap-xxl, .grid-space-small.gap-vert-xxl, .grid-space-small.gap-bottom-xxl, .grid-row-space-small.gap-xxl, .grid-row-space-small.gap-vert-xxl, .grid-row-space-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small.gap-none, .grid-space-small.gap-vert-none, .grid-space-small.gap-bottom-none, .grid-row-space-small.gap-none, .grid-row-space-small.gap-vert-none, .grid-row-space-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium, .grid-col-space-medium { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium > *, .grid-col-space-medium > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium, .grid-row-space-medium { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium > *, .grid-row-space-medium > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium.gap-base, .grid-space-medium.gap-vert-base, .grid-space-medium.gap-bottom-base, .grid-row-space-medium.gap-base, .grid-row-space-medium.gap-vert-base, .grid-row-space-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium.gap-line, .grid-space-medium.gap-vert-line, .grid-space-medium.gap-bottom-line, .grid-row-space-medium.gap-line, .grid-row-space-medium.gap-vert-line, .grid-row-space-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium.gap-small, .grid-space-medium.gap-vert-small, .grid-space-medium.gap-bottom-small, .grid-row-space-medium.gap-small, .grid-row-space-medium.gap-vert-small, .grid-row-space-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium.gap-medium, .grid-space-medium.gap-vert-medium, .grid-space-medium.gap-bottom-medium, .grid-row-space-medium.gap-medium, .grid-row-space-medium.gap-vert-medium, .grid-row-space-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium.gap-large, .grid-space-medium.gap-vert-large, .grid-space-medium.gap-bottom-large, .grid-row-space-medium.gap-large, .grid-row-space-medium.gap-vert-large, .grid-row-space-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium.gap-xl, .grid-space-medium.gap-vert-xl, .grid-space-medium.gap-bottom-xl, .grid-row-space-medium.gap-xl, .grid-row-space-medium.gap-vert-xl, .grid-row-space-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium.gap-xxl, .grid-space-medium.gap-vert-xxl, .grid-space-medium.gap-bottom-xxl, .grid-row-space-medium.gap-xxl, .grid-row-space-medium.gap-vert-xxl, .grid-row-space-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium.gap-none, .grid-space-medium.gap-vert-none, .grid-space-medium.gap-bottom-none, .grid-row-space-medium.gap-none, .grid-row-space-medium.gap-vert-none, .grid-row-space-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large, .grid-col-space-large { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large > *, .grid-col-space-large > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large, .grid-row-space-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large > *, .grid-row-space-large > * { margin-bottom: var(--space-large) !important; } .grid-space-large.gap-base, .grid-space-large.gap-vert-base, .grid-space-large.gap-bottom-base, .grid-row-space-large.gap-base, .grid-row-space-large.gap-vert-base, .grid-row-space-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large.gap-line, .grid-space-large.gap-vert-line, .grid-space-large.gap-bottom-line, .grid-row-space-large.gap-line, .grid-row-space-large.gap-vert-line, .grid-row-space-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large.gap-small, .grid-space-large.gap-vert-small, .grid-space-large.gap-bottom-small, .grid-row-space-large.gap-small, .grid-row-space-large.gap-vert-small, .grid-row-space-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large.gap-medium, .grid-space-large.gap-vert-medium, .grid-space-large.gap-bottom-medium, .grid-row-space-large.gap-medium, .grid-row-space-large.gap-vert-medium, .grid-row-space-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large.gap-large, .grid-space-large.gap-vert-large, .grid-space-large.gap-bottom-large, .grid-row-space-large.gap-large, .grid-row-space-large.gap-vert-large, .grid-row-space-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large.gap-xl, .grid-space-large.gap-vert-xl, .grid-space-large.gap-bottom-xl, .grid-row-space-large.gap-xl, .grid-row-space-large.gap-vert-xl, .grid-row-space-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large.gap-xxl, .grid-space-large.gap-vert-xxl, .grid-space-large.gap-bottom-xxl, .grid-row-space-large.gap-xxl, .grid-row-space-large.gap-vert-xxl, .grid-row-space-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large.gap-none, .grid-space-large.gap-vert-none, .grid-space-large.gap-bottom-none, .grid-row-space-large.gap-none, .grid-row-space-large.gap-vert-none, .grid-row-space-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl, .grid-col-space-xl { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl > *, .grid-col-space-xl > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl, .grid-row-space-xl { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl > *, .grid-row-space-xl > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl.gap-base, .grid-space-xl.gap-vert-base, .grid-space-xl.gap-bottom-base, .grid-row-space-xl.gap-base, .grid-row-space-xl.gap-vert-base, .grid-row-space-xl.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl.gap-line, .grid-space-xl.gap-vert-line, .grid-space-xl.gap-bottom-line, .grid-row-space-xl.gap-line, .grid-row-space-xl.gap-vert-line, .grid-row-space-xl.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl.gap-small, .grid-space-xl.gap-vert-small, .grid-space-xl.gap-bottom-small, .grid-row-space-xl.gap-small, .grid-row-space-xl.gap-vert-small, .grid-row-space-xl.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl.gap-medium, .grid-space-xl.gap-vert-medium, .grid-space-xl.gap-bottom-medium, .grid-row-space-xl.gap-medium, .grid-row-space-xl.gap-vert-medium, .grid-row-space-xl.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl.gap-large, .grid-space-xl.gap-vert-large, .grid-space-xl.gap-bottom-large, .grid-row-space-xl.gap-large, .grid-row-space-xl.gap-vert-large, .grid-row-space-xl.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl.gap-xl, .grid-space-xl.gap-vert-xl, .grid-space-xl.gap-bottom-xl, .grid-row-space-xl.gap-xl, .grid-row-space-xl.gap-vert-xl, .grid-row-space-xl.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl.gap-xxl, .grid-space-xl.gap-vert-xxl, .grid-space-xl.gap-bottom-xxl, .grid-row-space-xl.gap-xxl, .grid-row-space-xl.gap-vert-xxl, .grid-row-space-xl.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl.gap-none, .grid-space-xl.gap-vert-none, .grid-space-xl.gap-bottom-none, .grid-row-space-xl.gap-none, .grid-row-space-xl.gap-vert-none, .grid-row-space-xl.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl, .grid-col-space-xxl { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl > *, .grid-col-space-xxl > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl, .grid-row-space-xxl { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl > *, .grid-row-space-xxl > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl.gap-base, .grid-space-xxl.gap-vert-base, .grid-space-xxl.gap-bottom-base, .grid-row-space-xxl.gap-base, .grid-row-space-xxl.gap-vert-base, .grid-row-space-xxl.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl.gap-line, .grid-space-xxl.gap-vert-line, .grid-space-xxl.gap-bottom-line, .grid-row-space-xxl.gap-line, .grid-row-space-xxl.gap-vert-line, .grid-row-space-xxl.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl.gap-small, .grid-space-xxl.gap-vert-small, .grid-space-xxl.gap-bottom-small, .grid-row-space-xxl.gap-small, .grid-row-space-xxl.gap-vert-small, .grid-row-space-xxl.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl.gap-medium, .grid-space-xxl.gap-vert-medium, .grid-space-xxl.gap-bottom-medium, .grid-row-space-xxl.gap-medium, .grid-row-space-xxl.gap-vert-medium, .grid-row-space-xxl.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl.gap-large, .grid-space-xxl.gap-vert-large, .grid-space-xxl.gap-bottom-large, .grid-row-space-xxl.gap-large, .grid-row-space-xxl.gap-vert-large, .grid-row-space-xxl.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl.gap-xl, .grid-space-xxl.gap-vert-xl, .grid-space-xxl.gap-bottom-xl, .grid-row-space-xxl.gap-xl, .grid-row-space-xxl.gap-vert-xl, .grid-row-space-xxl.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl.gap-xxl, .grid-space-xxl.gap-vert-xxl, .grid-space-xxl.gap-bottom-xxl, .grid-row-space-xxl.gap-xxl, .grid-row-space-xxl.gap-vert-xxl, .grid-row-space-xxl.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl.gap-none, .grid-space-xxl.gap-vert-none, .grid-space-xxl.gap-bottom-none, .grid-row-space-xxl.gap-none, .grid-row-space-xxl.gap-vert-none, .grid-row-space-xxl.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none, .grid-col-space-none { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none > *, .grid-col-space-none > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none, .grid-row-space-none { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none > *, .grid-row-space-none > * { margin-bottom: var(--space-none) !important; } .grid-space-none.gap-base, .grid-space-none.gap-vert-base, .grid-space-none.gap-bottom-base, .grid-row-space-none.gap-base, .grid-row-space-none.gap-vert-base, .grid-row-space-none.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none.gap-line, .grid-space-none.gap-vert-line, .grid-space-none.gap-bottom-line, .grid-row-space-none.gap-line, .grid-row-space-none.gap-vert-line, .grid-row-space-none.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none.gap-small, .grid-space-none.gap-vert-small, .grid-space-none.gap-bottom-small, .grid-row-space-none.gap-small, .grid-row-space-none.gap-vert-small, .grid-row-space-none.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none.gap-medium, .grid-space-none.gap-vert-medium, .grid-space-none.gap-bottom-medium, .grid-row-space-none.gap-medium, .grid-row-space-none.gap-vert-medium, .grid-row-space-none.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none.gap-large, .grid-space-none.gap-vert-large, .grid-space-none.gap-bottom-large, .grid-row-space-none.gap-large, .grid-row-space-none.gap-vert-large, .grid-row-space-none.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none.gap-xl, .grid-space-none.gap-vert-xl, .grid-space-none.gap-bottom-xl, .grid-row-space-none.gap-xl, .grid-row-space-none.gap-vert-xl, .grid-row-space-none.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none.gap-xxl, .grid-space-none.gap-vert-xxl, .grid-space-none.gap-bottom-xxl, .grid-row-space-none.gap-xxl, .grid-row-space-none.gap-vert-xxl, .grid-row-space-none.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none.gap-none, .grid-space-none.gap-vert-none, .grid-space-none.gap-bottom-none, .grid-row-space-none.gap-none, .grid-row-space-none.gap-vert-none, .grid-row-space-none.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left, .flex-align-left { display: flex !important; justify-content: flex-start !important; } .grid-align-center, .flex-align-center { display: flex !important; justify-content: center !important; } .grid-align-right, .flex-align-right { display: flex !important; justify-content: flex-end !important; } .grid-align-justify, .flex-align-justify { display: flex !important; justify-content: space-between !important; } .grid-valign-top, .flex-valign-top { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle, .flex-valign-middle { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom, .flex-valign-bottom { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify, .flex-valign-justify { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } @media (min-width: 375px) { .grid-auto-at-extra-small > *, .grid-flex-at-extra-small > * { width: auto; } .grid-flex-at-extra-small { display: flex; flex-wrap: nowrap; } .grid-flex-at-extra-small > * { flex: 0 1 auto; } .grid-1-at-extra-small { flex-wrap: wrap; } .grid-1-at-extra-small > * { width: 100%; } .grid-2-at-extra-small { flex-wrap: wrap; } .grid-2-at-extra-small > * { width: 50%; } .grid-3-at-extra-small { flex-wrap: wrap; } .grid-3-at-extra-small > * { width: 33.3333333333%; } .grid-4-at-extra-small { flex-wrap: wrap; } .grid-4-at-extra-small > * { width: 25%; } .grid-5-at-extra-small { flex-wrap: wrap; } .grid-5-at-extra-small > * { width: 20%; } .grid-space-base-at-extra-small, .grid-col-space-base-at-extra-small { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-extra-small > *, .grid-col-space-base-at-extra-small > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-extra-small, .grid-row-space-base-at-extra-small { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-extra-small > *, .grid-row-space-base-at-extra-small > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-extra-small.gap-base, .grid-space-base-at-extra-small.gap-vert-base, .grid-space-base-at-extra-small.gap-bottom-base, .grid-row-space-base-at-extra-small.gap-base, .grid-row-space-base-at-extra-small.gap-vert-base, .grid-row-space-base-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-line, .grid-space-base-at-extra-small.gap-vert-line, .grid-space-base-at-extra-small.gap-bottom-line, .grid-row-space-base-at-extra-small.gap-line, .grid-row-space-base-at-extra-small.gap-vert-line, .grid-row-space-base-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-small, .grid-space-base-at-extra-small.gap-vert-small, .grid-space-base-at-extra-small.gap-bottom-small, .grid-row-space-base-at-extra-small.gap-small, .grid-row-space-base-at-extra-small.gap-vert-small, .grid-row-space-base-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-medium, .grid-space-base-at-extra-small.gap-vert-medium, .grid-space-base-at-extra-small.gap-bottom-medium, .grid-row-space-base-at-extra-small.gap-medium, .grid-row-space-base-at-extra-small.gap-vert-medium, .grid-row-space-base-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-large, .grid-space-base-at-extra-small.gap-vert-large, .grid-space-base-at-extra-small.gap-bottom-large, .grid-row-space-base-at-extra-small.gap-large, .grid-row-space-base-at-extra-small.gap-vert-large, .grid-row-space-base-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-xl, .grid-space-base-at-extra-small.gap-vert-xl, .grid-space-base-at-extra-small.gap-bottom-xl, .grid-row-space-base-at-extra-small.gap-xl, .grid-row-space-base-at-extra-small.gap-vert-xl, .grid-row-space-base-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-xxl, .grid-space-base-at-extra-small.gap-vert-xxl, .grid-space-base-at-extra-small.gap-bottom-xxl, .grid-row-space-base-at-extra-small.gap-xxl, .grid-row-space-base-at-extra-small.gap-vert-xxl, .grid-row-space-base-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-extra-small.gap-none, .grid-space-base-at-extra-small.gap-vert-none, .grid-space-base-at-extra-small.gap-bottom-none, .grid-row-space-base-at-extra-small.gap-none, .grid-row-space-base-at-extra-small.gap-vert-none, .grid-row-space-base-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-extra-small, .grid-col-space-line-at-extra-small { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-extra-small > *, .grid-col-space-line-at-extra-small > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-extra-small, .grid-row-space-line-at-extra-small { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-extra-small > *, .grid-row-space-line-at-extra-small > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-extra-small.gap-base, .grid-space-line-at-extra-small.gap-vert-base, .grid-space-line-at-extra-small.gap-bottom-base, .grid-row-space-line-at-extra-small.gap-base, .grid-row-space-line-at-extra-small.gap-vert-base, .grid-row-space-line-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-line, .grid-space-line-at-extra-small.gap-vert-line, .grid-space-line-at-extra-small.gap-bottom-line, .grid-row-space-line-at-extra-small.gap-line, .grid-row-space-line-at-extra-small.gap-vert-line, .grid-row-space-line-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-small, .grid-space-line-at-extra-small.gap-vert-small, .grid-space-line-at-extra-small.gap-bottom-small, .grid-row-space-line-at-extra-small.gap-small, .grid-row-space-line-at-extra-small.gap-vert-small, .grid-row-space-line-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-medium, .grid-space-line-at-extra-small.gap-vert-medium, .grid-space-line-at-extra-small.gap-bottom-medium, .grid-row-space-line-at-extra-small.gap-medium, .grid-row-space-line-at-extra-small.gap-vert-medium, .grid-row-space-line-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-large, .grid-space-line-at-extra-small.gap-vert-large, .grid-space-line-at-extra-small.gap-bottom-large, .grid-row-space-line-at-extra-small.gap-large, .grid-row-space-line-at-extra-small.gap-vert-large, .grid-row-space-line-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-xl, .grid-space-line-at-extra-small.gap-vert-xl, .grid-space-line-at-extra-small.gap-bottom-xl, .grid-row-space-line-at-extra-small.gap-xl, .grid-row-space-line-at-extra-small.gap-vert-xl, .grid-row-space-line-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-xxl, .grid-space-line-at-extra-small.gap-vert-xxl, .grid-space-line-at-extra-small.gap-bottom-xxl, .grid-row-space-line-at-extra-small.gap-xxl, .grid-row-space-line-at-extra-small.gap-vert-xxl, .grid-row-space-line-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-extra-small.gap-none, .grid-space-line-at-extra-small.gap-vert-none, .grid-space-line-at-extra-small.gap-bottom-none, .grid-row-space-line-at-extra-small.gap-none, .grid-row-space-line-at-extra-small.gap-vert-none, .grid-row-space-line-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-extra-small, .grid-col-space-small-at-extra-small { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-extra-small > *, .grid-col-space-small-at-extra-small > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-extra-small, .grid-row-space-small-at-extra-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-extra-small > *, .grid-row-space-small-at-extra-small > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-extra-small.gap-base, .grid-space-small-at-extra-small.gap-vert-base, .grid-space-small-at-extra-small.gap-bottom-base, .grid-row-space-small-at-extra-small.gap-base, .grid-row-space-small-at-extra-small.gap-vert-base, .grid-row-space-small-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-line, .grid-space-small-at-extra-small.gap-vert-line, .grid-space-small-at-extra-small.gap-bottom-line, .grid-row-space-small-at-extra-small.gap-line, .grid-row-space-small-at-extra-small.gap-vert-line, .grid-row-space-small-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-small, .grid-space-small-at-extra-small.gap-vert-small, .grid-space-small-at-extra-small.gap-bottom-small, .grid-row-space-small-at-extra-small.gap-small, .grid-row-space-small-at-extra-small.gap-vert-small, .grid-row-space-small-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-medium, .grid-space-small-at-extra-small.gap-vert-medium, .grid-space-small-at-extra-small.gap-bottom-medium, .grid-row-space-small-at-extra-small.gap-medium, .grid-row-space-small-at-extra-small.gap-vert-medium, .grid-row-space-small-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-large, .grid-space-small-at-extra-small.gap-vert-large, .grid-space-small-at-extra-small.gap-bottom-large, .grid-row-space-small-at-extra-small.gap-large, .grid-row-space-small-at-extra-small.gap-vert-large, .grid-row-space-small-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-xl, .grid-space-small-at-extra-small.gap-vert-xl, .grid-space-small-at-extra-small.gap-bottom-xl, .grid-row-space-small-at-extra-small.gap-xl, .grid-row-space-small-at-extra-small.gap-vert-xl, .grid-row-space-small-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-xxl, .grid-space-small-at-extra-small.gap-vert-xxl, .grid-space-small-at-extra-small.gap-bottom-xxl, .grid-row-space-small-at-extra-small.gap-xxl, .grid-row-space-small-at-extra-small.gap-vert-xxl, .grid-row-space-small-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-extra-small.gap-none, .grid-space-small-at-extra-small.gap-vert-none, .grid-space-small-at-extra-small.gap-bottom-none, .grid-row-space-small-at-extra-small.gap-none, .grid-row-space-small-at-extra-small.gap-vert-none, .grid-row-space-small-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-extra-small, .grid-col-space-medium-at-extra-small { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-extra-small > *, .grid-col-space-medium-at-extra-small > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-extra-small, .grid-row-space-medium-at-extra-small { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-extra-small > *, .grid-row-space-medium-at-extra-small > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-extra-small.gap-base, .grid-space-medium-at-extra-small.gap-vert-base, .grid-space-medium-at-extra-small.gap-bottom-base, .grid-row-space-medium-at-extra-small.gap-base, .grid-row-space-medium-at-extra-small.gap-vert-base, .grid-row-space-medium-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-line, .grid-space-medium-at-extra-small.gap-vert-line, .grid-space-medium-at-extra-small.gap-bottom-line, .grid-row-space-medium-at-extra-small.gap-line, .grid-row-space-medium-at-extra-small.gap-vert-line, .grid-row-space-medium-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-small, .grid-space-medium-at-extra-small.gap-vert-small, .grid-space-medium-at-extra-small.gap-bottom-small, .grid-row-space-medium-at-extra-small.gap-small, .grid-row-space-medium-at-extra-small.gap-vert-small, .grid-row-space-medium-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-medium, .grid-space-medium-at-extra-small.gap-vert-medium, .grid-space-medium-at-extra-small.gap-bottom-medium, .grid-row-space-medium-at-extra-small.gap-medium, .grid-row-space-medium-at-extra-small.gap-vert-medium, .grid-row-space-medium-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-large, .grid-space-medium-at-extra-small.gap-vert-large, .grid-space-medium-at-extra-small.gap-bottom-large, .grid-row-space-medium-at-extra-small.gap-large, .grid-row-space-medium-at-extra-small.gap-vert-large, .grid-row-space-medium-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-xl, .grid-space-medium-at-extra-small.gap-vert-xl, .grid-space-medium-at-extra-small.gap-bottom-xl, .grid-row-space-medium-at-extra-small.gap-xl, .grid-row-space-medium-at-extra-small.gap-vert-xl, .grid-row-space-medium-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-xxl, .grid-space-medium-at-extra-small.gap-vert-xxl, .grid-space-medium-at-extra-small.gap-bottom-xxl, .grid-row-space-medium-at-extra-small.gap-xxl, .grid-row-space-medium-at-extra-small.gap-vert-xxl, .grid-row-space-medium-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-extra-small.gap-none, .grid-space-medium-at-extra-small.gap-vert-none, .grid-space-medium-at-extra-small.gap-bottom-none, .grid-row-space-medium-at-extra-small.gap-none, .grid-row-space-medium-at-extra-small.gap-vert-none, .grid-row-space-medium-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-extra-small, .grid-col-space-large-at-extra-small { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-extra-small > *, .grid-col-space-large-at-extra-small > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-extra-small, .grid-row-space-large-at-extra-small { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-extra-small > *, .grid-row-space-large-at-extra-small > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-extra-small.gap-base, .grid-space-large-at-extra-small.gap-vert-base, .grid-space-large-at-extra-small.gap-bottom-base, .grid-row-space-large-at-extra-small.gap-base, .grid-row-space-large-at-extra-small.gap-vert-base, .grid-row-space-large-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-line, .grid-space-large-at-extra-small.gap-vert-line, .grid-space-large-at-extra-small.gap-bottom-line, .grid-row-space-large-at-extra-small.gap-line, .grid-row-space-large-at-extra-small.gap-vert-line, .grid-row-space-large-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-small, .grid-space-large-at-extra-small.gap-vert-small, .grid-space-large-at-extra-small.gap-bottom-small, .grid-row-space-large-at-extra-small.gap-small, .grid-row-space-large-at-extra-small.gap-vert-small, .grid-row-space-large-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-medium, .grid-space-large-at-extra-small.gap-vert-medium, .grid-space-large-at-extra-small.gap-bottom-medium, .grid-row-space-large-at-extra-small.gap-medium, .grid-row-space-large-at-extra-small.gap-vert-medium, .grid-row-space-large-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-large, .grid-space-large-at-extra-small.gap-vert-large, .grid-space-large-at-extra-small.gap-bottom-large, .grid-row-space-large-at-extra-small.gap-large, .grid-row-space-large-at-extra-small.gap-vert-large, .grid-row-space-large-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-xl, .grid-space-large-at-extra-small.gap-vert-xl, .grid-space-large-at-extra-small.gap-bottom-xl, .grid-row-space-large-at-extra-small.gap-xl, .grid-row-space-large-at-extra-small.gap-vert-xl, .grid-row-space-large-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-xxl, .grid-space-large-at-extra-small.gap-vert-xxl, .grid-space-large-at-extra-small.gap-bottom-xxl, .grid-row-space-large-at-extra-small.gap-xxl, .grid-row-space-large-at-extra-small.gap-vert-xxl, .grid-row-space-large-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-extra-small.gap-none, .grid-space-large-at-extra-small.gap-vert-none, .grid-space-large-at-extra-small.gap-bottom-none, .grid-row-space-large-at-extra-small.gap-none, .grid-row-space-large-at-extra-small.gap-vert-none, .grid-row-space-large-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-extra-small, .grid-col-space-xl-at-extra-small { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-extra-small > *, .grid-col-space-xl-at-extra-small > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-extra-small, .grid-row-space-xl-at-extra-small { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-extra-small > *, .grid-row-space-xl-at-extra-small > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-extra-small.gap-base, .grid-space-xl-at-extra-small.gap-vert-base, .grid-space-xl-at-extra-small.gap-bottom-base, .grid-row-space-xl-at-extra-small.gap-base, .grid-row-space-xl-at-extra-small.gap-vert-base, .grid-row-space-xl-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-line, .grid-space-xl-at-extra-small.gap-vert-line, .grid-space-xl-at-extra-small.gap-bottom-line, .grid-row-space-xl-at-extra-small.gap-line, .grid-row-space-xl-at-extra-small.gap-vert-line, .grid-row-space-xl-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-small, .grid-space-xl-at-extra-small.gap-vert-small, .grid-space-xl-at-extra-small.gap-bottom-small, .grid-row-space-xl-at-extra-small.gap-small, .grid-row-space-xl-at-extra-small.gap-vert-small, .grid-row-space-xl-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-medium, .grid-space-xl-at-extra-small.gap-vert-medium, .grid-space-xl-at-extra-small.gap-bottom-medium, .grid-row-space-xl-at-extra-small.gap-medium, .grid-row-space-xl-at-extra-small.gap-vert-medium, .grid-row-space-xl-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-large, .grid-space-xl-at-extra-small.gap-vert-large, .grid-space-xl-at-extra-small.gap-bottom-large, .grid-row-space-xl-at-extra-small.gap-large, .grid-row-space-xl-at-extra-small.gap-vert-large, .grid-row-space-xl-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-xl, .grid-space-xl-at-extra-small.gap-vert-xl, .grid-space-xl-at-extra-small.gap-bottom-xl, .grid-row-space-xl-at-extra-small.gap-xl, .grid-row-space-xl-at-extra-small.gap-vert-xl, .grid-row-space-xl-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-xxl, .grid-space-xl-at-extra-small.gap-vert-xxl, .grid-space-xl-at-extra-small.gap-bottom-xxl, .grid-row-space-xl-at-extra-small.gap-xxl, .grid-row-space-xl-at-extra-small.gap-vert-xxl, .grid-row-space-xl-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-extra-small.gap-none, .grid-space-xl-at-extra-small.gap-vert-none, .grid-space-xl-at-extra-small.gap-bottom-none, .grid-row-space-xl-at-extra-small.gap-none, .grid-row-space-xl-at-extra-small.gap-vert-none, .grid-row-space-xl-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-extra-small, .grid-col-space-xxl-at-extra-small { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-extra-small > *, .grid-col-space-xxl-at-extra-small > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-extra-small, .grid-row-space-xxl-at-extra-small { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small > *, .grid-row-space-xxl-at-extra-small > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-extra-small.gap-base, .grid-space-xxl-at-extra-small.gap-vert-base, .grid-space-xxl-at-extra-small.gap-bottom-base, .grid-row-space-xxl-at-extra-small.gap-base, .grid-row-space-xxl-at-extra-small.gap-vert-base, .grid-row-space-xxl-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-line, .grid-space-xxl-at-extra-small.gap-vert-line, .grid-space-xxl-at-extra-small.gap-bottom-line, .grid-row-space-xxl-at-extra-small.gap-line, .grid-row-space-xxl-at-extra-small.gap-vert-line, .grid-row-space-xxl-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-small, .grid-space-xxl-at-extra-small.gap-vert-small, .grid-space-xxl-at-extra-small.gap-bottom-small, .grid-row-space-xxl-at-extra-small.gap-small, .grid-row-space-xxl-at-extra-small.gap-vert-small, .grid-row-space-xxl-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-medium, .grid-space-xxl-at-extra-small.gap-vert-medium, .grid-space-xxl-at-extra-small.gap-bottom-medium, .grid-row-space-xxl-at-extra-small.gap-medium, .grid-row-space-xxl-at-extra-small.gap-vert-medium, .grid-row-space-xxl-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-large, .grid-space-xxl-at-extra-small.gap-vert-large, .grid-space-xxl-at-extra-small.gap-bottom-large, .grid-row-space-xxl-at-extra-small.gap-large, .grid-row-space-xxl-at-extra-small.gap-vert-large, .grid-row-space-xxl-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-xl, .grid-space-xxl-at-extra-small.gap-vert-xl, .grid-space-xxl-at-extra-small.gap-bottom-xl, .grid-row-space-xxl-at-extra-small.gap-xl, .grid-row-space-xxl-at-extra-small.gap-vert-xl, .grid-row-space-xxl-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-xxl, .grid-space-xxl-at-extra-small.gap-vert-xxl, .grid-space-xxl-at-extra-small.gap-bottom-xxl, .grid-row-space-xxl-at-extra-small.gap-xxl, .grid-row-space-xxl-at-extra-small.gap-vert-xxl, .grid-row-space-xxl-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-small.gap-none, .grid-space-xxl-at-extra-small.gap-vert-none, .grid-space-xxl-at-extra-small.gap-bottom-none, .grid-row-space-xxl-at-extra-small.gap-none, .grid-row-space-xxl-at-extra-small.gap-vert-none, .grid-row-space-xxl-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-extra-small, .grid-col-space-none-at-extra-small { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-extra-small > *, .grid-col-space-none-at-extra-small > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-extra-small, .grid-row-space-none-at-extra-small { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-extra-small > *, .grid-row-space-none-at-extra-small > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-extra-small.gap-base, .grid-space-none-at-extra-small.gap-vert-base, .grid-space-none-at-extra-small.gap-bottom-base, .grid-row-space-none-at-extra-small.gap-base, .grid-row-space-none-at-extra-small.gap-vert-base, .grid-row-space-none-at-extra-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-line, .grid-space-none-at-extra-small.gap-vert-line, .grid-space-none-at-extra-small.gap-bottom-line, .grid-row-space-none-at-extra-small.gap-line, .grid-row-space-none-at-extra-small.gap-vert-line, .grid-row-space-none-at-extra-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-small, .grid-space-none-at-extra-small.gap-vert-small, .grid-space-none-at-extra-small.gap-bottom-small, .grid-row-space-none-at-extra-small.gap-small, .grid-row-space-none-at-extra-small.gap-vert-small, .grid-row-space-none-at-extra-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-medium, .grid-space-none-at-extra-small.gap-vert-medium, .grid-space-none-at-extra-small.gap-bottom-medium, .grid-row-space-none-at-extra-small.gap-medium, .grid-row-space-none-at-extra-small.gap-vert-medium, .grid-row-space-none-at-extra-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-large, .grid-space-none-at-extra-small.gap-vert-large, .grid-space-none-at-extra-small.gap-bottom-large, .grid-row-space-none-at-extra-small.gap-large, .grid-row-space-none-at-extra-small.gap-vert-large, .grid-row-space-none-at-extra-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-xl, .grid-space-none-at-extra-small.gap-vert-xl, .grid-space-none-at-extra-small.gap-bottom-xl, .grid-row-space-none-at-extra-small.gap-xl, .grid-row-space-none-at-extra-small.gap-vert-xl, .grid-row-space-none-at-extra-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-xxl, .grid-space-none-at-extra-small.gap-vert-xxl, .grid-space-none-at-extra-small.gap-bottom-xxl, .grid-row-space-none-at-extra-small.gap-xxl, .grid-row-space-none-at-extra-small.gap-vert-xxl, .grid-row-space-none-at-extra-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-extra-small.gap-none, .grid-space-none-at-extra-small.gap-vert-none, .grid-space-none-at-extra-small.gap-bottom-none, .grid-row-space-none-at-extra-small.gap-none, .grid-row-space-none-at-extra-small.gap-vert-none, .grid-row-space-none-at-extra-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-extra-small, .flex-align-left-at-extra-small { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-extra-small, .flex-align-center-at-extra-small { display: flex !important; justify-content: center !important; } .grid-align-right-at-extra-small, .flex-align-right-at-extra-small { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-extra-small, .flex-align-justify-at-extra-small { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-extra-small, .flex-valign-top-at-extra-small { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-extra-small, .flex-valign-middle-at-extra-small { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-extra-small, .flex-valign-bottom-at-extra-small { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-extra-small, .flex-valign-justify-at-extra-small { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } @media (min-width: 717px) { .grid-auto-at-small > *, .grid-flex-at-small > * { width: auto; } .grid-flex-at-small { display: flex; flex-wrap: nowrap; } .grid-flex-at-small > * { flex: 0 1 auto; } .grid-1-at-small { flex-wrap: wrap; } .grid-1-at-small > * { width: 100%; } .grid-2-at-small { flex-wrap: wrap; } .grid-2-at-small > * { width: 50%; } .grid-3-at-small { flex-wrap: wrap; } .grid-3-at-small > * { width: 33.3333333333%; } .grid-4-at-small { flex-wrap: wrap; } .grid-4-at-small > * { width: 25%; } .grid-5-at-small { flex-wrap: wrap; } .grid-5-at-small > * { width: 20%; } .grid-space-base-at-small, .grid-col-space-base-at-small { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-small > *, .grid-col-space-base-at-small > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-small, .grid-row-space-base-at-small { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-small > *, .grid-row-space-base-at-small > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-small.gap-base, .grid-space-base-at-small.gap-vert-base, .grid-space-base-at-small.gap-bottom-base, .grid-row-space-base-at-small.gap-base, .grid-row-space-base-at-small.gap-vert-base, .grid-row-space-base-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-small.gap-line, .grid-space-base-at-small.gap-vert-line, .grid-space-base-at-small.gap-bottom-line, .grid-row-space-base-at-small.gap-line, .grid-row-space-base-at-small.gap-vert-line, .grid-row-space-base-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-small.gap-small, .grid-space-base-at-small.gap-vert-small, .grid-space-base-at-small.gap-bottom-small, .grid-row-space-base-at-small.gap-small, .grid-row-space-base-at-small.gap-vert-small, .grid-row-space-base-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-small.gap-medium, .grid-space-base-at-small.gap-vert-medium, .grid-space-base-at-small.gap-bottom-medium, .grid-row-space-base-at-small.gap-medium, .grid-row-space-base-at-small.gap-vert-medium, .grid-row-space-base-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-small.gap-large, .grid-space-base-at-small.gap-vert-large, .grid-space-base-at-small.gap-bottom-large, .grid-row-space-base-at-small.gap-large, .grid-row-space-base-at-small.gap-vert-large, .grid-row-space-base-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-small.gap-xl, .grid-space-base-at-small.gap-vert-xl, .grid-space-base-at-small.gap-bottom-xl, .grid-row-space-base-at-small.gap-xl, .grid-row-space-base-at-small.gap-vert-xl, .grid-row-space-base-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-small.gap-xxl, .grid-space-base-at-small.gap-vert-xxl, .grid-space-base-at-small.gap-bottom-xxl, .grid-row-space-base-at-small.gap-xxl, .grid-row-space-base-at-small.gap-vert-xxl, .grid-row-space-base-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-small.gap-none, .grid-space-base-at-small.gap-vert-none, .grid-space-base-at-small.gap-bottom-none, .grid-row-space-base-at-small.gap-none, .grid-row-space-base-at-small.gap-vert-none, .grid-row-space-base-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-small, .grid-col-space-line-at-small { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-small > *, .grid-col-space-line-at-small > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-small, .grid-row-space-line-at-small { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-small > *, .grid-row-space-line-at-small > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-small.gap-base, .grid-space-line-at-small.gap-vert-base, .grid-space-line-at-small.gap-bottom-base, .grid-row-space-line-at-small.gap-base, .grid-row-space-line-at-small.gap-vert-base, .grid-row-space-line-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-small.gap-line, .grid-space-line-at-small.gap-vert-line, .grid-space-line-at-small.gap-bottom-line, .grid-row-space-line-at-small.gap-line, .grid-row-space-line-at-small.gap-vert-line, .grid-row-space-line-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-small.gap-small, .grid-space-line-at-small.gap-vert-small, .grid-space-line-at-small.gap-bottom-small, .grid-row-space-line-at-small.gap-small, .grid-row-space-line-at-small.gap-vert-small, .grid-row-space-line-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-small.gap-medium, .grid-space-line-at-small.gap-vert-medium, .grid-space-line-at-small.gap-bottom-medium, .grid-row-space-line-at-small.gap-medium, .grid-row-space-line-at-small.gap-vert-medium, .grid-row-space-line-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-small.gap-large, .grid-space-line-at-small.gap-vert-large, .grid-space-line-at-small.gap-bottom-large, .grid-row-space-line-at-small.gap-large, .grid-row-space-line-at-small.gap-vert-large, .grid-row-space-line-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-small.gap-xl, .grid-space-line-at-small.gap-vert-xl, .grid-space-line-at-small.gap-bottom-xl, .grid-row-space-line-at-small.gap-xl, .grid-row-space-line-at-small.gap-vert-xl, .grid-row-space-line-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-small.gap-xxl, .grid-space-line-at-small.gap-vert-xxl, .grid-space-line-at-small.gap-bottom-xxl, .grid-row-space-line-at-small.gap-xxl, .grid-row-space-line-at-small.gap-vert-xxl, .grid-row-space-line-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-small.gap-none, .grid-space-line-at-small.gap-vert-none, .grid-space-line-at-small.gap-bottom-none, .grid-row-space-line-at-small.gap-none, .grid-row-space-line-at-small.gap-vert-none, .grid-row-space-line-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-small, .grid-col-space-small-at-small { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-small > *, .grid-col-space-small-at-small > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-small, .grid-row-space-small-at-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-small > *, .grid-row-space-small-at-small > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-small.gap-base, .grid-space-small-at-small.gap-vert-base, .grid-space-small-at-small.gap-bottom-base, .grid-row-space-small-at-small.gap-base, .grid-row-space-small-at-small.gap-vert-base, .grid-row-space-small-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-small.gap-line, .grid-space-small-at-small.gap-vert-line, .grid-space-small-at-small.gap-bottom-line, .grid-row-space-small-at-small.gap-line, .grid-row-space-small-at-small.gap-vert-line, .grid-row-space-small-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-small.gap-small, .grid-space-small-at-small.gap-vert-small, .grid-space-small-at-small.gap-bottom-small, .grid-row-space-small-at-small.gap-small, .grid-row-space-small-at-small.gap-vert-small, .grid-row-space-small-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-small.gap-medium, .grid-space-small-at-small.gap-vert-medium, .grid-space-small-at-small.gap-bottom-medium, .grid-row-space-small-at-small.gap-medium, .grid-row-space-small-at-small.gap-vert-medium, .grid-row-space-small-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-small.gap-large, .grid-space-small-at-small.gap-vert-large, .grid-space-small-at-small.gap-bottom-large, .grid-row-space-small-at-small.gap-large, .grid-row-space-small-at-small.gap-vert-large, .grid-row-space-small-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-small.gap-xl, .grid-space-small-at-small.gap-vert-xl, .grid-space-small-at-small.gap-bottom-xl, .grid-row-space-small-at-small.gap-xl, .grid-row-space-small-at-small.gap-vert-xl, .grid-row-space-small-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-small.gap-xxl, .grid-space-small-at-small.gap-vert-xxl, .grid-space-small-at-small.gap-bottom-xxl, .grid-row-space-small-at-small.gap-xxl, .grid-row-space-small-at-small.gap-vert-xxl, .grid-row-space-small-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-small.gap-none, .grid-space-small-at-small.gap-vert-none, .grid-space-small-at-small.gap-bottom-none, .grid-row-space-small-at-small.gap-none, .grid-row-space-small-at-small.gap-vert-none, .grid-row-space-small-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-small, .grid-col-space-medium-at-small { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-small > *, .grid-col-space-medium-at-small > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-small, .grid-row-space-medium-at-small { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-small > *, .grid-row-space-medium-at-small > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-small.gap-base, .grid-space-medium-at-small.gap-vert-base, .grid-space-medium-at-small.gap-bottom-base, .grid-row-space-medium-at-small.gap-base, .grid-row-space-medium-at-small.gap-vert-base, .grid-row-space-medium-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-line, .grid-space-medium-at-small.gap-vert-line, .grid-space-medium-at-small.gap-bottom-line, .grid-row-space-medium-at-small.gap-line, .grid-row-space-medium-at-small.gap-vert-line, .grid-row-space-medium-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-small, .grid-space-medium-at-small.gap-vert-small, .grid-space-medium-at-small.gap-bottom-small, .grid-row-space-medium-at-small.gap-small, .grid-row-space-medium-at-small.gap-vert-small, .grid-row-space-medium-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-medium, .grid-space-medium-at-small.gap-vert-medium, .grid-space-medium-at-small.gap-bottom-medium, .grid-row-space-medium-at-small.gap-medium, .grid-row-space-medium-at-small.gap-vert-medium, .grid-row-space-medium-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-large, .grid-space-medium-at-small.gap-vert-large, .grid-space-medium-at-small.gap-bottom-large, .grid-row-space-medium-at-small.gap-large, .grid-row-space-medium-at-small.gap-vert-large, .grid-row-space-medium-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-xl, .grid-space-medium-at-small.gap-vert-xl, .grid-space-medium-at-small.gap-bottom-xl, .grid-row-space-medium-at-small.gap-xl, .grid-row-space-medium-at-small.gap-vert-xl, .grid-row-space-medium-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-xxl, .grid-space-medium-at-small.gap-vert-xxl, .grid-space-medium-at-small.gap-bottom-xxl, .grid-row-space-medium-at-small.gap-xxl, .grid-row-space-medium-at-small.gap-vert-xxl, .grid-row-space-medium-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-small.gap-none, .grid-space-medium-at-small.gap-vert-none, .grid-space-medium-at-small.gap-bottom-none, .grid-row-space-medium-at-small.gap-none, .grid-row-space-medium-at-small.gap-vert-none, .grid-row-space-medium-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-small, .grid-col-space-large-at-small { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-small > *, .grid-col-space-large-at-small > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-small, .grid-row-space-large-at-small { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-small > *, .grid-row-space-large-at-small > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-small.gap-base, .grid-space-large-at-small.gap-vert-base, .grid-space-large-at-small.gap-bottom-base, .grid-row-space-large-at-small.gap-base, .grid-row-space-large-at-small.gap-vert-base, .grid-row-space-large-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-small.gap-line, .grid-space-large-at-small.gap-vert-line, .grid-space-large-at-small.gap-bottom-line, .grid-row-space-large-at-small.gap-line, .grid-row-space-large-at-small.gap-vert-line, .grid-row-space-large-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-small.gap-small, .grid-space-large-at-small.gap-vert-small, .grid-space-large-at-small.gap-bottom-small, .grid-row-space-large-at-small.gap-small, .grid-row-space-large-at-small.gap-vert-small, .grid-row-space-large-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-small.gap-medium, .grid-space-large-at-small.gap-vert-medium, .grid-space-large-at-small.gap-bottom-medium, .grid-row-space-large-at-small.gap-medium, .grid-row-space-large-at-small.gap-vert-medium, .grid-row-space-large-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-small.gap-large, .grid-space-large-at-small.gap-vert-large, .grid-space-large-at-small.gap-bottom-large, .grid-row-space-large-at-small.gap-large, .grid-row-space-large-at-small.gap-vert-large, .grid-row-space-large-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-small.gap-xl, .grid-space-large-at-small.gap-vert-xl, .grid-space-large-at-small.gap-bottom-xl, .grid-row-space-large-at-small.gap-xl, .grid-row-space-large-at-small.gap-vert-xl, .grid-row-space-large-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-small.gap-xxl, .grid-space-large-at-small.gap-vert-xxl, .grid-space-large-at-small.gap-bottom-xxl, .grid-row-space-large-at-small.gap-xxl, .grid-row-space-large-at-small.gap-vert-xxl, .grid-row-space-large-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-small.gap-none, .grid-space-large-at-small.gap-vert-none, .grid-space-large-at-small.gap-bottom-none, .grid-row-space-large-at-small.gap-none, .grid-row-space-large-at-small.gap-vert-none, .grid-row-space-large-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-small, .grid-col-space-xl-at-small { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-small > *, .grid-col-space-xl-at-small > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-small, .grid-row-space-xl-at-small { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-small > *, .grid-row-space-xl-at-small > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-small.gap-base, .grid-space-xl-at-small.gap-vert-base, .grid-space-xl-at-small.gap-bottom-base, .grid-row-space-xl-at-small.gap-base, .grid-row-space-xl-at-small.gap-vert-base, .grid-row-space-xl-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-line, .grid-space-xl-at-small.gap-vert-line, .grid-space-xl-at-small.gap-bottom-line, .grid-row-space-xl-at-small.gap-line, .grid-row-space-xl-at-small.gap-vert-line, .grid-row-space-xl-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-small, .grid-space-xl-at-small.gap-vert-small, .grid-space-xl-at-small.gap-bottom-small, .grid-row-space-xl-at-small.gap-small, .grid-row-space-xl-at-small.gap-vert-small, .grid-row-space-xl-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-medium, .grid-space-xl-at-small.gap-vert-medium, .grid-space-xl-at-small.gap-bottom-medium, .grid-row-space-xl-at-small.gap-medium, .grid-row-space-xl-at-small.gap-vert-medium, .grid-row-space-xl-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-large, .grid-space-xl-at-small.gap-vert-large, .grid-space-xl-at-small.gap-bottom-large, .grid-row-space-xl-at-small.gap-large, .grid-row-space-xl-at-small.gap-vert-large, .grid-row-space-xl-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-xl, .grid-space-xl-at-small.gap-vert-xl, .grid-space-xl-at-small.gap-bottom-xl, .grid-row-space-xl-at-small.gap-xl, .grid-row-space-xl-at-small.gap-vert-xl, .grid-row-space-xl-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-xxl, .grid-space-xl-at-small.gap-vert-xxl, .grid-space-xl-at-small.gap-bottom-xxl, .grid-row-space-xl-at-small.gap-xxl, .grid-row-space-xl-at-small.gap-vert-xxl, .grid-row-space-xl-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-small.gap-none, .grid-space-xl-at-small.gap-vert-none, .grid-space-xl-at-small.gap-bottom-none, .grid-row-space-xl-at-small.gap-none, .grid-row-space-xl-at-small.gap-vert-none, .grid-row-space-xl-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-small, .grid-col-space-xxl-at-small { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-small > *, .grid-col-space-xxl-at-small > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-small, .grid-row-space-xxl-at-small { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-small > *, .grid-row-space-xxl-at-small > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-small.gap-base, .grid-space-xxl-at-small.gap-vert-base, .grid-space-xxl-at-small.gap-bottom-base, .grid-row-space-xxl-at-small.gap-base, .grid-row-space-xxl-at-small.gap-vert-base, .grid-row-space-xxl-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-line, .grid-space-xxl-at-small.gap-vert-line, .grid-space-xxl-at-small.gap-bottom-line, .grid-row-space-xxl-at-small.gap-line, .grid-row-space-xxl-at-small.gap-vert-line, .grid-row-space-xxl-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-small, .grid-space-xxl-at-small.gap-vert-small, .grid-space-xxl-at-small.gap-bottom-small, .grid-row-space-xxl-at-small.gap-small, .grid-row-space-xxl-at-small.gap-vert-small, .grid-row-space-xxl-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-medium, .grid-space-xxl-at-small.gap-vert-medium, .grid-space-xxl-at-small.gap-bottom-medium, .grid-row-space-xxl-at-small.gap-medium, .grid-row-space-xxl-at-small.gap-vert-medium, .grid-row-space-xxl-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-large, .grid-space-xxl-at-small.gap-vert-large, .grid-space-xxl-at-small.gap-bottom-large, .grid-row-space-xxl-at-small.gap-large, .grid-row-space-xxl-at-small.gap-vert-large, .grid-row-space-xxl-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-xl, .grid-space-xxl-at-small.gap-vert-xl, .grid-space-xxl-at-small.gap-bottom-xl, .grid-row-space-xxl-at-small.gap-xl, .grid-row-space-xxl-at-small.gap-vert-xl, .grid-row-space-xxl-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-xxl, .grid-space-xxl-at-small.gap-vert-xxl, .grid-space-xxl-at-small.gap-bottom-xxl, .grid-row-space-xxl-at-small.gap-xxl, .grid-row-space-xxl-at-small.gap-vert-xxl, .grid-row-space-xxl-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-small.gap-none, .grid-space-xxl-at-small.gap-vert-none, .grid-space-xxl-at-small.gap-bottom-none, .grid-row-space-xxl-at-small.gap-none, .grid-row-space-xxl-at-small.gap-vert-none, .grid-row-space-xxl-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-small, .grid-col-space-none-at-small { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-small > *, .grid-col-space-none-at-small > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-small, .grid-row-space-none-at-small { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-small > *, .grid-row-space-none-at-small > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-small.gap-base, .grid-space-none-at-small.gap-vert-base, .grid-space-none-at-small.gap-bottom-base, .grid-row-space-none-at-small.gap-base, .grid-row-space-none-at-small.gap-vert-base, .grid-row-space-none-at-small.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-small.gap-line, .grid-space-none-at-small.gap-vert-line, .grid-space-none-at-small.gap-bottom-line, .grid-row-space-none-at-small.gap-line, .grid-row-space-none-at-small.gap-vert-line, .grid-row-space-none-at-small.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-small.gap-small, .grid-space-none-at-small.gap-vert-small, .grid-space-none-at-small.gap-bottom-small, .grid-row-space-none-at-small.gap-small, .grid-row-space-none-at-small.gap-vert-small, .grid-row-space-none-at-small.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-small.gap-medium, .grid-space-none-at-small.gap-vert-medium, .grid-space-none-at-small.gap-bottom-medium, .grid-row-space-none-at-small.gap-medium, .grid-row-space-none-at-small.gap-vert-medium, .grid-row-space-none-at-small.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-small.gap-large, .grid-space-none-at-small.gap-vert-large, .grid-space-none-at-small.gap-bottom-large, .grid-row-space-none-at-small.gap-large, .grid-row-space-none-at-small.gap-vert-large, .grid-row-space-none-at-small.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-small.gap-xl, .grid-space-none-at-small.gap-vert-xl, .grid-space-none-at-small.gap-bottom-xl, .grid-row-space-none-at-small.gap-xl, .grid-row-space-none-at-small.gap-vert-xl, .grid-row-space-none-at-small.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-small.gap-xxl, .grid-space-none-at-small.gap-vert-xxl, .grid-space-none-at-small.gap-bottom-xxl, .grid-row-space-none-at-small.gap-xxl, .grid-row-space-none-at-small.gap-vert-xxl, .grid-row-space-none-at-small.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-small.gap-none, .grid-space-none-at-small.gap-vert-none, .grid-space-none-at-small.gap-bottom-none, .grid-row-space-none-at-small.gap-none, .grid-row-space-none-at-small.gap-vert-none, .grid-row-space-none-at-small.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-small, .flex-align-left-at-small { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-small, .flex-align-center-at-small { display: flex !important; justify-content: center !important; } .grid-align-right-at-small, .flex-align-right-at-small { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-small, .flex-align-justify-at-small { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-small, .flex-valign-top-at-small { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-small, .flex-valign-middle-at-small { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-small, .flex-valign-bottom-at-small { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-small, .flex-valign-justify-at-small { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } @media (min-width: 1023px) { .grid-auto-at-medium > *, .grid-flex-at-medium > * { width: auto; } .grid-flex-at-medium { display: flex; flex-wrap: nowrap; } .grid-flex-at-medium > * { flex: 0 1 auto; } .grid-1-at-medium { flex-wrap: wrap; } .grid-1-at-medium > * { width: 100%; } .grid-2-at-medium { flex-wrap: wrap; } .grid-2-at-medium > * { width: 50%; } .grid-3-at-medium { flex-wrap: wrap; } .grid-3-at-medium > * { width: 33.3333333333%; } .grid-4-at-medium { flex-wrap: wrap; } .grid-4-at-medium > * { width: 25%; } .grid-5-at-medium { flex-wrap: wrap; } .grid-5-at-medium > * { width: 20%; } .grid-space-base-at-medium, .grid-col-space-base-at-medium { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-medium > *, .grid-col-space-base-at-medium > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-medium, .grid-row-space-base-at-medium { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-medium > *, .grid-row-space-base-at-medium > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-medium.gap-base, .grid-space-base-at-medium.gap-vert-base, .grid-space-base-at-medium.gap-bottom-base, .grid-row-space-base-at-medium.gap-base, .grid-row-space-base-at-medium.gap-vert-base, .grid-row-space-base-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-line, .grid-space-base-at-medium.gap-vert-line, .grid-space-base-at-medium.gap-bottom-line, .grid-row-space-base-at-medium.gap-line, .grid-row-space-base-at-medium.gap-vert-line, .grid-row-space-base-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-small, .grid-space-base-at-medium.gap-vert-small, .grid-space-base-at-medium.gap-bottom-small, .grid-row-space-base-at-medium.gap-small, .grid-row-space-base-at-medium.gap-vert-small, .grid-row-space-base-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-medium, .grid-space-base-at-medium.gap-vert-medium, .grid-space-base-at-medium.gap-bottom-medium, .grid-row-space-base-at-medium.gap-medium, .grid-row-space-base-at-medium.gap-vert-medium, .grid-row-space-base-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-large, .grid-space-base-at-medium.gap-vert-large, .grid-space-base-at-medium.gap-bottom-large, .grid-row-space-base-at-medium.gap-large, .grid-row-space-base-at-medium.gap-vert-large, .grid-row-space-base-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-xl, .grid-space-base-at-medium.gap-vert-xl, .grid-space-base-at-medium.gap-bottom-xl, .grid-row-space-base-at-medium.gap-xl, .grid-row-space-base-at-medium.gap-vert-xl, .grid-row-space-base-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-xxl, .grid-space-base-at-medium.gap-vert-xxl, .grid-space-base-at-medium.gap-bottom-xxl, .grid-row-space-base-at-medium.gap-xxl, .grid-row-space-base-at-medium.gap-vert-xxl, .grid-row-space-base-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-medium.gap-none, .grid-space-base-at-medium.gap-vert-none, .grid-space-base-at-medium.gap-bottom-none, .grid-row-space-base-at-medium.gap-none, .grid-row-space-base-at-medium.gap-vert-none, .grid-row-space-base-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-medium, .grid-col-space-line-at-medium { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-medium > *, .grid-col-space-line-at-medium > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-medium, .grid-row-space-line-at-medium { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-medium > *, .grid-row-space-line-at-medium > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-medium.gap-base, .grid-space-line-at-medium.gap-vert-base, .grid-space-line-at-medium.gap-bottom-base, .grid-row-space-line-at-medium.gap-base, .grid-row-space-line-at-medium.gap-vert-base, .grid-row-space-line-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-line, .grid-space-line-at-medium.gap-vert-line, .grid-space-line-at-medium.gap-bottom-line, .grid-row-space-line-at-medium.gap-line, .grid-row-space-line-at-medium.gap-vert-line, .grid-row-space-line-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-small, .grid-space-line-at-medium.gap-vert-small, .grid-space-line-at-medium.gap-bottom-small, .grid-row-space-line-at-medium.gap-small, .grid-row-space-line-at-medium.gap-vert-small, .grid-row-space-line-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-medium, .grid-space-line-at-medium.gap-vert-medium, .grid-space-line-at-medium.gap-bottom-medium, .grid-row-space-line-at-medium.gap-medium, .grid-row-space-line-at-medium.gap-vert-medium, .grid-row-space-line-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-large, .grid-space-line-at-medium.gap-vert-large, .grid-space-line-at-medium.gap-bottom-large, .grid-row-space-line-at-medium.gap-large, .grid-row-space-line-at-medium.gap-vert-large, .grid-row-space-line-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-xl, .grid-space-line-at-medium.gap-vert-xl, .grid-space-line-at-medium.gap-bottom-xl, .grid-row-space-line-at-medium.gap-xl, .grid-row-space-line-at-medium.gap-vert-xl, .grid-row-space-line-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-xxl, .grid-space-line-at-medium.gap-vert-xxl, .grid-space-line-at-medium.gap-bottom-xxl, .grid-row-space-line-at-medium.gap-xxl, .grid-row-space-line-at-medium.gap-vert-xxl, .grid-row-space-line-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-medium.gap-none, .grid-space-line-at-medium.gap-vert-none, .grid-space-line-at-medium.gap-bottom-none, .grid-row-space-line-at-medium.gap-none, .grid-row-space-line-at-medium.gap-vert-none, .grid-row-space-line-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-medium, .grid-col-space-small-at-medium { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-medium > *, .grid-col-space-small-at-medium > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-medium, .grid-row-space-small-at-medium { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-medium > *, .grid-row-space-small-at-medium > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-medium.gap-base, .grid-space-small-at-medium.gap-vert-base, .grid-space-small-at-medium.gap-bottom-base, .grid-row-space-small-at-medium.gap-base, .grid-row-space-small-at-medium.gap-vert-base, .grid-row-space-small-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-line, .grid-space-small-at-medium.gap-vert-line, .grid-space-small-at-medium.gap-bottom-line, .grid-row-space-small-at-medium.gap-line, .grid-row-space-small-at-medium.gap-vert-line, .grid-row-space-small-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-small, .grid-space-small-at-medium.gap-vert-small, .grid-space-small-at-medium.gap-bottom-small, .grid-row-space-small-at-medium.gap-small, .grid-row-space-small-at-medium.gap-vert-small, .grid-row-space-small-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-medium, .grid-space-small-at-medium.gap-vert-medium, .grid-space-small-at-medium.gap-bottom-medium, .grid-row-space-small-at-medium.gap-medium, .grid-row-space-small-at-medium.gap-vert-medium, .grid-row-space-small-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-large, .grid-space-small-at-medium.gap-vert-large, .grid-space-small-at-medium.gap-bottom-large, .grid-row-space-small-at-medium.gap-large, .grid-row-space-small-at-medium.gap-vert-large, .grid-row-space-small-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-xl, .grid-space-small-at-medium.gap-vert-xl, .grid-space-small-at-medium.gap-bottom-xl, .grid-row-space-small-at-medium.gap-xl, .grid-row-space-small-at-medium.gap-vert-xl, .grid-row-space-small-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-xxl, .grid-space-small-at-medium.gap-vert-xxl, .grid-space-small-at-medium.gap-bottom-xxl, .grid-row-space-small-at-medium.gap-xxl, .grid-row-space-small-at-medium.gap-vert-xxl, .grid-row-space-small-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-medium.gap-none, .grid-space-small-at-medium.gap-vert-none, .grid-space-small-at-medium.gap-bottom-none, .grid-row-space-small-at-medium.gap-none, .grid-row-space-small-at-medium.gap-vert-none, .grid-row-space-small-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-medium, .grid-col-space-medium-at-medium { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-medium > *, .grid-col-space-medium-at-medium > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-medium, .grid-row-space-medium-at-medium { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-medium > *, .grid-row-space-medium-at-medium > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-medium.gap-base, .grid-space-medium-at-medium.gap-vert-base, .grid-space-medium-at-medium.gap-bottom-base, .grid-row-space-medium-at-medium.gap-base, .grid-row-space-medium-at-medium.gap-vert-base, .grid-row-space-medium-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-line, .grid-space-medium-at-medium.gap-vert-line, .grid-space-medium-at-medium.gap-bottom-line, .grid-row-space-medium-at-medium.gap-line, .grid-row-space-medium-at-medium.gap-vert-line, .grid-row-space-medium-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-small, .grid-space-medium-at-medium.gap-vert-small, .grid-space-medium-at-medium.gap-bottom-small, .grid-row-space-medium-at-medium.gap-small, .grid-row-space-medium-at-medium.gap-vert-small, .grid-row-space-medium-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-medium, .grid-space-medium-at-medium.gap-vert-medium, .grid-space-medium-at-medium.gap-bottom-medium, .grid-row-space-medium-at-medium.gap-medium, .grid-row-space-medium-at-medium.gap-vert-medium, .grid-row-space-medium-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-large, .grid-space-medium-at-medium.gap-vert-large, .grid-space-medium-at-medium.gap-bottom-large, .grid-row-space-medium-at-medium.gap-large, .grid-row-space-medium-at-medium.gap-vert-large, .grid-row-space-medium-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-xl, .grid-space-medium-at-medium.gap-vert-xl, .grid-space-medium-at-medium.gap-bottom-xl, .grid-row-space-medium-at-medium.gap-xl, .grid-row-space-medium-at-medium.gap-vert-xl, .grid-row-space-medium-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-xxl, .grid-space-medium-at-medium.gap-vert-xxl, .grid-space-medium-at-medium.gap-bottom-xxl, .grid-row-space-medium-at-medium.gap-xxl, .grid-row-space-medium-at-medium.gap-vert-xxl, .grid-row-space-medium-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-medium.gap-none, .grid-space-medium-at-medium.gap-vert-none, .grid-space-medium-at-medium.gap-bottom-none, .grid-row-space-medium-at-medium.gap-none, .grid-row-space-medium-at-medium.gap-vert-none, .grid-row-space-medium-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-medium, .grid-col-space-large-at-medium { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-medium > *, .grid-col-space-large-at-medium > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-medium, .grid-row-space-large-at-medium { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-medium > *, .grid-row-space-large-at-medium > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-medium.gap-base, .grid-space-large-at-medium.gap-vert-base, .grid-space-large-at-medium.gap-bottom-base, .grid-row-space-large-at-medium.gap-base, .grid-row-space-large-at-medium.gap-vert-base, .grid-row-space-large-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-line, .grid-space-large-at-medium.gap-vert-line, .grid-space-large-at-medium.gap-bottom-line, .grid-row-space-large-at-medium.gap-line, .grid-row-space-large-at-medium.gap-vert-line, .grid-row-space-large-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-small, .grid-space-large-at-medium.gap-vert-small, .grid-space-large-at-medium.gap-bottom-small, .grid-row-space-large-at-medium.gap-small, .grid-row-space-large-at-medium.gap-vert-small, .grid-row-space-large-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-medium, .grid-space-large-at-medium.gap-vert-medium, .grid-space-large-at-medium.gap-bottom-medium, .grid-row-space-large-at-medium.gap-medium, .grid-row-space-large-at-medium.gap-vert-medium, .grid-row-space-large-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-large, .grid-space-large-at-medium.gap-vert-large, .grid-space-large-at-medium.gap-bottom-large, .grid-row-space-large-at-medium.gap-large, .grid-row-space-large-at-medium.gap-vert-large, .grid-row-space-large-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-xl, .grid-space-large-at-medium.gap-vert-xl, .grid-space-large-at-medium.gap-bottom-xl, .grid-row-space-large-at-medium.gap-xl, .grid-row-space-large-at-medium.gap-vert-xl, .grid-row-space-large-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-xxl, .grid-space-large-at-medium.gap-vert-xxl, .grid-space-large-at-medium.gap-bottom-xxl, .grid-row-space-large-at-medium.gap-xxl, .grid-row-space-large-at-medium.gap-vert-xxl, .grid-row-space-large-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-medium.gap-none, .grid-space-large-at-medium.gap-vert-none, .grid-space-large-at-medium.gap-bottom-none, .grid-row-space-large-at-medium.gap-none, .grid-row-space-large-at-medium.gap-vert-none, .grid-row-space-large-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-medium, .grid-col-space-xl-at-medium { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-medium > *, .grid-col-space-xl-at-medium > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-medium, .grid-row-space-xl-at-medium { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-medium > *, .grid-row-space-xl-at-medium > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-medium.gap-base, .grid-space-xl-at-medium.gap-vert-base, .grid-space-xl-at-medium.gap-bottom-base, .grid-row-space-xl-at-medium.gap-base, .grid-row-space-xl-at-medium.gap-vert-base, .grid-row-space-xl-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-line, .grid-space-xl-at-medium.gap-vert-line, .grid-space-xl-at-medium.gap-bottom-line, .grid-row-space-xl-at-medium.gap-line, .grid-row-space-xl-at-medium.gap-vert-line, .grid-row-space-xl-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-small, .grid-space-xl-at-medium.gap-vert-small, .grid-space-xl-at-medium.gap-bottom-small, .grid-row-space-xl-at-medium.gap-small, .grid-row-space-xl-at-medium.gap-vert-small, .grid-row-space-xl-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-medium, .grid-space-xl-at-medium.gap-vert-medium, .grid-space-xl-at-medium.gap-bottom-medium, .grid-row-space-xl-at-medium.gap-medium, .grid-row-space-xl-at-medium.gap-vert-medium, .grid-row-space-xl-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-large, .grid-space-xl-at-medium.gap-vert-large, .grid-space-xl-at-medium.gap-bottom-large, .grid-row-space-xl-at-medium.gap-large, .grid-row-space-xl-at-medium.gap-vert-large, .grid-row-space-xl-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-xl, .grid-space-xl-at-medium.gap-vert-xl, .grid-space-xl-at-medium.gap-bottom-xl, .grid-row-space-xl-at-medium.gap-xl, .grid-row-space-xl-at-medium.gap-vert-xl, .grid-row-space-xl-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-xxl, .grid-space-xl-at-medium.gap-vert-xxl, .grid-space-xl-at-medium.gap-bottom-xxl, .grid-row-space-xl-at-medium.gap-xxl, .grid-row-space-xl-at-medium.gap-vert-xxl, .grid-row-space-xl-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-medium.gap-none, .grid-space-xl-at-medium.gap-vert-none, .grid-space-xl-at-medium.gap-bottom-none, .grid-row-space-xl-at-medium.gap-none, .grid-row-space-xl-at-medium.gap-vert-none, .grid-row-space-xl-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-medium, .grid-col-space-xxl-at-medium { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-medium > *, .grid-col-space-xxl-at-medium > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-medium, .grid-row-space-xxl-at-medium { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-medium > *, .grid-row-space-xxl-at-medium > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-medium.gap-base, .grid-space-xxl-at-medium.gap-vert-base, .grid-space-xxl-at-medium.gap-bottom-base, .grid-row-space-xxl-at-medium.gap-base, .grid-row-space-xxl-at-medium.gap-vert-base, .grid-row-space-xxl-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-line, .grid-space-xxl-at-medium.gap-vert-line, .grid-space-xxl-at-medium.gap-bottom-line, .grid-row-space-xxl-at-medium.gap-line, .grid-row-space-xxl-at-medium.gap-vert-line, .grid-row-space-xxl-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-small, .grid-space-xxl-at-medium.gap-vert-small, .grid-space-xxl-at-medium.gap-bottom-small, .grid-row-space-xxl-at-medium.gap-small, .grid-row-space-xxl-at-medium.gap-vert-small, .grid-row-space-xxl-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-medium, .grid-space-xxl-at-medium.gap-vert-medium, .grid-space-xxl-at-medium.gap-bottom-medium, .grid-row-space-xxl-at-medium.gap-medium, .grid-row-space-xxl-at-medium.gap-vert-medium, .grid-row-space-xxl-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-large, .grid-space-xxl-at-medium.gap-vert-large, .grid-space-xxl-at-medium.gap-bottom-large, .grid-row-space-xxl-at-medium.gap-large, .grid-row-space-xxl-at-medium.gap-vert-large, .grid-row-space-xxl-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-xl, .grid-space-xxl-at-medium.gap-vert-xl, .grid-space-xxl-at-medium.gap-bottom-xl, .grid-row-space-xxl-at-medium.gap-xl, .grid-row-space-xxl-at-medium.gap-vert-xl, .grid-row-space-xxl-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-xxl, .grid-space-xxl-at-medium.gap-vert-xxl, .grid-space-xxl-at-medium.gap-bottom-xxl, .grid-row-space-xxl-at-medium.gap-xxl, .grid-row-space-xxl-at-medium.gap-vert-xxl, .grid-row-space-xxl-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-medium.gap-none, .grid-space-xxl-at-medium.gap-vert-none, .grid-space-xxl-at-medium.gap-bottom-none, .grid-row-space-xxl-at-medium.gap-none, .grid-row-space-xxl-at-medium.gap-vert-none, .grid-row-space-xxl-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-medium, .grid-col-space-none-at-medium { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-medium > *, .grid-col-space-none-at-medium > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-medium, .grid-row-space-none-at-medium { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-medium > *, .grid-row-space-none-at-medium > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-medium.gap-base, .grid-space-none-at-medium.gap-vert-base, .grid-space-none-at-medium.gap-bottom-base, .grid-row-space-none-at-medium.gap-base, .grid-row-space-none-at-medium.gap-vert-base, .grid-row-space-none-at-medium.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-line, .grid-space-none-at-medium.gap-vert-line, .grid-space-none-at-medium.gap-bottom-line, .grid-row-space-none-at-medium.gap-line, .grid-row-space-none-at-medium.gap-vert-line, .grid-row-space-none-at-medium.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-small, .grid-space-none-at-medium.gap-vert-small, .grid-space-none-at-medium.gap-bottom-small, .grid-row-space-none-at-medium.gap-small, .grid-row-space-none-at-medium.gap-vert-small, .grid-row-space-none-at-medium.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-medium, .grid-space-none-at-medium.gap-vert-medium, .grid-space-none-at-medium.gap-bottom-medium, .grid-row-space-none-at-medium.gap-medium, .grid-row-space-none-at-medium.gap-vert-medium, .grid-row-space-none-at-medium.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-large, .grid-space-none-at-medium.gap-vert-large, .grid-space-none-at-medium.gap-bottom-large, .grid-row-space-none-at-medium.gap-large, .grid-row-space-none-at-medium.gap-vert-large, .grid-row-space-none-at-medium.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-xl, .grid-space-none-at-medium.gap-vert-xl, .grid-space-none-at-medium.gap-bottom-xl, .grid-row-space-none-at-medium.gap-xl, .grid-row-space-none-at-medium.gap-vert-xl, .grid-row-space-none-at-medium.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-xxl, .grid-space-none-at-medium.gap-vert-xxl, .grid-space-none-at-medium.gap-bottom-xxl, .grid-row-space-none-at-medium.gap-xxl, .grid-row-space-none-at-medium.gap-vert-xxl, .grid-row-space-none-at-medium.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-medium.gap-none, .grid-space-none-at-medium.gap-vert-none, .grid-space-none-at-medium.gap-bottom-none, .grid-row-space-none-at-medium.gap-none, .grid-row-space-none-at-medium.gap-vert-none, .grid-row-space-none-at-medium.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-medium, .flex-align-left-at-medium { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-medium, .flex-align-center-at-medium { display: flex !important; justify-content: center !important; } .grid-align-right-at-medium, .flex-align-right-at-medium { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-medium, .flex-align-justify-at-medium { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-medium, .flex-valign-top-at-medium { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-medium, .flex-valign-middle-at-medium { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-medium, .flex-valign-bottom-at-medium { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-medium, .flex-valign-justify-at-medium { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } @media (min-width: 1240px) { .grid-auto-at-large > *, .grid-flex-at-large > * { width: auto; } .grid-flex-at-large { display: flex; flex-wrap: nowrap; } .grid-flex-at-large > * { flex: 0 1 auto; } .grid-1-at-large { flex-wrap: wrap; } .grid-1-at-large > * { width: 100%; } .grid-2-at-large { flex-wrap: wrap; } .grid-2-at-large > * { width: 50%; } .grid-3-at-large { flex-wrap: wrap; } .grid-3-at-large > * { width: 33.3333333333%; } .grid-4-at-large { flex-wrap: wrap; } .grid-4-at-large > * { width: 25%; } .grid-5-at-large { flex-wrap: wrap; } .grid-5-at-large > * { width: 20%; } .grid-space-base-at-large, .grid-col-space-base-at-large { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-large > *, .grid-col-space-base-at-large > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-large, .grid-row-space-base-at-large { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-large > *, .grid-row-space-base-at-large > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-large.gap-base, .grid-space-base-at-large.gap-vert-base, .grid-space-base-at-large.gap-bottom-base, .grid-row-space-base-at-large.gap-base, .grid-row-space-base-at-large.gap-vert-base, .grid-row-space-base-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-large.gap-line, .grid-space-base-at-large.gap-vert-line, .grid-space-base-at-large.gap-bottom-line, .grid-row-space-base-at-large.gap-line, .grid-row-space-base-at-large.gap-vert-line, .grid-row-space-base-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-large.gap-small, .grid-space-base-at-large.gap-vert-small, .grid-space-base-at-large.gap-bottom-small, .grid-row-space-base-at-large.gap-small, .grid-row-space-base-at-large.gap-vert-small, .grid-row-space-base-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-large.gap-medium, .grid-space-base-at-large.gap-vert-medium, .grid-space-base-at-large.gap-bottom-medium, .grid-row-space-base-at-large.gap-medium, .grid-row-space-base-at-large.gap-vert-medium, .grid-row-space-base-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-large.gap-large, .grid-space-base-at-large.gap-vert-large, .grid-space-base-at-large.gap-bottom-large, .grid-row-space-base-at-large.gap-large, .grid-row-space-base-at-large.gap-vert-large, .grid-row-space-base-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-large.gap-xl, .grid-space-base-at-large.gap-vert-xl, .grid-space-base-at-large.gap-bottom-xl, .grid-row-space-base-at-large.gap-xl, .grid-row-space-base-at-large.gap-vert-xl, .grid-row-space-base-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-large.gap-xxl, .grid-space-base-at-large.gap-vert-xxl, .grid-space-base-at-large.gap-bottom-xxl, .grid-row-space-base-at-large.gap-xxl, .grid-row-space-base-at-large.gap-vert-xxl, .grid-row-space-base-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-large.gap-none, .grid-space-base-at-large.gap-vert-none, .grid-space-base-at-large.gap-bottom-none, .grid-row-space-base-at-large.gap-none, .grid-row-space-base-at-large.gap-vert-none, .grid-row-space-base-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-large, .grid-col-space-line-at-large { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-large > *, .grid-col-space-line-at-large > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-large, .grid-row-space-line-at-large { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-large > *, .grid-row-space-line-at-large > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-large.gap-base, .grid-space-line-at-large.gap-vert-base, .grid-space-line-at-large.gap-bottom-base, .grid-row-space-line-at-large.gap-base, .grid-row-space-line-at-large.gap-vert-base, .grid-row-space-line-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-large.gap-line, .grid-space-line-at-large.gap-vert-line, .grid-space-line-at-large.gap-bottom-line, .grid-row-space-line-at-large.gap-line, .grid-row-space-line-at-large.gap-vert-line, .grid-row-space-line-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-large.gap-small, .grid-space-line-at-large.gap-vert-small, .grid-space-line-at-large.gap-bottom-small, .grid-row-space-line-at-large.gap-small, .grid-row-space-line-at-large.gap-vert-small, .grid-row-space-line-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-large.gap-medium, .grid-space-line-at-large.gap-vert-medium, .grid-space-line-at-large.gap-bottom-medium, .grid-row-space-line-at-large.gap-medium, .grid-row-space-line-at-large.gap-vert-medium, .grid-row-space-line-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-large.gap-large, .grid-space-line-at-large.gap-vert-large, .grid-space-line-at-large.gap-bottom-large, .grid-row-space-line-at-large.gap-large, .grid-row-space-line-at-large.gap-vert-large, .grid-row-space-line-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-large.gap-xl, .grid-space-line-at-large.gap-vert-xl, .grid-space-line-at-large.gap-bottom-xl, .grid-row-space-line-at-large.gap-xl, .grid-row-space-line-at-large.gap-vert-xl, .grid-row-space-line-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-large.gap-xxl, .grid-space-line-at-large.gap-vert-xxl, .grid-space-line-at-large.gap-bottom-xxl, .grid-row-space-line-at-large.gap-xxl, .grid-row-space-line-at-large.gap-vert-xxl, .grid-row-space-line-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-large.gap-none, .grid-space-line-at-large.gap-vert-none, .grid-space-line-at-large.gap-bottom-none, .grid-row-space-line-at-large.gap-none, .grid-row-space-line-at-large.gap-vert-none, .grid-row-space-line-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-large, .grid-col-space-small-at-large { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-large > *, .grid-col-space-small-at-large > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-large, .grid-row-space-small-at-large { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-large > *, .grid-row-space-small-at-large > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-large.gap-base, .grid-space-small-at-large.gap-vert-base, .grid-space-small-at-large.gap-bottom-base, .grid-row-space-small-at-large.gap-base, .grid-row-space-small-at-large.gap-vert-base, .grid-row-space-small-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-large.gap-line, .grid-space-small-at-large.gap-vert-line, .grid-space-small-at-large.gap-bottom-line, .grid-row-space-small-at-large.gap-line, .grid-row-space-small-at-large.gap-vert-line, .grid-row-space-small-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-large.gap-small, .grid-space-small-at-large.gap-vert-small, .grid-space-small-at-large.gap-bottom-small, .grid-row-space-small-at-large.gap-small, .grid-row-space-small-at-large.gap-vert-small, .grid-row-space-small-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-large.gap-medium, .grid-space-small-at-large.gap-vert-medium, .grid-space-small-at-large.gap-bottom-medium, .grid-row-space-small-at-large.gap-medium, .grid-row-space-small-at-large.gap-vert-medium, .grid-row-space-small-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-large.gap-large, .grid-space-small-at-large.gap-vert-large, .grid-space-small-at-large.gap-bottom-large, .grid-row-space-small-at-large.gap-large, .grid-row-space-small-at-large.gap-vert-large, .grid-row-space-small-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-large.gap-xl, .grid-space-small-at-large.gap-vert-xl, .grid-space-small-at-large.gap-bottom-xl, .grid-row-space-small-at-large.gap-xl, .grid-row-space-small-at-large.gap-vert-xl, .grid-row-space-small-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-large.gap-xxl, .grid-space-small-at-large.gap-vert-xxl, .grid-space-small-at-large.gap-bottom-xxl, .grid-row-space-small-at-large.gap-xxl, .grid-row-space-small-at-large.gap-vert-xxl, .grid-row-space-small-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-large.gap-none, .grid-space-small-at-large.gap-vert-none, .grid-space-small-at-large.gap-bottom-none, .grid-row-space-small-at-large.gap-none, .grid-row-space-small-at-large.gap-vert-none, .grid-row-space-small-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-large, .grid-col-space-medium-at-large { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-large > *, .grid-col-space-medium-at-large > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-large, .grid-row-space-medium-at-large { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-large > *, .grid-row-space-medium-at-large > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-large.gap-base, .grid-space-medium-at-large.gap-vert-base, .grid-space-medium-at-large.gap-bottom-base, .grid-row-space-medium-at-large.gap-base, .grid-row-space-medium-at-large.gap-vert-base, .grid-row-space-medium-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-line, .grid-space-medium-at-large.gap-vert-line, .grid-space-medium-at-large.gap-bottom-line, .grid-row-space-medium-at-large.gap-line, .grid-row-space-medium-at-large.gap-vert-line, .grid-row-space-medium-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-small, .grid-space-medium-at-large.gap-vert-small, .grid-space-medium-at-large.gap-bottom-small, .grid-row-space-medium-at-large.gap-small, .grid-row-space-medium-at-large.gap-vert-small, .grid-row-space-medium-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-medium, .grid-space-medium-at-large.gap-vert-medium, .grid-space-medium-at-large.gap-bottom-medium, .grid-row-space-medium-at-large.gap-medium, .grid-row-space-medium-at-large.gap-vert-medium, .grid-row-space-medium-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-large, .grid-space-medium-at-large.gap-vert-large, .grid-space-medium-at-large.gap-bottom-large, .grid-row-space-medium-at-large.gap-large, .grid-row-space-medium-at-large.gap-vert-large, .grid-row-space-medium-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-xl, .grid-space-medium-at-large.gap-vert-xl, .grid-space-medium-at-large.gap-bottom-xl, .grid-row-space-medium-at-large.gap-xl, .grid-row-space-medium-at-large.gap-vert-xl, .grid-row-space-medium-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-xxl, .grid-space-medium-at-large.gap-vert-xxl, .grid-space-medium-at-large.gap-bottom-xxl, .grid-row-space-medium-at-large.gap-xxl, .grid-row-space-medium-at-large.gap-vert-xxl, .grid-row-space-medium-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-large.gap-none, .grid-space-medium-at-large.gap-vert-none, .grid-space-medium-at-large.gap-bottom-none, .grid-row-space-medium-at-large.gap-none, .grid-row-space-medium-at-large.gap-vert-none, .grid-row-space-medium-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-large, .grid-col-space-large-at-large { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-large > *, .grid-col-space-large-at-large > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-large, .grid-row-space-large-at-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-large > *, .grid-row-space-large-at-large > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-large.gap-base, .grid-space-large-at-large.gap-vert-base, .grid-space-large-at-large.gap-bottom-base, .grid-row-space-large-at-large.gap-base, .grid-row-space-large-at-large.gap-vert-base, .grid-row-space-large-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-large.gap-line, .grid-space-large-at-large.gap-vert-line, .grid-space-large-at-large.gap-bottom-line, .grid-row-space-large-at-large.gap-line, .grid-row-space-large-at-large.gap-vert-line, .grid-row-space-large-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-large.gap-small, .grid-space-large-at-large.gap-vert-small, .grid-space-large-at-large.gap-bottom-small, .grid-row-space-large-at-large.gap-small, .grid-row-space-large-at-large.gap-vert-small, .grid-row-space-large-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-large.gap-medium, .grid-space-large-at-large.gap-vert-medium, .grid-space-large-at-large.gap-bottom-medium, .grid-row-space-large-at-large.gap-medium, .grid-row-space-large-at-large.gap-vert-medium, .grid-row-space-large-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-large.gap-large, .grid-space-large-at-large.gap-vert-large, .grid-space-large-at-large.gap-bottom-large, .grid-row-space-large-at-large.gap-large, .grid-row-space-large-at-large.gap-vert-large, .grid-row-space-large-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-large.gap-xl, .grid-space-large-at-large.gap-vert-xl, .grid-space-large-at-large.gap-bottom-xl, .grid-row-space-large-at-large.gap-xl, .grid-row-space-large-at-large.gap-vert-xl, .grid-row-space-large-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-large.gap-xxl, .grid-space-large-at-large.gap-vert-xxl, .grid-space-large-at-large.gap-bottom-xxl, .grid-row-space-large-at-large.gap-xxl, .grid-row-space-large-at-large.gap-vert-xxl, .grid-row-space-large-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-large.gap-none, .grid-space-large-at-large.gap-vert-none, .grid-space-large-at-large.gap-bottom-none, .grid-row-space-large-at-large.gap-none, .grid-row-space-large-at-large.gap-vert-none, .grid-row-space-large-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-large, .grid-col-space-xl-at-large { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-large > *, .grid-col-space-xl-at-large > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-large, .grid-row-space-xl-at-large { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-large > *, .grid-row-space-xl-at-large > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-large.gap-base, .grid-space-xl-at-large.gap-vert-base, .grid-space-xl-at-large.gap-bottom-base, .grid-row-space-xl-at-large.gap-base, .grid-row-space-xl-at-large.gap-vert-base, .grid-row-space-xl-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-line, .grid-space-xl-at-large.gap-vert-line, .grid-space-xl-at-large.gap-bottom-line, .grid-row-space-xl-at-large.gap-line, .grid-row-space-xl-at-large.gap-vert-line, .grid-row-space-xl-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-small, .grid-space-xl-at-large.gap-vert-small, .grid-space-xl-at-large.gap-bottom-small, .grid-row-space-xl-at-large.gap-small, .grid-row-space-xl-at-large.gap-vert-small, .grid-row-space-xl-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-medium, .grid-space-xl-at-large.gap-vert-medium, .grid-space-xl-at-large.gap-bottom-medium, .grid-row-space-xl-at-large.gap-medium, .grid-row-space-xl-at-large.gap-vert-medium, .grid-row-space-xl-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-large, .grid-space-xl-at-large.gap-vert-large, .grid-space-xl-at-large.gap-bottom-large, .grid-row-space-xl-at-large.gap-large, .grid-row-space-xl-at-large.gap-vert-large, .grid-row-space-xl-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-xl, .grid-space-xl-at-large.gap-vert-xl, .grid-space-xl-at-large.gap-bottom-xl, .grid-row-space-xl-at-large.gap-xl, .grid-row-space-xl-at-large.gap-vert-xl, .grid-row-space-xl-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-xxl, .grid-space-xl-at-large.gap-vert-xxl, .grid-space-xl-at-large.gap-bottom-xxl, .grid-row-space-xl-at-large.gap-xxl, .grid-row-space-xl-at-large.gap-vert-xxl, .grid-row-space-xl-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-large.gap-none, .grid-space-xl-at-large.gap-vert-none, .grid-space-xl-at-large.gap-bottom-none, .grid-row-space-xl-at-large.gap-none, .grid-row-space-xl-at-large.gap-vert-none, .grid-row-space-xl-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-large, .grid-col-space-xxl-at-large { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-large > *, .grid-col-space-xxl-at-large > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-large, .grid-row-space-xxl-at-large { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-large > *, .grid-row-space-xxl-at-large > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-large.gap-base, .grid-space-xxl-at-large.gap-vert-base, .grid-space-xxl-at-large.gap-bottom-base, .grid-row-space-xxl-at-large.gap-base, .grid-row-space-xxl-at-large.gap-vert-base, .grid-row-space-xxl-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-line, .grid-space-xxl-at-large.gap-vert-line, .grid-space-xxl-at-large.gap-bottom-line, .grid-row-space-xxl-at-large.gap-line, .grid-row-space-xxl-at-large.gap-vert-line, .grid-row-space-xxl-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-small, .grid-space-xxl-at-large.gap-vert-small, .grid-space-xxl-at-large.gap-bottom-small, .grid-row-space-xxl-at-large.gap-small, .grid-row-space-xxl-at-large.gap-vert-small, .grid-row-space-xxl-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-medium, .grid-space-xxl-at-large.gap-vert-medium, .grid-space-xxl-at-large.gap-bottom-medium, .grid-row-space-xxl-at-large.gap-medium, .grid-row-space-xxl-at-large.gap-vert-medium, .grid-row-space-xxl-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-large, .grid-space-xxl-at-large.gap-vert-large, .grid-space-xxl-at-large.gap-bottom-large, .grid-row-space-xxl-at-large.gap-large, .grid-row-space-xxl-at-large.gap-vert-large, .grid-row-space-xxl-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-xl, .grid-space-xxl-at-large.gap-vert-xl, .grid-space-xxl-at-large.gap-bottom-xl, .grid-row-space-xxl-at-large.gap-xl, .grid-row-space-xxl-at-large.gap-vert-xl, .grid-row-space-xxl-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-xxl, .grid-space-xxl-at-large.gap-vert-xxl, .grid-space-xxl-at-large.gap-bottom-xxl, .grid-row-space-xxl-at-large.gap-xxl, .grid-row-space-xxl-at-large.gap-vert-xxl, .grid-row-space-xxl-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-large.gap-none, .grid-space-xxl-at-large.gap-vert-none, .grid-space-xxl-at-large.gap-bottom-none, .grid-row-space-xxl-at-large.gap-none, .grid-row-space-xxl-at-large.gap-vert-none, .grid-row-space-xxl-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-large, .grid-col-space-none-at-large { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-large > *, .grid-col-space-none-at-large > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-large, .grid-row-space-none-at-large { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-large > *, .grid-row-space-none-at-large > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-large.gap-base, .grid-space-none-at-large.gap-vert-base, .grid-space-none-at-large.gap-bottom-base, .grid-row-space-none-at-large.gap-base, .grid-row-space-none-at-large.gap-vert-base, .grid-row-space-none-at-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-large.gap-line, .grid-space-none-at-large.gap-vert-line, .grid-space-none-at-large.gap-bottom-line, .grid-row-space-none-at-large.gap-line, .grid-row-space-none-at-large.gap-vert-line, .grid-row-space-none-at-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-large.gap-small, .grid-space-none-at-large.gap-vert-small, .grid-space-none-at-large.gap-bottom-small, .grid-row-space-none-at-large.gap-small, .grid-row-space-none-at-large.gap-vert-small, .grid-row-space-none-at-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-large.gap-medium, .grid-space-none-at-large.gap-vert-medium, .grid-space-none-at-large.gap-bottom-medium, .grid-row-space-none-at-large.gap-medium, .grid-row-space-none-at-large.gap-vert-medium, .grid-row-space-none-at-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-large.gap-large, .grid-space-none-at-large.gap-vert-large, .grid-space-none-at-large.gap-bottom-large, .grid-row-space-none-at-large.gap-large, .grid-row-space-none-at-large.gap-vert-large, .grid-row-space-none-at-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-large.gap-xl, .grid-space-none-at-large.gap-vert-xl, .grid-space-none-at-large.gap-bottom-xl, .grid-row-space-none-at-large.gap-xl, .grid-row-space-none-at-large.gap-vert-xl, .grid-row-space-none-at-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-large.gap-xxl, .grid-space-none-at-large.gap-vert-xxl, .grid-space-none-at-large.gap-bottom-xxl, .grid-row-space-none-at-large.gap-xxl, .grid-row-space-none-at-large.gap-vert-xxl, .grid-row-space-none-at-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-large.gap-none, .grid-space-none-at-large.gap-vert-none, .grid-space-none-at-large.gap-bottom-none, .grid-row-space-none-at-large.gap-none, .grid-row-space-none-at-large.gap-vert-none, .grid-row-space-none-at-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-large, .flex-align-left-at-large { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-large, .flex-align-center-at-large { display: flex !important; justify-content: center !important; } .grid-align-right-at-large, .flex-align-right-at-large { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-large, .flex-align-justify-at-large { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-large, .flex-valign-top-at-large { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-large, .flex-valign-middle-at-large { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-large, .flex-valign-bottom-at-large { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-large, .flex-valign-justify-at-large { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } @media (min-width: 1500px) { .grid-auto-at-extra-large > *, .grid-flex-at-extra-large > * { width: auto; } .grid-flex-at-extra-large { display: flex; flex-wrap: nowrap; } .grid-flex-at-extra-large > * { flex: 0 1 auto; } .grid-1-at-extra-large { flex-wrap: wrap; } .grid-1-at-extra-large > * { width: 100%; } .grid-2-at-extra-large { flex-wrap: wrap; } .grid-2-at-extra-large > * { width: 50%; } .grid-3-at-extra-large { flex-wrap: wrap; } .grid-3-at-extra-large > * { width: 33.3333333333%; } .grid-4-at-extra-large { flex-wrap: wrap; } .grid-4-at-extra-large > * { width: 25%; } .grid-5-at-extra-large { flex-wrap: wrap; } .grid-5-at-extra-large > * { width: 20%; } .grid-space-base-at-extra-large, .grid-col-space-base-at-extra-large { margin-left: calc(-1 * calc(var(--space-base) / 2)); margin-right: calc(-1 * calc(var(--space-base) / 2)); } .grid-space-base-at-extra-large > *, .grid-col-space-base-at-extra-large > * { padding-left: calc(var(--space-base) / 2); padding-right: calc(var(--space-base) / 2); } .grid-space-base-at-extra-large, .grid-row-space-base-at-extra-large { margin-bottom: calc(-1 * var(--space-base)) !important; } .grid-space-base-at-extra-large > *, .grid-row-space-base-at-extra-large > * { margin-bottom: var(--space-base) !important; } .grid-space-base-at-extra-large.gap-base, .grid-space-base-at-extra-large.gap-vert-base, .grid-space-base-at-extra-large.gap-bottom-base, .grid-row-space-base-at-extra-large.gap-base, .grid-row-space-base-at-extra-large.gap-vert-base, .grid-row-space-base-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-line, .grid-space-base-at-extra-large.gap-vert-line, .grid-space-base-at-extra-large.gap-bottom-line, .grid-row-space-base-at-extra-large.gap-line, .grid-row-space-base-at-extra-large.gap-vert-line, .grid-row-space-base-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-small, .grid-space-base-at-extra-large.gap-vert-small, .grid-space-base-at-extra-large.gap-bottom-small, .grid-row-space-base-at-extra-large.gap-small, .grid-row-space-base-at-extra-large.gap-vert-small, .grid-row-space-base-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-medium, .grid-space-base-at-extra-large.gap-vert-medium, .grid-space-base-at-extra-large.gap-bottom-medium, .grid-row-space-base-at-extra-large.gap-medium, .grid-row-space-base-at-extra-large.gap-vert-medium, .grid-row-space-base-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-large, .grid-space-base-at-extra-large.gap-vert-large, .grid-space-base-at-extra-large.gap-bottom-large, .grid-row-space-base-at-extra-large.gap-large, .grid-row-space-base-at-extra-large.gap-vert-large, .grid-row-space-base-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-xl, .grid-space-base-at-extra-large.gap-vert-xl, .grid-space-base-at-extra-large.gap-bottom-xl, .grid-row-space-base-at-extra-large.gap-xl, .grid-row-space-base-at-extra-large.gap-vert-xl, .grid-row-space-base-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-xxl, .grid-space-base-at-extra-large.gap-vert-xxl, .grid-space-base-at-extra-large.gap-bottom-xxl, .grid-row-space-base-at-extra-large.gap-xxl, .grid-row-space-base-at-extra-large.gap-vert-xxl, .grid-row-space-base-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-base)) !important; } .grid-space-base-at-extra-large.gap-none, .grid-space-base-at-extra-large.gap-vert-none, .grid-space-base-at-extra-large.gap-bottom-none, .grid-row-space-base-at-extra-large.gap-none, .grid-row-space-base-at-extra-large.gap-vert-none, .grid-row-space-base-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-base)) !important; } .grid-space-line-at-extra-large, .grid-col-space-line-at-extra-large { margin-left: calc(-1 * calc(var(--space-line) / 2)); margin-right: calc(-1 * calc(var(--space-line) / 2)); } .grid-space-line-at-extra-large > *, .grid-col-space-line-at-extra-large > * { padding-left: calc(var(--space-line) / 2); padding-right: calc(var(--space-line) / 2); } .grid-space-line-at-extra-large, .grid-row-space-line-at-extra-large { margin-bottom: calc(-1 * var(--space-line)) !important; } .grid-space-line-at-extra-large > *, .grid-row-space-line-at-extra-large > * { margin-bottom: var(--space-line) !important; } .grid-space-line-at-extra-large.gap-base, .grid-space-line-at-extra-large.gap-vert-base, .grid-space-line-at-extra-large.gap-bottom-base, .grid-row-space-line-at-extra-large.gap-base, .grid-row-space-line-at-extra-large.gap-vert-base, .grid-row-space-line-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-line, .grid-space-line-at-extra-large.gap-vert-line, .grid-space-line-at-extra-large.gap-bottom-line, .grid-row-space-line-at-extra-large.gap-line, .grid-row-space-line-at-extra-large.gap-vert-line, .grid-row-space-line-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-small, .grid-space-line-at-extra-large.gap-vert-small, .grid-space-line-at-extra-large.gap-bottom-small, .grid-row-space-line-at-extra-large.gap-small, .grid-row-space-line-at-extra-large.gap-vert-small, .grid-row-space-line-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-medium, .grid-space-line-at-extra-large.gap-vert-medium, .grid-space-line-at-extra-large.gap-bottom-medium, .grid-row-space-line-at-extra-large.gap-medium, .grid-row-space-line-at-extra-large.gap-vert-medium, .grid-row-space-line-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-large, .grid-space-line-at-extra-large.gap-vert-large, .grid-space-line-at-extra-large.gap-bottom-large, .grid-row-space-line-at-extra-large.gap-large, .grid-row-space-line-at-extra-large.gap-vert-large, .grid-row-space-line-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-xl, .grid-space-line-at-extra-large.gap-vert-xl, .grid-space-line-at-extra-large.gap-bottom-xl, .grid-row-space-line-at-extra-large.gap-xl, .grid-row-space-line-at-extra-large.gap-vert-xl, .grid-row-space-line-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-xxl, .grid-space-line-at-extra-large.gap-vert-xxl, .grid-space-line-at-extra-large.gap-bottom-xxl, .grid-row-space-line-at-extra-large.gap-xxl, .grid-row-space-line-at-extra-large.gap-vert-xxl, .grid-row-space-line-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-line)) !important; } .grid-space-line-at-extra-large.gap-none, .grid-space-line-at-extra-large.gap-vert-none, .grid-space-line-at-extra-large.gap-bottom-none, .grid-row-space-line-at-extra-large.gap-none, .grid-row-space-line-at-extra-large.gap-vert-none, .grid-row-space-line-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-line)) !important; } .grid-space-small-at-extra-large, .grid-col-space-small-at-extra-large { margin-left: calc(-1 * calc(var(--space-small) / 2)); margin-right: calc(-1 * calc(var(--space-small) / 2)); } .grid-space-small-at-extra-large > *, .grid-col-space-small-at-extra-large > * { padding-left: calc(var(--space-small) / 2); padding-right: calc(var(--space-small) / 2); } .grid-space-small-at-extra-large, .grid-row-space-small-at-extra-large { margin-bottom: calc(-1 * var(--space-small)) !important; } .grid-space-small-at-extra-large > *, .grid-row-space-small-at-extra-large > * { margin-bottom: var(--space-small) !important; } .grid-space-small-at-extra-large.gap-base, .grid-space-small-at-extra-large.gap-vert-base, .grid-space-small-at-extra-large.gap-bottom-base, .grid-row-space-small-at-extra-large.gap-base, .grid-row-space-small-at-extra-large.gap-vert-base, .grid-row-space-small-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-line, .grid-space-small-at-extra-large.gap-vert-line, .grid-space-small-at-extra-large.gap-bottom-line, .grid-row-space-small-at-extra-large.gap-line, .grid-row-space-small-at-extra-large.gap-vert-line, .grid-row-space-small-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-small, .grid-space-small-at-extra-large.gap-vert-small, .grid-space-small-at-extra-large.gap-bottom-small, .grid-row-space-small-at-extra-large.gap-small, .grid-row-space-small-at-extra-large.gap-vert-small, .grid-row-space-small-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-medium, .grid-space-small-at-extra-large.gap-vert-medium, .grid-space-small-at-extra-large.gap-bottom-medium, .grid-row-space-small-at-extra-large.gap-medium, .grid-row-space-small-at-extra-large.gap-vert-medium, .grid-row-space-small-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-large, .grid-space-small-at-extra-large.gap-vert-large, .grid-space-small-at-extra-large.gap-bottom-large, .grid-row-space-small-at-extra-large.gap-large, .grid-row-space-small-at-extra-large.gap-vert-large, .grid-row-space-small-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-xl, .grid-space-small-at-extra-large.gap-vert-xl, .grid-space-small-at-extra-large.gap-bottom-xl, .grid-row-space-small-at-extra-large.gap-xl, .grid-row-space-small-at-extra-large.gap-vert-xl, .grid-row-space-small-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-xxl, .grid-space-small-at-extra-large.gap-vert-xxl, .grid-space-small-at-extra-large.gap-bottom-xxl, .grid-row-space-small-at-extra-large.gap-xxl, .grid-row-space-small-at-extra-large.gap-vert-xxl, .grid-row-space-small-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-small)) !important; } .grid-space-small-at-extra-large.gap-none, .grid-space-small-at-extra-large.gap-vert-none, .grid-space-small-at-extra-large.gap-bottom-none, .grid-row-space-small-at-extra-large.gap-none, .grid-row-space-small-at-extra-large.gap-vert-none, .grid-row-space-small-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-small)) !important; } .grid-space-medium-at-extra-large, .grid-col-space-medium-at-extra-large { margin-left: calc(-1 * calc(var(--space-medium) / 2)); margin-right: calc(-1 * calc(var(--space-medium) / 2)); } .grid-space-medium-at-extra-large > *, .grid-col-space-medium-at-extra-large > * { padding-left: calc(var(--space-medium) / 2); padding-right: calc(var(--space-medium) / 2); } .grid-space-medium-at-extra-large, .grid-row-space-medium-at-extra-large { margin-bottom: calc(-1 * var(--space-medium)) !important; } .grid-space-medium-at-extra-large > *, .grid-row-space-medium-at-extra-large > * { margin-bottom: var(--space-medium) !important; } .grid-space-medium-at-extra-large.gap-base, .grid-space-medium-at-extra-large.gap-vert-base, .grid-space-medium-at-extra-large.gap-bottom-base, .grid-row-space-medium-at-extra-large.gap-base, .grid-row-space-medium-at-extra-large.gap-vert-base, .grid-row-space-medium-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-line, .grid-space-medium-at-extra-large.gap-vert-line, .grid-space-medium-at-extra-large.gap-bottom-line, .grid-row-space-medium-at-extra-large.gap-line, .grid-row-space-medium-at-extra-large.gap-vert-line, .grid-row-space-medium-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-small, .grid-space-medium-at-extra-large.gap-vert-small, .grid-space-medium-at-extra-large.gap-bottom-small, .grid-row-space-medium-at-extra-large.gap-small, .grid-row-space-medium-at-extra-large.gap-vert-small, .grid-row-space-medium-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-medium, .grid-space-medium-at-extra-large.gap-vert-medium, .grid-space-medium-at-extra-large.gap-bottom-medium, .grid-row-space-medium-at-extra-large.gap-medium, .grid-row-space-medium-at-extra-large.gap-vert-medium, .grid-row-space-medium-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-large, .grid-space-medium-at-extra-large.gap-vert-large, .grid-space-medium-at-extra-large.gap-bottom-large, .grid-row-space-medium-at-extra-large.gap-large, .grid-row-space-medium-at-extra-large.gap-vert-large, .grid-row-space-medium-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-xl, .grid-space-medium-at-extra-large.gap-vert-xl, .grid-space-medium-at-extra-large.gap-bottom-xl, .grid-row-space-medium-at-extra-large.gap-xl, .grid-row-space-medium-at-extra-large.gap-vert-xl, .grid-row-space-medium-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-xxl, .grid-space-medium-at-extra-large.gap-vert-xxl, .grid-space-medium-at-extra-large.gap-bottom-xxl, .grid-row-space-medium-at-extra-large.gap-xxl, .grid-row-space-medium-at-extra-large.gap-vert-xxl, .grid-row-space-medium-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-medium)) !important; } .grid-space-medium-at-extra-large.gap-none, .grid-space-medium-at-extra-large.gap-vert-none, .grid-space-medium-at-extra-large.gap-bottom-none, .grid-row-space-medium-at-extra-large.gap-none, .grid-row-space-medium-at-extra-large.gap-vert-none, .grid-row-space-medium-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-medium)) !important; } .grid-space-large-at-extra-large, .grid-col-space-large-at-extra-large { margin-left: calc(-1 * calc(var(--space-large) / 2)); margin-right: calc(-1 * calc(var(--space-large) / 2)); } .grid-space-large-at-extra-large > *, .grid-col-space-large-at-extra-large > * { padding-left: calc(var(--space-large) / 2); padding-right: calc(var(--space-large) / 2); } .grid-space-large-at-extra-large, .grid-row-space-large-at-extra-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .grid-space-large-at-extra-large > *, .grid-row-space-large-at-extra-large > * { margin-bottom: var(--space-large) !important; } .grid-space-large-at-extra-large.gap-base, .grid-space-large-at-extra-large.gap-vert-base, .grid-space-large-at-extra-large.gap-bottom-base, .grid-row-space-large-at-extra-large.gap-base, .grid-row-space-large-at-extra-large.gap-vert-base, .grid-row-space-large-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-line, .grid-space-large-at-extra-large.gap-vert-line, .grid-space-large-at-extra-large.gap-bottom-line, .grid-row-space-large-at-extra-large.gap-line, .grid-row-space-large-at-extra-large.gap-vert-line, .grid-row-space-large-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-small, .grid-space-large-at-extra-large.gap-vert-small, .grid-space-large-at-extra-large.gap-bottom-small, .grid-row-space-large-at-extra-large.gap-small, .grid-row-space-large-at-extra-large.gap-vert-small, .grid-row-space-large-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-medium, .grid-space-large-at-extra-large.gap-vert-medium, .grid-space-large-at-extra-large.gap-bottom-medium, .grid-row-space-large-at-extra-large.gap-medium, .grid-row-space-large-at-extra-large.gap-vert-medium, .grid-row-space-large-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-large, .grid-space-large-at-extra-large.gap-vert-large, .grid-space-large-at-extra-large.gap-bottom-large, .grid-row-space-large-at-extra-large.gap-large, .grid-row-space-large-at-extra-large.gap-vert-large, .grid-row-space-large-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-xl, .grid-space-large-at-extra-large.gap-vert-xl, .grid-space-large-at-extra-large.gap-bottom-xl, .grid-row-space-large-at-extra-large.gap-xl, .grid-row-space-large-at-extra-large.gap-vert-xl, .grid-row-space-large-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-xxl, .grid-space-large-at-extra-large.gap-vert-xxl, .grid-space-large-at-extra-large.gap-bottom-xxl, .grid-row-space-large-at-extra-large.gap-xxl, .grid-row-space-large-at-extra-large.gap-vert-xxl, .grid-row-space-large-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-large)) !important; } .grid-space-large-at-extra-large.gap-none, .grid-space-large-at-extra-large.gap-vert-none, .grid-space-large-at-extra-large.gap-bottom-none, .grid-row-space-large-at-extra-large.gap-none, .grid-row-space-large-at-extra-large.gap-vert-none, .grid-row-space-large-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-large)) !important; } .grid-space-xl-at-extra-large, .grid-col-space-xl-at-extra-large { margin-left: calc(-1 * calc(var(--space-xl) / 2)); margin-right: calc(-1 * calc(var(--space-xl) / 2)); } .grid-space-xl-at-extra-large > *, .grid-col-space-xl-at-extra-large > * { padding-left: calc(var(--space-xl) / 2); padding-right: calc(var(--space-xl) / 2); } .grid-space-xl-at-extra-large, .grid-row-space-xl-at-extra-large { margin-bottom: calc(-1 * var(--space-xl)) !important; } .grid-space-xl-at-extra-large > *, .grid-row-space-xl-at-extra-large > * { margin-bottom: var(--space-xl) !important; } .grid-space-xl-at-extra-large.gap-base, .grid-space-xl-at-extra-large.gap-vert-base, .grid-space-xl-at-extra-large.gap-bottom-base, .grid-row-space-xl-at-extra-large.gap-base, .grid-row-space-xl-at-extra-large.gap-vert-base, .grid-row-space-xl-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-line, .grid-space-xl-at-extra-large.gap-vert-line, .grid-space-xl-at-extra-large.gap-bottom-line, .grid-row-space-xl-at-extra-large.gap-line, .grid-row-space-xl-at-extra-large.gap-vert-line, .grid-row-space-xl-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-small, .grid-space-xl-at-extra-large.gap-vert-small, .grid-space-xl-at-extra-large.gap-bottom-small, .grid-row-space-xl-at-extra-large.gap-small, .grid-row-space-xl-at-extra-large.gap-vert-small, .grid-row-space-xl-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-medium, .grid-space-xl-at-extra-large.gap-vert-medium, .grid-space-xl-at-extra-large.gap-bottom-medium, .grid-row-space-xl-at-extra-large.gap-medium, .grid-row-space-xl-at-extra-large.gap-vert-medium, .grid-row-space-xl-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-large, .grid-space-xl-at-extra-large.gap-vert-large, .grid-space-xl-at-extra-large.gap-bottom-large, .grid-row-space-xl-at-extra-large.gap-large, .grid-row-space-xl-at-extra-large.gap-vert-large, .grid-row-space-xl-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-xl, .grid-space-xl-at-extra-large.gap-vert-xl, .grid-space-xl-at-extra-large.gap-bottom-xl, .grid-row-space-xl-at-extra-large.gap-xl, .grid-row-space-xl-at-extra-large.gap-vert-xl, .grid-row-space-xl-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-xxl, .grid-space-xl-at-extra-large.gap-vert-xxl, .grid-space-xl-at-extra-large.gap-bottom-xxl, .grid-row-space-xl-at-extra-large.gap-xxl, .grid-row-space-xl-at-extra-large.gap-vert-xxl, .grid-row-space-xl-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xl)) !important; } .grid-space-xl-at-extra-large.gap-none, .grid-space-xl-at-extra-large.gap-vert-none, .grid-space-xl-at-extra-large.gap-bottom-none, .grid-row-space-xl-at-extra-large.gap-none, .grid-row-space-xl-at-extra-large.gap-vert-none, .grid-row-space-xl-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xl)) !important; } .grid-space-xxl-at-extra-large, .grid-col-space-xxl-at-extra-large { margin-left: calc(-1 * calc(var(--space-xxl) / 2)); margin-right: calc(-1 * calc(var(--space-xxl) / 2)); } .grid-space-xxl-at-extra-large > *, .grid-col-space-xxl-at-extra-large > * { padding-left: calc(var(--space-xxl) / 2); padding-right: calc(var(--space-xxl) / 2); } .grid-space-xxl-at-extra-large, .grid-row-space-xxl-at-extra-large { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large > *, .grid-row-space-xxl-at-extra-large > * { margin-bottom: var(--space-xxl) !important; } .grid-space-xxl-at-extra-large.gap-base, .grid-space-xxl-at-extra-large.gap-vert-base, .grid-space-xxl-at-extra-large.gap-bottom-base, .grid-row-space-xxl-at-extra-large.gap-base, .grid-row-space-xxl-at-extra-large.gap-vert-base, .grid-row-space-xxl-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-line, .grid-space-xxl-at-extra-large.gap-vert-line, .grid-space-xxl-at-extra-large.gap-bottom-line, .grid-row-space-xxl-at-extra-large.gap-line, .grid-row-space-xxl-at-extra-large.gap-vert-line, .grid-row-space-xxl-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-small, .grid-space-xxl-at-extra-large.gap-vert-small, .grid-space-xxl-at-extra-large.gap-bottom-small, .grid-row-space-xxl-at-extra-large.gap-small, .grid-row-space-xxl-at-extra-large.gap-vert-small, .grid-row-space-xxl-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-medium, .grid-space-xxl-at-extra-large.gap-vert-medium, .grid-space-xxl-at-extra-large.gap-bottom-medium, .grid-row-space-xxl-at-extra-large.gap-medium, .grid-row-space-xxl-at-extra-large.gap-vert-medium, .grid-row-space-xxl-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-large, .grid-space-xxl-at-extra-large.gap-vert-large, .grid-space-xxl-at-extra-large.gap-bottom-large, .grid-row-space-xxl-at-extra-large.gap-large, .grid-row-space-xxl-at-extra-large.gap-vert-large, .grid-row-space-xxl-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-xl, .grid-space-xxl-at-extra-large.gap-vert-xl, .grid-space-xxl-at-extra-large.gap-bottom-xl, .grid-row-space-xxl-at-extra-large.gap-xl, .grid-row-space-xxl-at-extra-large.gap-vert-xl, .grid-row-space-xxl-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-xxl, .grid-space-xxl-at-extra-large.gap-vert-xxl, .grid-space-xxl-at-extra-large.gap-bottom-xxl, .grid-row-space-xxl-at-extra-large.gap-xxl, .grid-row-space-xxl-at-extra-large.gap-vert-xxl, .grid-row-space-xxl-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-xxl)) !important; } .grid-space-xxl-at-extra-large.gap-none, .grid-space-xxl-at-extra-large.gap-vert-none, .grid-space-xxl-at-extra-large.gap-bottom-none, .grid-row-space-xxl-at-extra-large.gap-none, .grid-row-space-xxl-at-extra-large.gap-vert-none, .grid-row-space-xxl-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-xxl)) !important; } .grid-space-none-at-extra-large, .grid-col-space-none-at-extra-large { margin-left: calc(-1 * calc(var(--space-none) / 2)); margin-right: calc(-1 * calc(var(--space-none) / 2)); } .grid-space-none-at-extra-large > *, .grid-col-space-none-at-extra-large > * { padding-left: calc(var(--space-none) / 2); padding-right: calc(var(--space-none) / 2); } .grid-space-none-at-extra-large, .grid-row-space-none-at-extra-large { margin-bottom: calc(-1 * var(--space-none)) !important; } .grid-space-none-at-extra-large > *, .grid-row-space-none-at-extra-large > * { margin-bottom: var(--space-none) !important; } .grid-space-none-at-extra-large.gap-base, .grid-space-none-at-extra-large.gap-vert-base, .grid-space-none-at-extra-large.gap-bottom-base, .grid-row-space-none-at-extra-large.gap-base, .grid-row-space-none-at-extra-large.gap-vert-base, .grid-row-space-none-at-extra-large.gap-bottom-base { margin-bottom: calc(var(--space-base) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-line, .grid-space-none-at-extra-large.gap-vert-line, .grid-space-none-at-extra-large.gap-bottom-line, .grid-row-space-none-at-extra-large.gap-line, .grid-row-space-none-at-extra-large.gap-vert-line, .grid-row-space-none-at-extra-large.gap-bottom-line { margin-bottom: calc(var(--space-line) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-small, .grid-space-none-at-extra-large.gap-vert-small, .grid-space-none-at-extra-large.gap-bottom-small, .grid-row-space-none-at-extra-large.gap-small, .grid-row-space-none-at-extra-large.gap-vert-small, .grid-row-space-none-at-extra-large.gap-bottom-small { margin-bottom: calc(var(--space-small) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-medium, .grid-space-none-at-extra-large.gap-vert-medium, .grid-space-none-at-extra-large.gap-bottom-medium, .grid-row-space-none-at-extra-large.gap-medium, .grid-row-space-none-at-extra-large.gap-vert-medium, .grid-row-space-none-at-extra-large.gap-bottom-medium { margin-bottom: calc(var(--space-medium) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-large, .grid-space-none-at-extra-large.gap-vert-large, .grid-space-none-at-extra-large.gap-bottom-large, .grid-row-space-none-at-extra-large.gap-large, .grid-row-space-none-at-extra-large.gap-vert-large, .grid-row-space-none-at-extra-large.gap-bottom-large { margin-bottom: calc(var(--space-large) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-xl, .grid-space-none-at-extra-large.gap-vert-xl, .grid-space-none-at-extra-large.gap-bottom-xl, .grid-row-space-none-at-extra-large.gap-xl, .grid-row-space-none-at-extra-large.gap-vert-xl, .grid-row-space-none-at-extra-large.gap-bottom-xl { margin-bottom: calc(var(--space-xl) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-xxl, .grid-space-none-at-extra-large.gap-vert-xxl, .grid-space-none-at-extra-large.gap-bottom-xxl, .grid-row-space-none-at-extra-large.gap-xxl, .grid-row-space-none-at-extra-large.gap-vert-xxl, .grid-row-space-none-at-extra-large.gap-bottom-xxl { margin-bottom: calc(var(--space-xxl) - var(--space-none)) !important; } .grid-space-none-at-extra-large.gap-none, .grid-space-none-at-extra-large.gap-vert-none, .grid-space-none-at-extra-large.gap-bottom-none, .grid-row-space-none-at-extra-large.gap-none, .grid-row-space-none-at-extra-large.gap-vert-none, .grid-row-space-none-at-extra-large.gap-bottom-none { margin-bottom: calc(var(--space-none) - var(--space-none)) !important; } .grid-align-left-at-extra-large, .flex-align-left-at-extra-large { display: flex !important; justify-content: flex-start !important; } .grid-align-center-at-extra-large, .flex-align-center-at-extra-large { display: flex !important; justify-content: center !important; } .grid-align-right-at-extra-large, .flex-align-right-at-extra-large { display: flex !important; justify-content: flex-end !important; } .grid-align-justify-at-extra-large, .flex-align-justify-at-extra-large { display: flex !important; justify-content: space-between !important; } .grid-valign-top-at-extra-large, .flex-valign-top-at-extra-large { display: flex !important; align-content: flex-start !important; align-items: flex-start !important; } .grid-valign-middle-at-extra-large, .flex-valign-middle-at-extra-large { display: flex !important; align-content: center !important; align-items: center !important; } .grid-valign-bottom-at-extra-large, .flex-valign-bottom-at-extra-large { display: flex !important; align-content: flex-end !important; align-items: flex-end !important; } .grid-valign-justify-at-extra-large, .flex-valign-justify-at-extra-large { display: flex !important; align-content: space-between !important; align-items: flex-start !important; } } h1:not(:first-child), .h1:not(:first-child), h2:not(:first-child), .h2:not(:first-child), h3:not(:first-child), .h3:not(:first-child), h4:not(:first-child), .h4:not(:first-child), h5:not(:first-child), .h5:not(:first-child), h6:not(:first-child), .h6:not(:first-child) { margin-top: 2.5em; } h1:not(:last-child), .h1:not(:last-child), h2:not(:last-child), .h2:not(:last-child), h3:not(:last-child), .h3:not(:last-child), h4:not(:last-child), .h4:not(:last-child), h5:not(:last-child), .h5:not(:last-child), h6:not(:last-child), .h6:not(:last-child) { margin-bottom: 1em; } h1, .h1 { font-family: var(--font-family-h1); font-size: var(--font-size-h1-base); line-height: var(--line-height-h1-base); letter-spacing: var(--letter-spacing-h1-medium); font-weight: var(--font-weight-h1); } @media (min-width: 1023px) { h1, .h1 { font-size: var(--font-size-h1-medium); line-height: var(--line-height-h1-medium); letter-spacing: var(--letter-spacing-h1-medium); } } .type-display h1, .type-display .h1 { font-size: var(--font-size-display-h1-base); line-height: var(--line-height-display-h1-base); letter-spacing: var(--letter-spacing-display-h1-base); font-weight: var(--font-weight-display-h1); } @media (min-width: 1023px) { .type-display h1, .type-display .h1 { font-size: var(--font-size-display-h1-medium); line-height: var(--line-height-display-h1-medium); letter-spacing: var(--letter-spacing-display-h1-medium); } } h2, .h2 { font-family: var(--font-family-h2); font-size: var(--font-size-h2-base); line-height: var(--line-height-h2-base); letter-spacing: var(--letter-spacing-h2-base); font-weight: var(--font-weight-h2); } @media (min-width: 1023px) { h2, .h2 { font-size: var(--font-size-h2-medium); line-height: var(--line-height-h2-medium); letter-spacing: var(--letter-spacing-h2-medium); } } .type-display h2, .type-display .h2 { font-size: var(--font-size-display-h2-base); line-height: var(--line-height-display-h2-base); letter-spacing: var(--letter-spacing-display-h2-base); } @media (min-width: 1023px) { .type-display h2, .type-display .h2 { font-size: var(--font-size-display-h2-medium); line-height: var(--line-height-display-h2-medium); letter-spacing: var(--letter-spacing-display-h2-medium); } } h3, .h3 { font-family: var(--font-family-h3); font-size: var(--font-size-h3-base); line-height: var(--line-height-h3-base); letter-spacing: var(--letter-spacing-h3-base); font-weight: var(--font-weight-h3); } @media (min-width: 1023px) { h3, .h3 { font-size: var(--font-size-h3-medium); line-height: var(--line-height-h3-medium); letter-spacing: var(--letter-spacing-h3-medium); } } .type-display h3, .type-display .h3 { font-size: var(--font-size-display-h3-base); line-height: var(--line-height-display-h3-base); letter-spacing: var(--letter-spacing-display-h3-base); } @media (min-width: 1023px) { .type-display h3, .type-display .h3 { font-size: var(--font-size-display-h3-medium); line-height: var(--line-height-display-h3-medium); letter-spacing: var(--letter-spacing-display-h3-medium); } } h4, .h4 { font-family: var(--font-family-h4); font-size: var(--font-size-h4-base); line-height: var(--line-height-h4-base); letter-spacing: var(--letter-spacing-h4-base); font-weight: var(--font-weight-h4); } @media (min-width: 1023px) { h4, .h4 { font-size: var(--font-size-h4-medium); line-height: var(--line-height-h4-medium); letter-spacing: var(--letter-spacing-h4-medium); } } .type-display h4, .type-display .h4 { font-size: var(--font-size-display-h4-base); line-height: var(--line-height-display-h4-base); letter-spacing: var(--letter-spacing-display-h4-base); } @media (min-width: 1023px) { .type-display h4, .type-display .h4 { font-size: var(--font-size-display-h4-medium); line-height: var(--line-height-display-h4-medium); letter-spacing: var(--letter-spacing-display-h4-medium); } } h5, .h5 { font-family: var(--font-family-h5); font-size: var(--font-size-h5-base); line-height: var(--line-height-h5-base); font-weight: var(--font-weight-h5); } @media (min-width: 1023px) { h5, .h5 { font-size: var(--font-size-h5-medium); line-height: var(--line-height-h5-medium); letter-spacing: var(--letter-spacing-h5-medium); } } .type-display h5, .type-display .h5 { font-size: var(--font-size-display-h5-base); line-height: var(--line-height-display-h5-base); letter-spacing: var(--letter-spacing-display-normal); } @media (min-width: 1023px) { .type-display h5, .type-display .h5 { font-size: var(--font-size-display-h5-medium); line-height: var(--line-height-display-h5-medium); letter-spacing: var(--letter-spacing-display-h5-medium); } } h6, .h6 { font-family: var(--font-family-h6); font-size: var(--font-size-h6-base); line-height: var(--line-height-h6-base); font-weight: var(--font-weight-h6); } @media (min-width: 1023px) { h6, .h6 { font-size: var(--font-size-h6-medium); line-height: var(--line-height-h6-medium); } } .type-display h6, .type-display .h6 { font-size: var(--font-size-display-h6-base); line-height: var(--line-height-display-h6-base); letter-spacing: var(--letter-spacing-display-normal); } @media (min-width: 1023px) { .type-display h6, .type-display .h6 { font-size: var(--font-size-display-h6-medium); line-height: var(--line-height-display-h6-medium); } } .center-horizontally { margin-left: auto; margin-right: auto; } .align-left { text-align: left !important; } .align-center { text-align: center !important; } .align-right { text-align: right !important; } .align-justify { text-align: justify !important; } .valign-baseline { vertical-align: baseline !important; } .valign-baseline * { vertical-align: inherit; } .valign-top { vertical-align: top !important; } .valign-top * { vertical-align: inherit; } .valign-middle { vertical-align: middle !important; } .valign-middle * { vertical-align: inherit; } .valign-bottom { vertical-align: bottom !important; } .valign-bottom * { vertical-align: inherit; } @media (min-width: 375px) { .align-left-at-extra-small { text-align: left !important; } .align-center-at-extra-small { text-align: center !important; } .align-right-at-extra-small { text-align: right !important; } .align-justify-at-extra-small { text-align: justify !important; } .valign-baseline-at-extra-small { vertical-align: baseline !important; } .valign-baseline-at-extra-small * { vertical-align: inherit; } .valign-top-at-extra-small { vertical-align: top !important; } .valign-top-at-extra-small * { vertical-align: inherit; } .valign-middle-at-extra-small { vertical-align: middle !important; } .valign-middle-at-extra-small * { vertical-align: inherit; } .valign-bottom-at-extra-small { vertical-align: bottom !important; } .valign-bottom-at-extra-small * { vertical-align: inherit; } } @media (min-width: 717px) { .align-left-at-small { text-align: left !important; } .align-center-at-small { text-align: center !important; } .align-right-at-small { text-align: right !important; } .align-justify-at-small { text-align: justify !important; } .valign-baseline-at-small { vertical-align: baseline !important; } .valign-baseline-at-small * { vertical-align: inherit; } .valign-top-at-small { vertical-align: top !important; } .valign-top-at-small * { vertical-align: inherit; } .valign-middle-at-small { vertical-align: middle !important; } .valign-middle-at-small * { vertical-align: inherit; } .valign-bottom-at-small { vertical-align: bottom !important; } .valign-bottom-at-small * { vertical-align: inherit; } } @media (min-width: 1023px) { .align-left-at-medium { text-align: left !important; } .align-center-at-medium { text-align: center !important; } .align-right-at-medium { text-align: right !important; } .align-justify-at-medium { text-align: justify !important; } .valign-baseline-at-medium { vertical-align: baseline !important; } .valign-baseline-at-medium * { vertical-align: inherit; } .valign-top-at-medium { vertical-align: top !important; } .valign-top-at-medium * { vertical-align: inherit; } .valign-middle-at-medium { vertical-align: middle !important; } .valign-middle-at-medium * { vertical-align: inherit; } .valign-bottom-at-medium { vertical-align: bottom !important; } .valign-bottom-at-medium * { vertical-align: inherit; } } @media (min-width: 1240px) { .align-left-at-large { text-align: left !important; } .align-center-at-large { text-align: center !important; } .align-right-at-large { text-align: right !important; } .align-justify-at-large { text-align: justify !important; } .valign-baseline-at-large { vertical-align: baseline !important; } .valign-baseline-at-large * { vertical-align: inherit; } .valign-top-at-large { vertical-align: top !important; } .valign-top-at-large * { vertical-align: inherit; } .valign-middle-at-large { vertical-align: middle !important; } .valign-middle-at-large * { vertical-align: inherit; } .valign-bottom-at-large { vertical-align: bottom !important; } .valign-bottom-at-large * { vertical-align: inherit; } } @media (min-width: 1500px) { .align-left-at-extra-large { text-align: left !important; } .align-center-at-extra-large { text-align: center !important; } .align-right-at-extra-large { text-align: right !important; } .align-justify-at-extra-large { text-align: justify !important; } .valign-baseline-at-extra-large { vertical-align: baseline !important; } .valign-baseline-at-extra-large * { vertical-align: inherit; } .valign-top-at-extra-large { vertical-align: top !important; } .valign-top-at-extra-large * { vertical-align: inherit; } .valign-middle-at-extra-large { vertical-align: middle !important; } .valign-middle-at-extra-large * { vertical-align: inherit; } .valign-bottom-at-extra-large { vertical-align: bottom !important; } .valign-bottom-at-extra-large * { vertical-align: inherit; } } .aspect-ratio-square { padding-top: 100%; } .aspect-ratio-rect { padding-top: calc(50% - 10px); } .aspect-ratio-square, .aspect-ratio-rect { position: relative; height: 0; } .aspect-ratio-square > *, .aspect-ratio-rect > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } @media (min-width: 375px) { .aspect-ratio-square-at-extra-small { padding-top: 100%; } .aspect-ratio-rect-at-extra-small { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-extra-small, .aspect-ratio-rect-at-extra-small { position: relative; height: 0; } .aspect-ratio-square-at-extra-small > *, .aspect-ratio-rect-at-extra-small > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } @media (min-width: 717px) { .aspect-ratio-square-at-small { padding-top: 100%; } .aspect-ratio-rect-at-small { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-small, .aspect-ratio-rect-at-small { position: relative; height: 0; } .aspect-ratio-square-at-small > *, .aspect-ratio-rect-at-small > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } @media (min-width: 1023px) { .aspect-ratio-square-at-medium { padding-top: 100%; } .aspect-ratio-rect-at-medium { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-medium, .aspect-ratio-rect-at-medium { position: relative; height: 0; } .aspect-ratio-square-at-medium > *, .aspect-ratio-rect-at-medium > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } @media (min-width: 1240px) { .aspect-ratio-square-at-large { padding-top: 100%; } .aspect-ratio-rect-at-large { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-large, .aspect-ratio-rect-at-large { position: relative; height: 0; } .aspect-ratio-square-at-large > *, .aspect-ratio-rect-at-large > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } @media (min-width: 1500px) { .aspect-ratio-square-at-extra-large { padding-top: 100%; } .aspect-ratio-rect-at-extra-large { padding-top: calc(50% - 10px); } .aspect-ratio-square-at-extra-large, .aspect-ratio-rect-at-extra-large { position: relative; height: 0; } .aspect-ratio-square-at-extra-large > *, .aspect-ratio-rect-at-extra-large > * { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; } } .border-rounded { border-radius: var(--border-radius) !important; } .border-rounded-large { border-radius: var(--border-radius-large) !important; } .border-all { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none { border-top: none !important; border-bottom: none !important; } .border-horz { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none { border-right: none !important; border-left: none !important; } .border-top { border-top: 1px solid var(--color-border) !important; } .border-top-none { border-top: none !important; } .border-bottom { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none { border-bottom: none !important; } .border-left { border-left: 1px solid var(--color-border) !important; } .border-left-none { border-left: none !important; } .border-right { border-right: 1px solid var(--color-border) !important; } .border-right-none { border-right: none !important; } @media (min-width: 375px) { .border-rounded-at-extra-small { border-radius: var(--border-radius) !important; } .border-rounded-large-at-extra-small { border-radius: var(--border-radius-large) !important; } .border-all-at-extra-small { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-extra-small { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-extra-small { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-extra-small { border-top: none !important; border-bottom: none !important; } .border-horz-at-extra-small { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-extra-small { border-right: none !important; border-left: none !important; } .border-top-at-extra-small { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-extra-small { border-top: none !important; } .border-bottom-at-extra-small { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-extra-small { border-bottom: none !important; } .border-left-at-extra-small { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-extra-small { border-left: none !important; } .border-right-at-extra-small { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-extra-small { border-right: none !important; } } @media (min-width: 717px) { .border-rounded-at-small { border-radius: var(--border-radius) !important; } .border-rounded-large-at-small { border-radius: var(--border-radius-large) !important; } .border-all-at-small { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-small { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-small { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-small { border-top: none !important; border-bottom: none !important; } .border-horz-at-small { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-small { border-right: none !important; border-left: none !important; } .border-top-at-small { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-small { border-top: none !important; } .border-bottom-at-small { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-small { border-bottom: none !important; } .border-left-at-small { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-small { border-left: none !important; } .border-right-at-small { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-small { border-right: none !important; } } @media (min-width: 1023px) { .border-rounded-at-medium { border-radius: var(--border-radius) !important; } .border-rounded-large-at-medium { border-radius: var(--border-radius-large) !important; } .border-all-at-medium { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-medium { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-medium { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-medium { border-top: none !important; border-bottom: none !important; } .border-horz-at-medium { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-medium { border-right: none !important; border-left: none !important; } .border-top-at-medium { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-medium { border-top: none !important; } .border-bottom-at-medium { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-medium { border-bottom: none !important; } .border-left-at-medium { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-medium { border-left: none !important; } .border-right-at-medium { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-medium { border-right: none !important; } } @media (min-width: 1240px) { .border-rounded-at-large { border-radius: var(--border-radius) !important; } .border-rounded-large-at-large { border-radius: var(--border-radius-large) !important; } .border-all-at-large { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-large { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-large { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-large { border-top: none !important; border-bottom: none !important; } .border-horz-at-large { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-large { border-right: none !important; border-left: none !important; } .border-top-at-large { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-large { border-top: none !important; } .border-bottom-at-large { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-large { border-bottom: none !important; } .border-left-at-large { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-large { border-left: none !important; } .border-right-at-large { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-large { border-right: none !important; } } @media (min-width: 1500px) { .border-rounded-at-extra-large { border-radius: var(--border-radius) !important; } .border-rounded-large-at-extra-large { border-radius: var(--border-radius-large) !important; } .border-all-at-extra-large { border-top: 1px solid var(--color-border) !important; border-right: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-none-at-extra-large { border-top: none !important; border-right: none !important; border-bottom: none !important; border-left: none !important; } .border-vert-at-extra-large { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important; } .border-vert-none-at-extra-large { border-top: none !important; border-bottom: none !important; } .border-horz-at-extra-large { border-right: 1px solid var(--color-border) !important; border-left: 1px solid var(--color-border) !important; } .border-horz-none-at-extra-large { border-right: none !important; border-left: none !important; } .border-top-at-extra-large { border-top: 1px solid var(--color-border) !important; } .border-top-none-at-extra-large { border-top: none !important; } .border-bottom-at-extra-large { border-bottom: 1px solid var(--color-border) !important; } .border-bottom-none-at-extra-large { border-bottom: none !important; } .border-left-at-extra-large { border-left: 1px solid var(--color-border) !important; } .border-left-none-at-extra-large { border-left: none !important; } .border-right-at-extra-large { border-right: 1px solid var(--color-border) !important; } .border-right-none-at-extra-large { border-right: none !important; } } .content { margin-left: auto; margin-right: auto; width: var(--container-width-base); } @media (min-width: 375px) { .content { width: var(--container-width-extra-small); } } @media (min-width: 717px) { .content { width: var(--container-width-small); } } @media (min-width: 1023px) { .content { width: var(--container-width-medium); } } @media (min-width: 1240px) { .content { width: var(--container-width-large); } } @media (min-width: 1500px) { .content { width: var(--container-width-extra-large); } } .content-width-base { margin-left: auto; margin-right: auto; max-width: var(--container-width-base) !important; } .content-width-extra-small { margin-left: auto; margin-right: auto; max-width: var(--container-width-extra-small) !important; } .content-width-small { margin-left: auto; margin-right: auto; max-width: var(--container-width-small) !important; } .content-width-medium { margin-left: auto; margin-right: auto; max-width: var(--container-width-medium) !important; } .content-width-large { margin-left: auto; margin-right: auto; max-width: var(--container-width-large) !important; } .content-width-extra-large { margin-left: auto; margin-right: auto; max-width: var(--container-width-extra-large) !important; } .display-block { display: block !important; } .display-flex { display: flex !important; } .display-inline { display: inline !important; } .display-inline-block { display: inline-block !important; vertical-align: middle; } .display-inline-flex { display: inline-flex !important; } .display-none, .hide { display: none !important; } @media (min-width: 375px) { .display-block-at-extra-small { display: block !important; } .display-flex-at-extra-small { display: flex !important; } .display-inline-at-extra-small { display: inline !important; } .display-inline-block-at-extra-small { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-extra-small { display: inline-flex !important; } .display-none-at-extra-small, .hide-at-extra-small { display: none !important; } } @media (max-width: 374px) { .hide-until-extra-small { display: none !important; } } @media (min-width: 717px) { .display-block-at-small { display: block !important; } .display-flex-at-small { display: flex !important; } .display-inline-at-small { display: inline !important; } .display-inline-block-at-small { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-small { display: inline-flex !important; } .display-none-at-small, .hide-at-small { display: none !important; } } @media (max-width: 716px) { .hide-until-small { display: none !important; } } @media (min-width: 1023px) { .display-block-at-medium { display: block !important; } .display-flex-at-medium { display: flex !important; } .display-inline-at-medium { display: inline !important; } .display-inline-block-at-medium { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-medium { display: inline-flex !important; } .display-none-at-medium, .hide-at-medium { display: none !important; } } @media (max-width: 1022px) { .hide-until-medium { display: none !important; } } @media (min-width: 1240px) { .display-block-at-large { display: block !important; } .display-flex-at-large { display: flex !important; } .display-inline-at-large { display: inline !important; } .display-inline-block-at-large { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-large { display: inline-flex !important; } .display-none-at-large, .hide-at-large { display: none !important; } } @media (max-width: 1239px) { .hide-until-large { display: none !important; } } @media (min-width: 1500px) { .display-block-at-extra-large { display: block !important; } .display-flex-at-extra-large { display: flex !important; } .display-inline-at-extra-large { display: inline !important; } .display-inline-block-at-extra-large { display: inline-block !important; vertical-align: middle; } .display-inline-flex-at-extra-large { display: inline-flex !important; } .display-none-at-extra-large, .hide-at-extra-large { display: none !important; } } @media (max-width: 1499px) { .hide-until-extra-large { display: none !important; } } .js .hide-if-js { display: none !important; } .no-js .hide-unless-js { display: none !important; } .hidden { display: none !important; } .hidden-visually { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; white-space: nowrap; clip: rect(0 0 0 0); } .one-whole, .five-fifths, .four-fourths, .three-thirds, .two-halves { width: 100% !important; } .one-half, .two-fourths { width: 50% !important; } .one-third { width: 33.3333333333% !important; } .two-thirds { width: 66.6666666667% !important; } .one-fourth { width: 25% !important; } .three-fourths { width: 75% !important; } .one-fifth { width: 20% !important; } .two-fifths { width: 40% !important; } .three-fifths { width: 60% !important; } .four-fifths { width: 80% !important; } @media (min-width: 375px) { .one-whole-at-extra-small, .five-fifths-at-extra-small, .four-fourths-at-extra-small, .three-thirds-at-extra-small, .two-halves-at-extra-small { width: 100% !important; } .one-half-at-extra-small, .two-fourths-at-extra-small { width: 50% !important; } .one-third-at-extra-small { width: 33.3333333333% !important; } .two-thirds-at-extra-small { width: 66.6666666667% !important; } .one-fourth-at-extra-small { width: 25% !important; } .three-fourths-at-extra-small { width: 75% !important; } .one-fifth-at-extra-small { width: 20% !important; } .two-fifths-at-extra-small { width: 40% !important; } .three-fifths-at-extra-small { width: 60% !important; } .four-fifths-at-extra-small { width: 80% !important; } } @media (min-width: 717px) { .one-whole-at-small, .five-fifths-at-small, .four-fourths-at-small, .three-thirds-at-small, .two-halves-at-small { width: 100% !important; } .one-half-at-small, .two-fourths-at-small { width: 50% !important; } .one-third-at-small { width: 33.3333333333% !important; } .two-thirds-at-small { width: 66.6666666667% !important; } .one-fourth-at-small { width: 25% !important; } .three-fourths-at-small { width: 75% !important; } .one-fifth-at-small { width: 20% !important; } .two-fifths-at-small { width: 40% !important; } .three-fifths-at-small { width: 60% !important; } .four-fifths-at-small { width: 80% !important; } } @media (min-width: 1023px) { .one-whole-at-medium, .five-fifths-at-medium, .four-fourths-at-medium, .three-thirds-at-medium, .two-halves-at-medium { width: 100% !important; } .one-half-at-medium, .two-fourths-at-medium { width: 50% !important; } .one-third-at-medium { width: 33.3333333333% !important; } .two-thirds-at-medium { width: 66.6666666667% !important; } .one-fourth-at-medium { width: 25% !important; } .three-fourths-at-medium { width: 75% !important; } .one-fifth-at-medium { width: 20% !important; } .two-fifths-at-medium { width: 40% !important; } .three-fifths-at-medium { width: 60% !important; } .four-fifths-at-medium { width: 80% !important; } } @media (min-width: 1240px) { .one-whole-at-large, .five-fifths-at-large, .four-fourths-at-large, .three-thirds-at-large, .two-halves-at-large { width: 100% !important; } .one-half-at-large, .two-fourths-at-large { width: 50% !important; } .one-third-at-large { width: 33.3333333333% !important; } .two-thirds-at-large { width: 66.6666666667% !important; } .one-fourth-at-large { width: 25% !important; } .three-fourths-at-large { width: 75% !important; } .one-fifth-at-large { width: 20% !important; } .two-fifths-at-large { width: 40% !important; } .three-fifths-at-large { width: 60% !important; } .four-fifths-at-large { width: 80% !important; } } @media (min-width: 1500px) { .one-whole-at-extra-large, .five-fifths-at-extra-large, .four-fourths-at-extra-large, .three-thirds-at-extra-large, .two-halves-at-extra-large { width: 100% !important; } .one-half-at-extra-large, .two-fourths-at-extra-large { width: 50% !important; } .one-third-at-extra-large { width: 33.3333333333% !important; } .two-thirds-at-extra-large { width: 66.6666666667% !important; } .one-fourth-at-extra-large { width: 25% !important; } .three-fourths-at-extra-large { width: 75% !important; } .one-fifth-at-extra-large { width: 20% !important; } .two-fifths-at-extra-large { width: 40% !important; } .three-fifths-at-extra-large { width: 60% !important; } .four-fifths-at-extra-large { width: 80% !important; } } .layer-1 { z-index: 1; } .layer-2 { z-index: 2; } .layer-3 { z-index: 3; } .layer-4 { z-index: 4; } .layer-5 { z-index: 5; } @media (min-width: 375px) { .layer-1-at-extra-small { z-index: 1; } .layer-2-at-extra-small { z-index: 2; } .layer-3-at-extra-small { z-index: 3; } .layer-4-at-extra-small { z-index: 4; } .layer-5-at-extra-small { z-index: 5; } } @media (min-width: 717px) { .layer-1-at-small { z-index: 1; } .layer-2-at-small { z-index: 2; } .layer-3-at-small { z-index: 3; } .layer-4-at-small { z-index: 4; } .layer-5-at-small { z-index: 5; } } @media (min-width: 1023px) { .layer-1-at-medium { z-index: 1; } .layer-2-at-medium { z-index: 2; } .layer-3-at-medium { z-index: 3; } .layer-4-at-medium { z-index: 4; } .layer-5-at-medium { z-index: 5; } } @media (min-width: 1240px) { .layer-1-at-large { z-index: 1; } .layer-2-at-large { z-index: 2; } .layer-3-at-large { z-index: 3; } .layer-4-at-large { z-index: 4; } .layer-5-at-large { z-index: 5; } } @media (min-width: 1500px) { .layer-1-at-extra-large { z-index: 1; } .layer-2-at-extra-large { z-index: 2; } .layer-3-at-extra-large { z-index: 3; } .layer-4-at-extra-large { z-index: 4; } .layer-5-at-extra-large { z-index: 5; } } .overflow-hidden { overflow: hidden !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-scroll { overflow-y: scroll !important; } .overflow-auto { overflow: auto !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-y-auto { overflow-y: auto !important; } @media (min-width: 375px) { .overflow-hidden-at-extra-small { overflow: hidden !important; } .overflow-x-hidden-at-extra-small { overflow-x: hidden !important; } .overflow-y-hidden-at-extra-small { overflow-y: hidden !important; } .overflow-visible-at-extra-small { overflow: visible !important; } .overflow-x-visible-at-extra-small { overflow-x: visible !important; } .overflow-y-visible-at-extra-small { overflow-y: visible !important; } .overflow-scroll-at-extra-small { overflow: scroll !important; } .overflow-x-scroll-at-extra-small { overflow-x: scroll !important; } .overflow-y-scroll-at-extra-small { overflow-y: scroll !important; } .overflow-auto-at-extra-small { overflow: auto !important; } .overflow-x-auto-at-extra-small { overflow-x: auto !important; } .overflow-y-auto-at-extra-small { overflow-y: auto !important; } } @media (min-width: 717px) { .overflow-hidden-at-small { overflow: hidden !important; } .overflow-x-hidden-at-small { overflow-x: hidden !important; } .overflow-y-hidden-at-small { overflow-y: hidden !important; } .overflow-visible-at-small { overflow: visible !important; } .overflow-x-visible-at-small { overflow-x: visible !important; } .overflow-y-visible-at-small { overflow-y: visible !important; } .overflow-scroll-at-small { overflow: scroll !important; } .overflow-x-scroll-at-small { overflow-x: scroll !important; } .overflow-y-scroll-at-small { overflow-y: scroll !important; } .overflow-auto-at-small { overflow: auto !important; } .overflow-x-auto-at-small { overflow-x: auto !important; } .overflow-y-auto-at-small { overflow-y: auto !important; } } @media (min-width: 1023px) { .overflow-hidden-at-medium { overflow: hidden !important; } .overflow-x-hidden-at-medium { overflow-x: hidden !important; } .overflow-y-hidden-at-medium { overflow-y: hidden !important; } .overflow-visible-at-medium { overflow: visible !important; } .overflow-x-visible-at-medium { overflow-x: visible !important; } .overflow-y-visible-at-medium { overflow-y: visible !important; } .overflow-scroll-at-medium { overflow: scroll !important; } .overflow-x-scroll-at-medium { overflow-x: scroll !important; } .overflow-y-scroll-at-medium { overflow-y: scroll !important; } .overflow-auto-at-medium { overflow: auto !important; } .overflow-x-auto-at-medium { overflow-x: auto !important; } .overflow-y-auto-at-medium { overflow-y: auto !important; } } @media (min-width: 1240px) { .overflow-hidden-at-large { overflow: hidden !important; } .overflow-x-hidden-at-large { overflow-x: hidden !important; } .overflow-y-hidden-at-large { overflow-y: hidden !important; } .overflow-visible-at-large { overflow: visible !important; } .overflow-x-visible-at-large { overflow-x: visible !important; } .overflow-y-visible-at-large { overflow-y: visible !important; } .overflow-scroll-at-large { overflow: scroll !important; } .overflow-x-scroll-at-large { overflow-x: scroll !important; } .overflow-y-scroll-at-large { overflow-y: scroll !important; } .overflow-auto-at-large { overflow: auto !important; } .overflow-x-auto-at-large { overflow-x: auto !important; } .overflow-y-auto-at-large { overflow-y: auto !important; } } @media (min-width: 1500px) { .overflow-hidden-at-extra-large { overflow: hidden !important; } .overflow-x-hidden-at-extra-large { overflow-x: hidden !important; } .overflow-y-hidden-at-extra-large { overflow-y: hidden !important; } .overflow-visible-at-extra-large { overflow: visible !important; } .overflow-x-visible-at-extra-large { overflow-x: visible !important; } .overflow-y-visible-at-extra-large { overflow-y: visible !important; } .overflow-scroll-at-extra-large { overflow: scroll !important; } .overflow-x-scroll-at-extra-large { overflow-x: scroll !important; } .overflow-y-scroll-at-extra-large { overflow-y: scroll !important; } .overflow-auto-at-extra-large { overflow: auto !important; } .overflow-x-auto-at-extra-large { overflow-x: auto !important; } .overflow-y-auto-at-extra-large { overflow-y: auto !important; } } .position-fixed { position: fixed !important; } .position-absolute { position: absolute !important; } .position-relative { position: relative !important; } .position-static { position: static !important; } .position-sticky { position: sticky !important; top: 0; } .pin-top-left { position: absolute; left: 0; top: 0; } .pin-top-center { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right { position: absolute; right: 0; top: 0; } .pin-middle-left { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left { position: absolute; left: 0; bottom: 0; } .pin-bottom-center { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right { position: absolute; right: 0; bottom: 0; } @media (min-width: 375px) { .position-fixed-at-extra-small { position: fixed !important; } .position-absolute-at-extra-small { position: absolute !important; } .position-relative-at-extra-small { position: relative !important; } .position-static-at-extra-small { position: static !important; } .position-sticky-at-extra-small { position: sticky !important; top: 0; } .pin-top-left-at-extra-small { position: absolute; left: 0; top: 0; } .pin-top-center-at-extra-small { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-extra-small { position: absolute; right: 0; top: 0; } .pin-middle-left-at-extra-small { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-extra-small { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-extra-small { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-extra-small { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-extra-small { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-extra-small { position: absolute; right: 0; bottom: 0; } } @media (min-width: 717px) { .position-fixed-at-small { position: fixed !important; } .position-absolute-at-small { position: absolute !important; } .position-relative-at-small { position: relative !important; } .position-static-at-small { position: static !important; } .position-sticky-at-small { position: sticky !important; top: 0; } .pin-top-left-at-small { position: absolute; left: 0; top: 0; } .pin-top-center-at-small { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-small { position: absolute; right: 0; top: 0; } .pin-middle-left-at-small { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-small { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-small { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-small { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-small { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-small { position: absolute; right: 0; bottom: 0; } } @media (min-width: 1023px) { .position-fixed-at-medium { position: fixed !important; } .position-absolute-at-medium { position: absolute !important; } .position-relative-at-medium { position: relative !important; } .position-static-at-medium { position: static !important; } .position-sticky-at-medium { position: sticky !important; top: 0; } .pin-top-left-at-medium { position: absolute; left: 0; top: 0; } .pin-top-center-at-medium { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-medium { position: absolute; right: 0; top: 0; } .pin-middle-left-at-medium { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-medium { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-medium { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-medium { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-medium { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-medium { position: absolute; right: 0; bottom: 0; } } @media (min-width: 1240px) { .position-fixed-at-large { position: fixed !important; } .position-absolute-at-large { position: absolute !important; } .position-relative-at-large { position: relative !important; } .position-static-at-large { position: static !important; } .position-sticky-at-large { position: sticky !important; top: 0; } .pin-top-left-at-large { position: absolute; left: 0; top: 0; } .pin-top-center-at-large { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-large { position: absolute; right: 0; top: 0; } .pin-middle-left-at-large { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-large { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-large { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-large { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-large { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-large { position: absolute; right: 0; bottom: 0; } } @media (min-width: 1500px) { .position-fixed-at-extra-large { position: fixed !important; } .position-absolute-at-extra-large { position: absolute !important; } .position-relative-at-extra-large { position: relative !important; } .position-static-at-extra-large { position: static !important; } .position-sticky-at-extra-large { position: sticky !important; top: 0; } .pin-top-left-at-extra-large { position: absolute; left: 0; top: 0; } .pin-top-center-at-extra-large { position: absolute; transform: translateX(-50%); left: 50%; top: 0; } .pin-top-right-at-extra-large { position: absolute; right: 0; top: 0; } .pin-middle-left-at-extra-large { position: absolute; transform: translateY(-50%); left: 0; top: 50%; } .pin-middle-center-at-extra-large { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; } .pin-middle-right-at-extra-large { position: absolute; transform: translateY(-50%); right: 0; top: 50%; } .pin-bottom-left-at-extra-large { position: absolute; left: 0; bottom: 0; } .pin-bottom-center-at-extra-large { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; } .pin-bottom-right-at-extra-large { position: absolute; right: 0; bottom: 0; } } .pad-base { padding: var(--space-base) !important; } .pad-line { padding: var(--space-line) !important; } .pad-small { padding: var(--space-small) !important; } .pad-medium { padding: var(--space-medium) !important; } .pad-large { padding: var(--space-large) !important; } .pad-xl { padding: var(--space-xl) !important; } .pad-xxl { padding: var(--space-xxl) !important; } .pad-none { padding: var(--space-none) !important; } .pad-vert-base { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base { padding-top: var(--space-base) !important; } .pad-top-line { padding-top: var(--space-line) !important; } .pad-top-small { padding-top: var(--space-small) !important; } .pad-top-medium { padding-top: var(--space-medium) !important; } .pad-top-large { padding-top: var(--space-large) !important; } .pad-top-xl { padding-top: var(--space-xl) !important; } .pad-top-xxl { padding-top: var(--space-xxl) !important; } .pad-top-none { padding-top: var(--space-none) !important; } .pad-bottom-base { padding-bottom: var(--space-base) !important; } .pad-bottom-line { padding-bottom: var(--space-line) !important; } .pad-bottom-small { padding-bottom: var(--space-small) !important; } .pad-bottom-medium { padding-bottom: var(--space-medium) !important; } .pad-bottom-large { padding-bottom: var(--space-large) !important; } .pad-bottom-xl { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none { padding-bottom: var(--space-none) !important; } .pad-left-base { padding-left: var(--space-base) !important; } .pad-left-line { padding-left: var(--space-line) !important; } .pad-left-small { padding-left: var(--space-small) !important; } .pad-left-medium { padding-left: var(--space-medium) !important; } .pad-left-large { padding-left: var(--space-large) !important; } .pad-left-xl { padding-left: var(--space-xl) !important; } .pad-left-xxl { padding-left: var(--space-xxl) !important; } .pad-left-none { padding-left: var(--space-none) !important; } .pad-right-base { padding-right: var(--space-base) !important; } .pad-right-line { padding-right: var(--space-line) !important; } .pad-right-small { padding-right: var(--space-small) !important; } .pad-right-medium { padding-right: var(--space-medium) !important; } .pad-right-large { padding-right: var(--space-large) !important; } .pad-right-xl { padding-right: var(--space-xl) !important; } .pad-right-xxl { padding-right: var(--space-xxl) !important; } .pad-right-none { padding-right: var(--space-none) !important; } .gap-base { margin: var(--space-base) !important; } .gap-line { margin: var(--space-line) !important; } .gap-small { margin: var(--space-small) !important; } .gap-medium { margin: var(--space-medium) !important; } .gap-large { margin: var(--space-large) !important; } .gap-xl { margin: var(--space-xl) !important; } .gap-xxl { margin: var(--space-xxl) !important; } .gap-none { margin: var(--space-none) !important; } .gap-vert-base { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base { margin-top: var(--space-base) !important; } .gap-top-line { margin-top: var(--space-line) !important; } .gap-top-small { margin-top: var(--space-small) !important; } .gap-top-medium { margin-top: var(--space-medium) !important; } .gap-top-large { margin-top: var(--space-large) !important; } .gap-top-xl { margin-top: var(--space-xl) !important; } .gap-top-xxl { margin-top: var(--space-xxl) !important; } .gap-top-none { margin-top: var(--space-none) !important; } .gap-bottom-base { margin-bottom: var(--space-base) !important; } .gap-bottom-line { margin-bottom: var(--space-line) !important; } .gap-bottom-small { margin-bottom: var(--space-small) !important; } .gap-bottom-medium { margin-bottom: var(--space-medium) !important; } .gap-bottom-large { margin-bottom: var(--space-large) !important; } .gap-bottom-xl { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none { margin-bottom: var(--space-none) !important; } .gap-left-base { margin-left: var(--space-base) !important; } .gap-left-line { margin-left: var(--space-line) !important; } .gap-left-small { margin-left: var(--space-small) !important; } .gap-left-medium { margin-left: var(--space-medium) !important; } .gap-left-large { margin-left: var(--space-large) !important; } .gap-left-xl { margin-left: var(--space-xl) !important; } .gap-left-xxl { margin-left: var(--space-xxl) !important; } .gap-left-none { margin-left: var(--space-none) !important; } .gap-right-base { margin-right: var(--space-base) !important; } .gap-right-line { margin-right: var(--space-line) !important; } .gap-right-small { margin-right: var(--space-small) !important; } .gap-right-medium { margin-right: var(--space-medium) !important; } .gap-right-large { margin-right: var(--space-large) !important; } .gap-right-xl { margin-right: var(--space-xl) !important; } .gap-right-xxl { margin-right: var(--space-xxl) !important; } .gap-right-none { margin-right: var(--space-none) !important; } .offset-base { margin: calc(-1 * var(--space-base)) !important; } .offset-line { margin: calc(-1 * var(--space-line)) !important; } .offset-small { margin: calc(-1 * var(--space-small)) !important; } .offset-medium { margin: calc(-1 * var(--space-medium)) !important; } .offset-large { margin: calc(-1 * var(--space-large)) !important; } .offset-xl { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none { margin-right: calc(-1 * var(--space-none)) !important; } @media (min-width: 375px) { .pad-base-at-extra-small { padding: var(--space-base) !important; } .pad-line-at-extra-small { padding: var(--space-line) !important; } .pad-small-at-extra-small { padding: var(--space-small) !important; } .pad-medium-at-extra-small { padding: var(--space-medium) !important; } .pad-large-at-extra-small { padding: var(--space-large) !important; } .pad-xl-at-extra-small { padding: var(--space-xl) !important; } .pad-xxl-at-extra-small { padding: var(--space-xxl) !important; } .pad-none-at-extra-small { padding: var(--space-none) !important; } .pad-vert-base-at-extra-small { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-extra-small { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-extra-small { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-extra-small { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-extra-small { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-extra-small { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-extra-small { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-extra-small { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-extra-small { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-extra-small { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-extra-small { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-extra-small { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-extra-small { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-extra-small { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-extra-small { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-extra-small { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-extra-small { padding-top: var(--space-base) !important; } .pad-top-line-at-extra-small { padding-top: var(--space-line) !important; } .pad-top-small-at-extra-small { padding-top: var(--space-small) !important; } .pad-top-medium-at-extra-small { padding-top: var(--space-medium) !important; } .pad-top-large-at-extra-small { padding-top: var(--space-large) !important; } .pad-top-xl-at-extra-small { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-extra-small { padding-top: var(--space-xxl) !important; } .pad-top-none-at-extra-small { padding-top: var(--space-none) !important; } .pad-bottom-base-at-extra-small { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-extra-small { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-extra-small { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-extra-small { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-extra-small { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-extra-small { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-extra-small { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-extra-small { padding-bottom: var(--space-none) !important; } .pad-left-base-at-extra-small { padding-left: var(--space-base) !important; } .pad-left-line-at-extra-small { padding-left: var(--space-line) !important; } .pad-left-small-at-extra-small { padding-left: var(--space-small) !important; } .pad-left-medium-at-extra-small { padding-left: var(--space-medium) !important; } .pad-left-large-at-extra-small { padding-left: var(--space-large) !important; } .pad-left-xl-at-extra-small { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-extra-small { padding-left: var(--space-xxl) !important; } .pad-left-none-at-extra-small { padding-left: var(--space-none) !important; } .pad-right-base-at-extra-small { padding-right: var(--space-base) !important; } .pad-right-line-at-extra-small { padding-right: var(--space-line) !important; } .pad-right-small-at-extra-small { padding-right: var(--space-small) !important; } .pad-right-medium-at-extra-small { padding-right: var(--space-medium) !important; } .pad-right-large-at-extra-small { padding-right: var(--space-large) !important; } .pad-right-xl-at-extra-small { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-extra-small { padding-right: var(--space-xxl) !important; } .pad-right-none-at-extra-small { padding-right: var(--space-none) !important; } .gap-base-at-extra-small { margin: var(--space-base) !important; } .gap-line-at-extra-small { margin: var(--space-line) !important; } .gap-small-at-extra-small { margin: var(--space-small) !important; } .gap-medium-at-extra-small { margin: var(--space-medium) !important; } .gap-large-at-extra-small { margin: var(--space-large) !important; } .gap-xl-at-extra-small { margin: var(--space-xl) !important; } .gap-xxl-at-extra-small { margin: var(--space-xxl) !important; } .gap-none-at-extra-small { margin: var(--space-none) !important; } .gap-vert-base-at-extra-small { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-extra-small { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-extra-small { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-extra-small { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-extra-small { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-extra-small { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-extra-small { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-extra-small { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-extra-small { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-extra-small { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-extra-small { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-extra-small { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-extra-small { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-extra-small { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-extra-small { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-extra-small { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-extra-small { margin-top: var(--space-base) !important; } .gap-top-line-at-extra-small { margin-top: var(--space-line) !important; } .gap-top-small-at-extra-small { margin-top: var(--space-small) !important; } .gap-top-medium-at-extra-small { margin-top: var(--space-medium) !important; } .gap-top-large-at-extra-small { margin-top: var(--space-large) !important; } .gap-top-xl-at-extra-small { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-extra-small { margin-top: var(--space-xxl) !important; } .gap-top-none-at-extra-small { margin-top: var(--space-none) !important; } .gap-bottom-base-at-extra-small { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-extra-small { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-extra-small { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-extra-small { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-extra-small { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-extra-small { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-extra-small { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-extra-small { margin-bottom: var(--space-none) !important; } .gap-left-base-at-extra-small { margin-left: var(--space-base) !important; } .gap-left-line-at-extra-small { margin-left: var(--space-line) !important; } .gap-left-small-at-extra-small { margin-left: var(--space-small) !important; } .gap-left-medium-at-extra-small { margin-left: var(--space-medium) !important; } .gap-left-large-at-extra-small { margin-left: var(--space-large) !important; } .gap-left-xl-at-extra-small { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-extra-small { margin-left: var(--space-xxl) !important; } .gap-left-none-at-extra-small { margin-left: var(--space-none) !important; } .gap-right-base-at-extra-small { margin-right: var(--space-base) !important; } .gap-right-line-at-extra-small { margin-right: var(--space-line) !important; } .gap-right-small-at-extra-small { margin-right: var(--space-small) !important; } .gap-right-medium-at-extra-small { margin-right: var(--space-medium) !important; } .gap-right-large-at-extra-small { margin-right: var(--space-large) !important; } .gap-right-xl-at-extra-small { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-extra-small { margin-right: var(--space-xxl) !important; } .gap-right-none-at-extra-small { margin-right: var(--space-none) !important; } .offset-base-at-extra-small { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-extra-small { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-extra-small { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-extra-small { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-extra-small { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-extra-small { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-extra-small { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-extra-small { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-extra-small { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-extra-small { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-extra-small { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-extra-small { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-extra-small { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-extra-small { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-extra-small { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-extra-small { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-extra-small { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-extra-small { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-extra-small { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-extra-small { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-extra-small { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-extra-small { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-extra-small { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-extra-small { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-extra-small { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-extra-small { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-extra-small { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-extra-small { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-extra-small { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-extra-small { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-extra-small { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-extra-small { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-extra-small { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-extra-small { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-extra-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-extra-small { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-extra-small { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-extra-small { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-extra-small { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-extra-small { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-extra-small { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-extra-small { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-extra-small { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-extra-small { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-extra-small { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-extra-small { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-extra-small { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-extra-small { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-extra-small { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-extra-small { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-extra-small { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-extra-small { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-extra-small { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-extra-small { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-extra-small { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-extra-small { margin-right: calc(-1 * var(--space-none)) !important; } } @media (min-width: 717px) { .pad-base-at-small { padding: var(--space-base) !important; } .pad-line-at-small { padding: var(--space-line) !important; } .pad-small-at-small { padding: var(--space-small) !important; } .pad-medium-at-small { padding: var(--space-medium) !important; } .pad-large-at-small { padding: var(--space-large) !important; } .pad-xl-at-small { padding: var(--space-xl) !important; } .pad-xxl-at-small { padding: var(--space-xxl) !important; } .pad-none-at-small { padding: var(--space-none) !important; } .pad-vert-base-at-small { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-small { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-small { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-small { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-small { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-small { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-small { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-small { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-small { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-small { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-small { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-small { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-small { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-small { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-small { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-small { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-small { padding-top: var(--space-base) !important; } .pad-top-line-at-small { padding-top: var(--space-line) !important; } .pad-top-small-at-small { padding-top: var(--space-small) !important; } .pad-top-medium-at-small { padding-top: var(--space-medium) !important; } .pad-top-large-at-small { padding-top: var(--space-large) !important; } .pad-top-xl-at-small { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-small { padding-top: var(--space-xxl) !important; } .pad-top-none-at-small { padding-top: var(--space-none) !important; } .pad-bottom-base-at-small { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-small { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-small { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-small { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-small { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-small { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-small { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-small { padding-bottom: var(--space-none) !important; } .pad-left-base-at-small { padding-left: var(--space-base) !important; } .pad-left-line-at-small { padding-left: var(--space-line) !important; } .pad-left-small-at-small { padding-left: var(--space-small) !important; } .pad-left-medium-at-small { padding-left: var(--space-medium) !important; } .pad-left-large-at-small { padding-left: var(--space-large) !important; } .pad-left-xl-at-small { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-small { padding-left: var(--space-xxl) !important; } .pad-left-none-at-small { padding-left: var(--space-none) !important; } .pad-right-base-at-small { padding-right: var(--space-base) !important; } .pad-right-line-at-small { padding-right: var(--space-line) !important; } .pad-right-small-at-small { padding-right: var(--space-small) !important; } .pad-right-medium-at-small { padding-right: var(--space-medium) !important; } .pad-right-large-at-small { padding-right: var(--space-large) !important; } .pad-right-xl-at-small { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-small { padding-right: var(--space-xxl) !important; } .pad-right-none-at-small { padding-right: var(--space-none) !important; } .gap-base-at-small { margin: var(--space-base) !important; } .gap-line-at-small { margin: var(--space-line) !important; } .gap-small-at-small { margin: var(--space-small) !important; } .gap-medium-at-small { margin: var(--space-medium) !important; } .gap-large-at-small { margin: var(--space-large) !important; } .gap-xl-at-small { margin: var(--space-xl) !important; } .gap-xxl-at-small { margin: var(--space-xxl) !important; } .gap-none-at-small { margin: var(--space-none) !important; } .gap-vert-base-at-small { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-small { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-small { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-small { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-small { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-small { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-small { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-small { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-small { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-small { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-small { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-small { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-small { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-small { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-small { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-small { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-small { margin-top: var(--space-base) !important; } .gap-top-line-at-small { margin-top: var(--space-line) !important; } .gap-top-small-at-small { margin-top: var(--space-small) !important; } .gap-top-medium-at-small { margin-top: var(--space-medium) !important; } .gap-top-large-at-small { margin-top: var(--space-large) !important; } .gap-top-xl-at-small { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-small { margin-top: var(--space-xxl) !important; } .gap-top-none-at-small { margin-top: var(--space-none) !important; } .gap-bottom-base-at-small { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-small { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-small { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-small { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-small { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-small { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-small { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-small { margin-bottom: var(--space-none) !important; } .gap-left-base-at-small { margin-left: var(--space-base) !important; } .gap-left-line-at-small { margin-left: var(--space-line) !important; } .gap-left-small-at-small { margin-left: var(--space-small) !important; } .gap-left-medium-at-small { margin-left: var(--space-medium) !important; } .gap-left-large-at-small { margin-left: var(--space-large) !important; } .gap-left-xl-at-small { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-small { margin-left: var(--space-xxl) !important; } .gap-left-none-at-small { margin-left: var(--space-none) !important; } .gap-right-base-at-small { margin-right: var(--space-base) !important; } .gap-right-line-at-small { margin-right: var(--space-line) !important; } .gap-right-small-at-small { margin-right: var(--space-small) !important; } .gap-right-medium-at-small { margin-right: var(--space-medium) !important; } .gap-right-large-at-small { margin-right: var(--space-large) !important; } .gap-right-xl-at-small { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-small { margin-right: var(--space-xxl) !important; } .gap-right-none-at-small { margin-right: var(--space-none) !important; } .offset-base-at-small { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-small { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-small { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-small { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-small { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-small { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-small { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-small { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-small { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-small { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-small { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-small { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-small { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-small { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-small { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-small { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-small { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-small { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-small { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-small { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-small { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-small { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-small { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-small { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-small { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-small { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-small { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-small { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-small { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-small { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-small { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-small { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-small { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-small { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-small { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-small { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-small { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-small { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-small { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-small { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-small { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-small { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-small { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-small { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-small { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-small { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-small { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-small { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-small { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-small { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-small { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-small { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-small { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-small { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-small { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-small { margin-right: calc(-1 * var(--space-none)) !important; } } @media (min-width: 1023px) { .pad-base-at-medium { padding: var(--space-base) !important; } .pad-line-at-medium { padding: var(--space-line) !important; } .pad-small-at-medium { padding: var(--space-small) !important; } .pad-medium-at-medium { padding: var(--space-medium) !important; } .pad-large-at-medium { padding: var(--space-large) !important; } .pad-xl-at-medium { padding: var(--space-xl) !important; } .pad-xxl-at-medium { padding: var(--space-xxl) !important; } .pad-none-at-medium { padding: var(--space-none) !important; } .pad-vert-base-at-medium { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-medium { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-medium { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-medium { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-medium { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-medium { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-medium { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-medium { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-medium { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-medium { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-medium { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-medium { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-medium { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-medium { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-medium { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-medium { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-medium { padding-top: var(--space-base) !important; } .pad-top-line-at-medium { padding-top: var(--space-line) !important; } .pad-top-small-at-medium { padding-top: var(--space-small) !important; } .pad-top-medium-at-medium { padding-top: var(--space-medium) !important; } .pad-top-large-at-medium { padding-top: var(--space-large) !important; } .pad-top-xl-at-medium { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-medium { padding-top: var(--space-xxl) !important; } .pad-top-none-at-medium { padding-top: var(--space-none) !important; } .pad-bottom-base-at-medium { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-medium { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-medium { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-medium { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-medium { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-medium { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-medium { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-medium { padding-bottom: var(--space-none) !important; } .pad-left-base-at-medium { padding-left: var(--space-base) !important; } .pad-left-line-at-medium { padding-left: var(--space-line) !important; } .pad-left-small-at-medium { padding-left: var(--space-small) !important; } .pad-left-medium-at-medium { padding-left: var(--space-medium) !important; } .pad-left-large-at-medium { padding-left: var(--space-large) !important; } .pad-left-xl-at-medium { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-medium { padding-left: var(--space-xxl) !important; } .pad-left-none-at-medium { padding-left: var(--space-none) !important; } .pad-right-base-at-medium { padding-right: var(--space-base) !important; } .pad-right-line-at-medium { padding-right: var(--space-line) !important; } .pad-right-small-at-medium { padding-right: var(--space-small) !important; } .pad-right-medium-at-medium { padding-right: var(--space-medium) !important; } .pad-right-large-at-medium { padding-right: var(--space-large) !important; } .pad-right-xl-at-medium { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-medium { padding-right: var(--space-xxl) !important; } .pad-right-none-at-medium { padding-right: var(--space-none) !important; } .gap-base-at-medium { margin: var(--space-base) !important; } .gap-line-at-medium { margin: var(--space-line) !important; } .gap-small-at-medium { margin: var(--space-small) !important; } .gap-medium-at-medium { margin: var(--space-medium) !important; } .gap-large-at-medium { margin: var(--space-large) !important; } .gap-xl-at-medium { margin: var(--space-xl) !important; } .gap-xxl-at-medium { margin: var(--space-xxl) !important; } .gap-none-at-medium { margin: var(--space-none) !important; } .gap-vert-base-at-medium { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-medium { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-medium { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-medium { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-medium { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-medium { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-medium { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-medium { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-medium { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-medium { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-medium { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-medium { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-medium { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-medium { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-medium { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-medium { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-medium { margin-top: var(--space-base) !important; } .gap-top-line-at-medium { margin-top: var(--space-line) !important; } .gap-top-small-at-medium { margin-top: var(--space-small) !important; } .gap-top-medium-at-medium { margin-top: var(--space-medium) !important; } .gap-top-large-at-medium { margin-top: var(--space-large) !important; } .gap-top-xl-at-medium { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-medium { margin-top: var(--space-xxl) !important; } .gap-top-none-at-medium { margin-top: var(--space-none) !important; } .gap-bottom-base-at-medium { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-medium { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-medium { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-medium { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-medium { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-medium { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-medium { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-medium { margin-bottom: var(--space-none) !important; } .gap-left-base-at-medium { margin-left: var(--space-base) !important; } .gap-left-line-at-medium { margin-left: var(--space-line) !important; } .gap-left-small-at-medium { margin-left: var(--space-small) !important; } .gap-left-medium-at-medium { margin-left: var(--space-medium) !important; } .gap-left-large-at-medium { margin-left: var(--space-large) !important; } .gap-left-xl-at-medium { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-medium { margin-left: var(--space-xxl) !important; } .gap-left-none-at-medium { margin-left: var(--space-none) !important; } .gap-right-base-at-medium { margin-right: var(--space-base) !important; } .gap-right-line-at-medium { margin-right: var(--space-line) !important; } .gap-right-small-at-medium { margin-right: var(--space-small) !important; } .gap-right-medium-at-medium { margin-right: var(--space-medium) !important; } .gap-right-large-at-medium { margin-right: var(--space-large) !important; } .gap-right-xl-at-medium { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-medium { margin-right: var(--space-xxl) !important; } .gap-right-none-at-medium { margin-right: var(--space-none) !important; } .offset-base-at-medium { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-medium { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-medium { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-medium { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-medium { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-medium { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-medium { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-medium { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-medium { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-medium { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-medium { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-medium { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-medium { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-medium { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-medium { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-medium { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-medium { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-medium { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-medium { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-medium { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-medium { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-medium { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-medium { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-medium { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-medium { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-medium { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-medium { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-medium { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-medium { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-medium { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-medium { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-medium { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-medium { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-medium { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-medium { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-medium { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-medium { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-medium { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-medium { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-medium { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-medium { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-medium { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-medium { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-medium { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-medium { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-medium { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-medium { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-medium { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-medium { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-medium { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-medium { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-medium { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-medium { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-medium { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-medium { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-medium { margin-right: calc(-1 * var(--space-none)) !important; } } @media (min-width: 1240px) { .pad-base-at-large { padding: var(--space-base) !important; } .pad-line-at-large { padding: var(--space-line) !important; } .pad-small-at-large { padding: var(--space-small) !important; } .pad-medium-at-large { padding: var(--space-medium) !important; } .pad-large-at-large { padding: var(--space-large) !important; } .pad-xl-at-large { padding: var(--space-xl) !important; } .pad-xxl-at-large { padding: var(--space-xxl) !important; } .pad-none-at-large { padding: var(--space-none) !important; } .pad-vert-base-at-large { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-large { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-large { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-large { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-large { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-large { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-large { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-large { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-large { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-large { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-large { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-large { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-large { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-large { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-large { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-large { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-large { padding-top: var(--space-base) !important; } .pad-top-line-at-large { padding-top: var(--space-line) !important; } .pad-top-small-at-large { padding-top: var(--space-small) !important; } .pad-top-medium-at-large { padding-top: var(--space-medium) !important; } .pad-top-large-at-large { padding-top: var(--space-large) !important; } .pad-top-xl-at-large { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-large { padding-top: var(--space-xxl) !important; } .pad-top-none-at-large { padding-top: var(--space-none) !important; } .pad-bottom-base-at-large { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-large { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-large { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-large { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-large { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-large { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-large { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-large { padding-bottom: var(--space-none) !important; } .pad-left-base-at-large { padding-left: var(--space-base) !important; } .pad-left-line-at-large { padding-left: var(--space-line) !important; } .pad-left-small-at-large { padding-left: var(--space-small) !important; } .pad-left-medium-at-large { padding-left: var(--space-medium) !important; } .pad-left-large-at-large { padding-left: var(--space-large) !important; } .pad-left-xl-at-large { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-large { padding-left: var(--space-xxl) !important; } .pad-left-none-at-large { padding-left: var(--space-none) !important; } .pad-right-base-at-large { padding-right: var(--space-base) !important; } .pad-right-line-at-large { padding-right: var(--space-line) !important; } .pad-right-small-at-large { padding-right: var(--space-small) !important; } .pad-right-medium-at-large { padding-right: var(--space-medium) !important; } .pad-right-large-at-large { padding-right: var(--space-large) !important; } .pad-right-xl-at-large { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-large { padding-right: var(--space-xxl) !important; } .pad-right-none-at-large { padding-right: var(--space-none) !important; } .gap-base-at-large { margin: var(--space-base) !important; } .gap-line-at-large { margin: var(--space-line) !important; } .gap-small-at-large { margin: var(--space-small) !important; } .gap-medium-at-large { margin: var(--space-medium) !important; } .gap-large-at-large { margin: var(--space-large) !important; } .gap-xl-at-large { margin: var(--space-xl) !important; } .gap-xxl-at-large { margin: var(--space-xxl) !important; } .gap-none-at-large { margin: var(--space-none) !important; } .gap-vert-base-at-large { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-large { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-large { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-large { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-large { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-large { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-large { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-large { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-large { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-large { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-large { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-large { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-large { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-large { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-large { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-large { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-large { margin-top: var(--space-base) !important; } .gap-top-line-at-large { margin-top: var(--space-line) !important; } .gap-top-small-at-large { margin-top: var(--space-small) !important; } .gap-top-medium-at-large { margin-top: var(--space-medium) !important; } .gap-top-large-at-large { margin-top: var(--space-large) !important; } .gap-top-xl-at-large { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-large { margin-top: var(--space-xxl) !important; } .gap-top-none-at-large { margin-top: var(--space-none) !important; } .gap-bottom-base-at-large { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-large { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-large { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-large { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-large { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-large { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-large { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-large { margin-bottom: var(--space-none) !important; } .gap-left-base-at-large { margin-left: var(--space-base) !important; } .gap-left-line-at-large { margin-left: var(--space-line) !important; } .gap-left-small-at-large { margin-left: var(--space-small) !important; } .gap-left-medium-at-large { margin-left: var(--space-medium) !important; } .gap-left-large-at-large { margin-left: var(--space-large) !important; } .gap-left-xl-at-large { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-large { margin-left: var(--space-xxl) !important; } .gap-left-none-at-large { margin-left: var(--space-none) !important; } .gap-right-base-at-large { margin-right: var(--space-base) !important; } .gap-right-line-at-large { margin-right: var(--space-line) !important; } .gap-right-small-at-large { margin-right: var(--space-small) !important; } .gap-right-medium-at-large { margin-right: var(--space-medium) !important; } .gap-right-large-at-large { margin-right: var(--space-large) !important; } .gap-right-xl-at-large { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-large { margin-right: var(--space-xxl) !important; } .gap-right-none-at-large { margin-right: var(--space-none) !important; } .offset-base-at-large { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-large { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-large { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-large { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-large { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-large { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-large { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-large { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-large { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-large { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-large { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-large { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-large { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-large { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-large { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-large { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-large { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-large { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-large { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-large { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-large { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-large { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-large { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-large { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-large { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-large { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-large { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-large { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-large { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-large { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-large { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-large { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-large { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-large { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-large { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-large { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-large { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-large { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-large { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-large { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-large { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-large { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-large { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-large { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-large { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-large { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-large { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-large { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-large { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-large { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-large { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-large { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-large { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-large { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-large { margin-right: calc(-1 * var(--space-none)) !important; } } @media (min-width: 1500px) { .pad-base-at-extra-large { padding: var(--space-base) !important; } .pad-line-at-extra-large { padding: var(--space-line) !important; } .pad-small-at-extra-large { padding: var(--space-small) !important; } .pad-medium-at-extra-large { padding: var(--space-medium) !important; } .pad-large-at-extra-large { padding: var(--space-large) !important; } .pad-xl-at-extra-large { padding: var(--space-xl) !important; } .pad-xxl-at-extra-large { padding: var(--space-xxl) !important; } .pad-none-at-extra-large { padding: var(--space-none) !important; } .pad-vert-base-at-extra-large { padding-top: var(--space-base) !important; padding-bottom: var(--space-base) !important; } .pad-vert-line-at-extra-large { padding-top: var(--space-line) !important; padding-bottom: var(--space-line) !important; } .pad-vert-small-at-extra-large { padding-top: var(--space-small) !important; padding-bottom: var(--space-small) !important; } .pad-vert-medium-at-extra-large { padding-top: var(--space-medium) !important; padding-bottom: var(--space-medium) !important; } .pad-vert-large-at-extra-large { padding-top: var(--space-large) !important; padding-bottom: var(--space-large) !important; } .pad-vert-xl-at-extra-large { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; } .pad-vert-xxl-at-extra-large { padding-top: var(--space-xxl) !important; padding-bottom: var(--space-xxl) !important; } .pad-vert-none-at-extra-large { padding-top: var(--space-none) !important; padding-bottom: var(--space-none) !important; } .pad-horz-base-at-extra-large { padding-left: var(--space-base) !important; padding-right: var(--space-base) !important; } .pad-horz-line-at-extra-large { padding-left: var(--space-line) !important; padding-right: var(--space-line) !important; } .pad-horz-small-at-extra-large { padding-left: var(--space-small) !important; padding-right: var(--space-small) !important; } .pad-horz-medium-at-extra-large { padding-left: var(--space-medium) !important; padding-right: var(--space-medium) !important; } .pad-horz-large-at-extra-large { padding-left: var(--space-large) !important; padding-right: var(--space-large) !important; } .pad-horz-xl-at-extra-large { padding-left: var(--space-xl) !important; padding-right: var(--space-xl) !important; } .pad-horz-xxl-at-extra-large { padding-left: var(--space-xxl) !important; padding-right: var(--space-xxl) !important; } .pad-horz-none-at-extra-large { padding-left: var(--space-none) !important; padding-right: var(--space-none) !important; } .pad-top-base-at-extra-large { padding-top: var(--space-base) !important; } .pad-top-line-at-extra-large { padding-top: var(--space-line) !important; } .pad-top-small-at-extra-large { padding-top: var(--space-small) !important; } .pad-top-medium-at-extra-large { padding-top: var(--space-medium) !important; } .pad-top-large-at-extra-large { padding-top: var(--space-large) !important; } .pad-top-xl-at-extra-large { padding-top: var(--space-xl) !important; } .pad-top-xxl-at-extra-large { padding-top: var(--space-xxl) !important; } .pad-top-none-at-extra-large { padding-top: var(--space-none) !important; } .pad-bottom-base-at-extra-large { padding-bottom: var(--space-base) !important; } .pad-bottom-line-at-extra-large { padding-bottom: var(--space-line) !important; } .pad-bottom-small-at-extra-large { padding-bottom: var(--space-small) !important; } .pad-bottom-medium-at-extra-large { padding-bottom: var(--space-medium) !important; } .pad-bottom-large-at-extra-large { padding-bottom: var(--space-large) !important; } .pad-bottom-xl-at-extra-large { padding-bottom: var(--space-xl) !important; } .pad-bottom-xxl-at-extra-large { padding-bottom: var(--space-xxl) !important; } .pad-bottom-none-at-extra-large { padding-bottom: var(--space-none) !important; } .pad-left-base-at-extra-large { padding-left: var(--space-base) !important; } .pad-left-line-at-extra-large { padding-left: var(--space-line) !important; } .pad-left-small-at-extra-large { padding-left: var(--space-small) !important; } .pad-left-medium-at-extra-large { padding-left: var(--space-medium) !important; } .pad-left-large-at-extra-large { padding-left: var(--space-large) !important; } .pad-left-xl-at-extra-large { padding-left: var(--space-xl) !important; } .pad-left-xxl-at-extra-large { padding-left: var(--space-xxl) !important; } .pad-left-none-at-extra-large { padding-left: var(--space-none) !important; } .pad-right-base-at-extra-large { padding-right: var(--space-base) !important; } .pad-right-line-at-extra-large { padding-right: var(--space-line) !important; } .pad-right-small-at-extra-large { padding-right: var(--space-small) !important; } .pad-right-medium-at-extra-large { padding-right: var(--space-medium) !important; } .pad-right-large-at-extra-large { padding-right: var(--space-large) !important; } .pad-right-xl-at-extra-large { padding-right: var(--space-xl) !important; } .pad-right-xxl-at-extra-large { padding-right: var(--space-xxl) !important; } .pad-right-none-at-extra-large { padding-right: var(--space-none) !important; } .gap-base-at-extra-large { margin: var(--space-base) !important; } .gap-line-at-extra-large { margin: var(--space-line) !important; } .gap-small-at-extra-large { margin: var(--space-small) !important; } .gap-medium-at-extra-large { margin: var(--space-medium) !important; } .gap-large-at-extra-large { margin: var(--space-large) !important; } .gap-xl-at-extra-large { margin: var(--space-xl) !important; } .gap-xxl-at-extra-large { margin: var(--space-xxl) !important; } .gap-none-at-extra-large { margin: var(--space-none) !important; } .gap-vert-base-at-extra-large { margin-top: var(--space-base) !important; margin-bottom: var(--space-base) !important; } .gap-vert-line-at-extra-large { margin-top: var(--space-line) !important; margin-bottom: var(--space-line) !important; } .gap-vert-small-at-extra-large { margin-top: var(--space-small) !important; margin-bottom: var(--space-small) !important; } .gap-vert-medium-at-extra-large { margin-top: var(--space-medium) !important; margin-bottom: var(--space-medium) !important; } .gap-vert-large-at-extra-large { margin-top: var(--space-large) !important; margin-bottom: var(--space-large) !important; } .gap-vert-xl-at-extra-large { margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; } .gap-vert-xxl-at-extra-large { margin-top: var(--space-xxl) !important; margin-bottom: var(--space-xxl) !important; } .gap-vert-none-at-extra-large { margin-top: var(--space-none) !important; margin-bottom: var(--space-none) !important; } .gap-horz-base-at-extra-large { margin-left: var(--space-base) !important; margin-right: var(--space-base) !important; } .gap-horz-line-at-extra-large { margin-left: var(--space-line) !important; margin-right: var(--space-line) !important; } .gap-horz-small-at-extra-large { margin-left: var(--space-small) !important; margin-right: var(--space-small) !important; } .gap-horz-medium-at-extra-large { margin-left: var(--space-medium) !important; margin-right: var(--space-medium) !important; } .gap-horz-large-at-extra-large { margin-left: var(--space-large) !important; margin-right: var(--space-large) !important; } .gap-horz-xl-at-extra-large { margin-left: var(--space-xl) !important; margin-right: var(--space-xl) !important; } .gap-horz-xxl-at-extra-large { margin-left: var(--space-xxl) !important; margin-right: var(--space-xxl) !important; } .gap-horz-none-at-extra-large { margin-left: var(--space-none) !important; margin-right: var(--space-none) !important; } .gap-top-base-at-extra-large { margin-top: var(--space-base) !important; } .gap-top-line-at-extra-large { margin-top: var(--space-line) !important; } .gap-top-small-at-extra-large { margin-top: var(--space-small) !important; } .gap-top-medium-at-extra-large { margin-top: var(--space-medium) !important; } .gap-top-large-at-extra-large { margin-top: var(--space-large) !important; } .gap-top-xl-at-extra-large { margin-top: var(--space-xl) !important; } .gap-top-xxl-at-extra-large { margin-top: var(--space-xxl) !important; } .gap-top-none-at-extra-large { margin-top: var(--space-none) !important; } .gap-bottom-base-at-extra-large { margin-bottom: var(--space-base) !important; } .gap-bottom-line-at-extra-large { margin-bottom: var(--space-line) !important; } .gap-bottom-small-at-extra-large { margin-bottom: var(--space-small) !important; } .gap-bottom-medium-at-extra-large { margin-bottom: var(--space-medium) !important; } .gap-bottom-large-at-extra-large { margin-bottom: var(--space-large) !important; } .gap-bottom-xl-at-extra-large { margin-bottom: var(--space-xl) !important; } .gap-bottom-xxl-at-extra-large { margin-bottom: var(--space-xxl) !important; } .gap-bottom-none-at-extra-large { margin-bottom: var(--space-none) !important; } .gap-left-base-at-extra-large { margin-left: var(--space-base) !important; } .gap-left-line-at-extra-large { margin-left: var(--space-line) !important; } .gap-left-small-at-extra-large { margin-left: var(--space-small) !important; } .gap-left-medium-at-extra-large { margin-left: var(--space-medium) !important; } .gap-left-large-at-extra-large { margin-left: var(--space-large) !important; } .gap-left-xl-at-extra-large { margin-left: var(--space-xl) !important; } .gap-left-xxl-at-extra-large { margin-left: var(--space-xxl) !important; } .gap-left-none-at-extra-large { margin-left: var(--space-none) !important; } .gap-right-base-at-extra-large { margin-right: var(--space-base) !important; } .gap-right-line-at-extra-large { margin-right: var(--space-line) !important; } .gap-right-small-at-extra-large { margin-right: var(--space-small) !important; } .gap-right-medium-at-extra-large { margin-right: var(--space-medium) !important; } .gap-right-large-at-extra-large { margin-right: var(--space-large) !important; } .gap-right-xl-at-extra-large { margin-right: var(--space-xl) !important; } .gap-right-xxl-at-extra-large { margin-right: var(--space-xxl) !important; } .gap-right-none-at-extra-large { margin-right: var(--space-none) !important; } .offset-base-at-extra-large { margin: calc(-1 * var(--space-base)) !important; } .offset-line-at-extra-large { margin: calc(-1 * var(--space-line)) !important; } .offset-small-at-extra-large { margin: calc(-1 * var(--space-small)) !important; } .offset-medium-at-extra-large { margin: calc(-1 * var(--space-medium)) !important; } .offset-large-at-extra-large { margin: calc(-1 * var(--space-large)) !important; } .offset-xl-at-extra-large { margin: calc(-1 * var(--space-xl)) !important; } .offset-xxl-at-extra-large { margin: calc(-1 * var(--space-xxl)) !important; } .offset-none-at-extra-large { margin: calc(-1 * var(--space-none)) !important; } .offset-vert-base-at-extra-large { margin-top: calc(-1 * var(--space-base)) !important; margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-vert-line-at-extra-large { margin-top: calc(-1 * var(--space-line)) !important; margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-vert-small-at-extra-large { margin-top: calc(-1 * var(--space-small)) !important; margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-vert-medium-at-extra-large { margin-top: calc(-1 * var(--space-medium)) !important; margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-vert-large-at-extra-large { margin-top: calc(-1 * var(--space-large)) !important; margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-vert-xl-at-extra-large { margin-top: calc(-1 * var(--space-xl)) !important; margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-vert-xxl-at-extra-large { margin-top: calc(-1 * var(--space-xxl)) !important; margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-vert-none-at-extra-large { margin-top: calc(-1 * var(--space-none)) !important; margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-horz-base-at-extra-large { margin-left: calc(-1 * var(--space-base)) !important; margin-right: calc(-1 * var(--space-base)) !important; } .offset-horz-line-at-extra-large { margin-left: calc(-1 * var(--space-line)) !important; margin-right: calc(-1 * var(--space-line)) !important; } .offset-horz-small-at-extra-large { margin-left: calc(-1 * var(--space-small)) !important; margin-right: calc(-1 * var(--space-small)) !important; } .offset-horz-medium-at-extra-large { margin-left: calc(-1 * var(--space-medium)) !important; margin-right: calc(-1 * var(--space-medium)) !important; } .offset-horz-large-at-extra-large { margin-left: calc(-1 * var(--space-large)) !important; margin-right: calc(-1 * var(--space-large)) !important; } .offset-horz-xl-at-extra-large { margin-left: calc(-1 * var(--space-xl)) !important; margin-right: calc(-1 * var(--space-xl)) !important; } .offset-horz-xxl-at-extra-large { margin-left: calc(-1 * var(--space-xxl)) !important; margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-horz-none-at-extra-large { margin-left: calc(-1 * var(--space-none)) !important; margin-right: calc(-1 * var(--space-none)) !important; } .offset-top-base-at-extra-large { margin-top: calc(-1 * var(--space-base)) !important; } .offset-top-line-at-extra-large { margin-top: calc(-1 * var(--space-line)) !important; } .offset-top-small-at-extra-large { margin-top: calc(-1 * var(--space-small)) !important; } .offset-top-medium-at-extra-large { margin-top: calc(-1 * var(--space-medium)) !important; } .offset-top-large-at-extra-large { margin-top: calc(-1 * var(--space-large)) !important; } .offset-top-xl-at-extra-large { margin-top: calc(-1 * var(--space-xl)) !important; } .offset-top-xxl-at-extra-large { margin-top: calc(-1 * var(--space-xxl)) !important; } .offset-top-none-at-extra-large { margin-top: calc(-1 * var(--space-none)) !important; } .offset-bottom-base-at-extra-large { margin-bottom: calc(-1 * var(--space-base)) !important; } .offset-bottom-line-at-extra-large { margin-bottom: calc(-1 * var(--space-line)) !important; } .offset-bottom-small-at-extra-large { margin-bottom: calc(-1 * var(--space-small)) !important; } .offset-bottom-medium-at-extra-large { margin-bottom: calc(-1 * var(--space-medium)) !important; } .offset-bottom-large-at-extra-large { margin-bottom: calc(-1 * var(--space-large)) !important; } .offset-bottom-xl-at-extra-large { margin-bottom: calc(-1 * var(--space-xl)) !important; } .offset-bottom-xxl-at-extra-large { margin-bottom: calc(-1 * var(--space-xxl)) !important; } .offset-bottom-none-at-extra-large { margin-bottom: calc(-1 * var(--space-none)) !important; } .offset-left-base-at-extra-large { margin-left: calc(-1 * var(--space-base)) !important; } .offset-left-line-at-extra-large { margin-left: calc(-1 * var(--space-line)) !important; } .offset-left-small-at-extra-large { margin-left: calc(-1 * var(--space-small)) !important; } .offset-left-medium-at-extra-large { margin-left: calc(-1 * var(--space-medium)) !important; } .offset-left-large-at-extra-large { margin-left: calc(-1 * var(--space-large)) !important; } .offset-left-xl-at-extra-large { margin-left: calc(-1 * var(--space-xl)) !important; } .offset-left-xxl-at-extra-large { margin-left: calc(-1 * var(--space-xxl)) !important; } .offset-left-none-at-extra-large { margin-left: calc(-1 * var(--space-none)) !important; } .offset-right-base-at-extra-large { margin-right: calc(-1 * var(--space-base)) !important; } .offset-right-line-at-extra-large { margin-right: calc(-1 * var(--space-line)) !important; } .offset-right-small-at-extra-large { margin-right: calc(-1 * var(--space-small)) !important; } .offset-right-medium-at-extra-large { margin-right: calc(-1 * var(--space-medium)) !important; } .offset-right-large-at-extra-large { margin-right: calc(-1 * var(--space-large)) !important; } .offset-right-xl-at-extra-large { margin-right: calc(-1 * var(--space-xl)) !important; } .offset-right-xxl-at-extra-large { margin-right: calc(-1 * var(--space-xxl)) !important; } .offset-right-none-at-extra-large { margin-right: calc(-1 * var(--space-none)) !important; } } .font-size-tiny { font-size: var(--font-size-tiny); line-height: var(--line-height-tiny); } .type-display .font-size-tiny { font-size: var(--font-size-display-tiny); line-height: var(--line-height-display-tiny); letter-spacing: var(--letter-spacing-display-normal); } .font-size-small { font-size: var(--font-size-small); line-height: var(--line-height-small); } .type-display .font-size-small { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); letter-spacing: var(--letter-spacing-display-normal); } .font-size-base { font-size: var(--font-size-base); line-height: var(--line-height-base); } .type-display .font-size-base { font-size: var(--font-size-display-base); line-height: var(--line-height-display-base); } .font-size-large { font-size: var(--font-size-medium); line-height: var(--line-height-medium); letter-spacing: var(--letter-spacing-large-base); } @media (min-width: 1023px) { .font-size-large { font-size: var(--font-size-large); line-height: var(--line-height-large); letter-spacing: var(--letter-spacing-large-medium); } } .type-display .font-size-large { font-family: var(--font-family-display); font-size: var(--font-size-display-large-base); line-height: var(--line-height-display-large-base); letter-spacing: var(--letter-spacing-display-large-base); } .type-display .font-size-large a { letter-spacing: var(--letter-spacing-display-link-large-base); } @media (min-width: 1023px) { .type-display .font-size-large { font-size: var(--font-size-display-large-medium); line-height: var(--line-height-display-large-medium); letter-spacing: var(--letter-spacing-display-large-medium); } .type-display .font-size-large a { letter-spacing: var(--letter-spacing-display-link-large-medium); } } .font-weight-thin { font-weight: var(--font-weight-thin) !important; } .font-weight-light { font-weight: var(--font-weight-light) !important; } .font-weight-regular { font-weight: var(--font-weight-regular) !important; } .font-weight-medium { font-weight: var(--font-weight-medium) !important; } .font-weight-semibold { font-weight: var(--font-weight-semibold) !important; } .font-weight-bold { font-weight: var(--font-weight-bold) !important; } .font-eyebrow-small { font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.125em; font-family: var(--font-family-base); font-size: var(--font-size-tiny); line-height: var(--line-height-tiny); } @media (min-width: 1023px) { .font-eyebrow-small { font-size: var(--font-size-small); line-height: var(--line-height-small); } } .type-display .font-eyebrow-small { font-size: var(--font-size-display-tiny); line-height: var(--line-height-display-tiny); } @media (min-width: 1023px) { .type-display .font-eyebrow-small { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); } } .font-eyebrow-large { font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.125em; font-family: var(--font-family-base); font-size: var(--font-size-small); line-height: var(--line-height-small); } @media (min-width: 1023px) { .font-eyebrow-large { font-size: var(--font-size-base); line-height: var(--line-height-base); } } .type-display .font-eyebrow-large { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); } @media (min-width: 1023px) { .type-display .font-eyebrow-large { font-size: var(--font-size-display-base); line-height: var(--line-height-display-base); } } .headings-compact h1:not(:first-child), .headings-compact .h1:not(:first-child), .headings-compact h2:not(:first-child), .headings-compact .h2:not(:first-child), .headings-compact h3:not(:first-child), .headings-compact .h3:not(:first-child), .headings-compact h4:not(:first-child), .headings-compact .h4:not(:first-child), .headings-compact h5:not(:first-child), .headings-compact .h5:not(:first-child), .headings-compact .font-eyebrow-small:not(:first-child), .headings-compact .font-eyebrow-large:not(:first-child) { margin-top: var(--line-height-base); } .headings-compact h1:not(:last-child), .headings-compact .h1:not(:last-child), .headings-compact h2:not(:last-child), .headings-compact .h2:not(:last-child), .headings-compact h3:not(:last-child), .headings-compact .h3:not(:last-child), .headings-compact h4:not(:last-child), .headings-compact .h4:not(:last-child), .headings-compact h5:not(:last-child), .headings-compact .h5:not(:last-child), .headings-compact .font-eyebrow-small:not(:last-child), .headings-compact .font-eyebrow-large:not(:last-child) { margin-bottom: calc(var(--line-height-base) / 2); } .headings-compact h1 + p, .headings-compact .h1 + p, .headings-compact h2 + p, .headings-compact .h2 + p, .headings-compact h3 + p, .headings-compact .h3 + p, .headings-compact h4 + p, .headings-compact .h4 + p, .headings-compact h5 + p, .headings-compact .h5 + p, .headings-compact .font-eyebrow-small + p, .headings-compact .font-eyebrow-large + p { margin-top: 0; } .headings-compact h6:not(:first-child), .headings-compact .h6:not(:first-child) { margin-top: var(--line-height-base); } .headings-compact h6:not(:last-child), .headings-compact .h6:not(:last-child) { margin-bottom: 0; } .headings-compact h6 + p, .headings-compact .h6 + p { margin-top: 0; } .type-display .headings-compact h1:not(:first-child), .type-display .headings-compact .h1:not(:first-child), .type-display .headings-compact h2:not(:first-child), .type-display .headings-compact .h2:not(:first-child), .type-display .headings-compact h3:not(:first-child), .type-display .headings-compact .h3:not(:first-child), .type-display .headings-compact h4:not(:first-child), .type-display .headings-compact .h4:not(:first-child), .type-display .headings-compact h5:not(:first-child), .type-display .headings-compact .h5:not(:first-child), .type-display .headings-compact .font-eyebrow-small:not(:first-child), .type-display .headings-compact .font-eyebrow-large:not(:first-child) { margin-top: var(--line-height-display-base); } .type-display .headings-compact h1:not(:last-child), .type-display .headings-compact .h1:not(:last-child), .type-display .headings-compact h2:not(:last-child), .type-display .headings-compact .h2:not(:last-child), .type-display .headings-compact h3:not(:last-child), .type-display .headings-compact .h3:not(:last-child), .type-display .headings-compact h4:not(:last-child), .type-display .headings-compact .h4:not(:last-child), .type-display .headings-compact h5:not(:last-child), .type-display .headings-compact .h5:not(:last-child), .type-display .headings-compact .font-eyebrow-small:not(:last-child), .type-display .headings-compact .font-eyebrow-large:not(:last-child) { margin-bottom: calc(var(--line-height-display-base) / 2); } .type-display .headings-compact h1 + p, .type-display .headings-compact .h1 + p, .type-display .headings-compact h2 + p, .type-display .headings-compact .h2 + p, .type-display .headings-compact h3 + p, .type-display .headings-compact .h3 + p, .type-display .headings-compact h4 + p, .type-display .headings-compact .h4 + p, .type-display .headings-compact h5 + p, .type-display .headings-compact .h5 + p, .type-display .headings-compact .font-eyebrow-small + p, .type-display .headings-compact .font-eyebrow-large + p { margin-top: 0; } .type-display .headings-compact h6:not(:first-child), .type-display .headings-compact .h6:not(:first-child) { margin-top: var(--line-height-display-base); } .type-display .headings-compact h6:not(:last-child), .type-display .headings-compact .h6:not(:last-child) { margin-bottom: 0; } .type-display .headings-compact h6 + p, .type-display .headings-compact .h6 + p { margin-top: 0; } .fine-print, .upperspaced { font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.125em; font-family: var(--font-family-base); font-size: var(--font-size-tiny); line-height: var(--line-height-tiny); } @media (min-width: 1023px) { .fine-print, .upperspaced { font-size: var(--font-size-small); line-height: var(--line-height-small); } } .type-display .fine-print, .type-display .upperspaced { font-size: var(--font-size-display-tiny); line-height: var(--line-height-display-tiny); } @media (min-width: 1023px) { .type-display .fine-print, .type-display .upperspaced { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); } } .legal-text { font-size: var(--font-size-tiny); line-height: var(--line-height-tiny); } .type-display .legal-text { font-size: var(--font-size-display-tiny); line-height: var(--line-height-display-tiny); letter-spacing: var(--letter-spacing-display-normal); } .text-truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .no-wrap { white-space: nowrap; } .uppercase { text-transform: uppercase !important; } .capitalize { text-transform: capitalize !important; } .lowercase { text-transform: lowercase !important; } .normalcase { text-transform: none !important; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) { position: relative; --carousel-button-size: 40px; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]), .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide img { position: relative; width: 100%; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide[data-active='false'] *, .carousel[data-dragging='true']:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide *, .carousel[data-animating='true']:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide * { pointer-events: none; } .carousel[data-dragging='true']:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slider, .carousel[data-dragging='start']:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-opacity-focus]:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-opacity-focus]:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator:hover, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator:focus { opacity: 0.5; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator:active { opacity: 1; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator::before, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator::before { background-color: white; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-nav { margin-top: var(--space-small); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } @media (hover: hover) { .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:hover, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:focus, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:hover, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:hover, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:focus, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:hover, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:active, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left:active, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left::before, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left::before, .bg-invert .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left.hidden, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { margin-left: var(--space-line); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } @media (min-width: 1023px) { .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { position: absolute; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left::before, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left.hidden, .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right.hidden { display: none !important; } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-left { left: var(--space-line); } .carousel:not([data-carousel-enabled="false"]):not([data-until-breakpoint]) .carousel-button-right { right: var(--space-line); } } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='base'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='base'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='base'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='base'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='base'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='base'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } @media (hover: hover) { .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } @media (min-width: 1023px) { .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='base']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 374px) { .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='extra-small'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='extra-small'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='extra-small'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='extra-small'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='extra-small'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='extra-small'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 374px) and (hover: hover) { .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 374px) { .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 374px) and (min-width: 1023px) { .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='extra-small']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 716px) { .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='small'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='small'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='small'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='small'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='small'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='small'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 716px) and (hover: hover) { .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 716px) { .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 716px) and (min-width: 1023px) { .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='small']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 1022px) { .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='medium'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='medium'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='medium'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='medium'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='medium'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='medium'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 1022px) and (hover: hover) { .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 1022px) { .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 1022px) and (min-width: 1023px) { .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='medium']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 1239px) { .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='large'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='large'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='large'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='large'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='large'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='large'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 1239px) and (hover: hover) { .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 1239px) { .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 1239px) and (min-width: 1023px) { .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='large']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } @media (max-width: 1499px) { .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) { position: relative; --carousel-button-size: 40px; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]), .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) * { user-select: none; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-slider { cursor: move; cursor: grab; position: relative; display: flex; flex-wrap: nowrap; transform: translate3d(0px, 0px, 0px); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-slide { flex: 0 0 auto; z-index: 1; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-slide img { position: relative; width: 100%; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] *, .carousel[data-until-breakpoint='extra-large'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slide *, .carousel[data-until-breakpoint='extra-large'][data-animating='true']:not([data-carousel-enabled="false"]) .carousel-slide * { pointer-events: none; } .carousel[data-until-breakpoint='extra-large'][data-dragging='true']:not([data-carousel-enabled="false"]) .carousel-slider, .carousel[data-until-breakpoint='extra-large'][data-dragging='start']:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { cursor: move; cursor: grabbing; } .carousel[data-until-breakpoint='extra-large'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide { transition: opacity var(--duration-quick) var(--easing-sharp); } .carousel[data-until-breakpoint='extra-large'][data-opacity-focus]:not([data-carousel-enabled="false"]) .carousel-slide[data-active='false'] { opacity: 0.5; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { display: block; position: relative; margin-top: var(--space-line); text-align: center; line-height: 1; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator { cursor: pointer; display: inline-block; width: var(--space-small); height: var(--space-small); padding: var(--space-base); transition: opacity var(--duration-quick) var(--easing-sharp); opacity: 0.25; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator:hover, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator:focus { opacity: 0.5; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator:active { opacity: 1; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator[data-active='true'] { opacity: 1; pointer-events: none; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator::before { content: ''; display: block; width: 100%; height: 100%; border-radius: 50%; background-color: var(--color-charcoal); } .bg-theme .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator::before, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator::before { background-color: white; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { cursor: pointer; display: inline-block; width: var(--carousel-button-size); height: var(--carousel-button-size); opacity: 1; z-index: 1; border-radius: 50%; background-color: white; border: 1px solid var(--color-gray-15); } .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { background-color: var(--color-gray-90); border: 1px solid var(--color-gray-80); } } @media (max-width: 1499px) and (hover: hover) { .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:hover, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:focus, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:hover, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:focus { background-color: var(--color-gray-80); } } @media (max-width: 1499px) { .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-03); } .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left:active, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right:active { background-color: var(--color-gray-80); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { content: '←'; color: var(--color-text); display: block; width: 100%; height: 100%; border-radius: 50%; transform: translateY(-1px); text-align: center; justify-content: center; line-height: var(--carousel-button-size); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4-medium); z-index: 1; transition: background-color var(--duration-quick) var(--easing-sharp); } .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .bg-invert .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { color: white; box-shadow: none; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: inline-block !important; opacity: 0.5; pointer-events: none; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { margin-left: var(--space-line); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { transform: scaleX(-1) translateY(-1px); } } @media (max-width: 1499px) and (min-width: 1023px) { .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-indicator-nav { margin-top: var(--space-small); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-nav { position: absolute; top: 50%; left: 50%; margin-top: calc(-1 * var(--space-small)); width: 100vw; max-width: var(--body-width-max); transform: translateX(-50%); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { position: absolute; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left::before, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right::before { border-color: transparent; box-shadow: 0px 4px 9px var(--color-drop-shadow); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left.hidden, .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right.hidden { display: none !important; } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-left { left: var(--space-line); } .carousel[data-until-breakpoint='extra-large']:not([data-carousel-enabled="false"]) .carousel-button-right { right: var(--space-line); } } .flash { visibility: hidden; position: fixed; z-index: 800; width: 100%; max-width: var(--body-width-max); font-size: var(--font-size-small); line-height: var(--line-height-small); font-weight: var(--font-weight-bold); text-align: center; color: white; background-color: var(--color-gray-80); transition: transform var(--duration-leave) var(--easing-accelerate) 0s, visibility 0s linear var(--duration-leave), background-color var(--duration-quick) var(--easing-sharp); } .flash a { font-weight: inherit; color: inherit; text-decoration: underline; } .flash-message { margin-left: auto; margin-right: auto; padding-top: var(--space-line); padding-bottom: var(--space-line); width: var(--container-width-base); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--body-width-min) - var(--container-width-base)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--body-width-min) - var(--container-width-base)) / 2)))); } @media (min-width: 375px) { .flash-message { width: var(--container-width-extra-small); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-extra-small) - var(--container-width-extra-small)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-extra-small) - var(--container-width-extra-small)) / 2)))); } } @media (min-width: 717px) { .flash-message { width: var(--container-width-small); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-small) - var(--container-width-small)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-small) - var(--container-width-small)) / 2)))); } } @media (min-width: 1023px) { .flash-message { width: var(--container-width-medium); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-medium) - var(--container-width-medium)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-medium) - var(--container-width-medium)) / 2)))); } } @media (min-width: 1240px) { .flash-message { width: var(--container-width-large); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-large) - var(--container-width-large)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-large) - var(--container-width-large)) / 2)))); } } @media (min-width: 1500px) { .flash-message { width: var(--container-width-extra-large); padding-left: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-extra-large) - var(--container-width-extra-large)) / 2)))); padding-right: calc(max(0px, (var(--close-button-size) + var(--space-line) * 2 - calc((var(--breakpoint-width-extra-large) - var(--container-width-extra-large)) / 2)))); } } .flash-close { position: absolute; display: block; overflow: hidden; top: var(--space-line); right: var(--space-line); width: var(--close-button-size); height: var(--close-button-size); min-height: 0; padding: 0; font-size: 0; color: transparent; background-color: transparent !important; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); background-repeat: no-repeat; background-position: center; outline: 0; } .flash-top { top: 0; transform: translateY(-100%); box-shadow: 0 4px 20px var(--color-drop-shadow); } .flash-bottom { bottom: 0; transform: translateY(100%); box-shadow: 0 -4px 20px var(--color-drop-shadow); } .flash-info { background-color: var(--color-validation-info); } .flash-success { background-color: var(--color-validation-success); } .flash-warning { background-color: var(--color-validation-warning); } .flash-error { background-color: var(--color-validation-error); } .flash-show { visibility: visible; transform: translateY(0); transition: transform var(--duration-enter) var(--easing-decelerate) 0s, visibility 0s linear 0s, background-color var(--duration-quick) var(--easing-sharp); } .page-footer { margin-top: auto; position: relative; background-color: var(--color-footer-bg); color: var(--color-footer-text); font-size: var(--font-size-small); line-height: var(--line-height-small); } .page-footer [fill]:not([fill='none']):not([fill^='url']) { fill: var(--color-footer-link) !important; } .page-footer [stroke]:not([stroke='transparent']) { stroke: var(--color-footer-link) !important; } .page-footer a { color: var(--color-footer-link) !important; } .page-footer h1 a, .page-footer .h1 a, .page-footer h2 a, .page-footer .h2 a, .page-footer h3 a, .page-footer .h3 a, .page-footer h4 a, .page-footer .h4 a, .page-footer h5 a, .page-footer .h5 a, .page-footer h6 a, .page-footer .h6 a { color: var(--color-footer-text) !important; } .page-footer .destination-links li { margin-bottom: calc(var(--space-base) / 2); } .page-footer .primary { margin-bottom: var(--space-small); } .page-footer .tertiary { padding-top: var(--space-line); padding-bottom: var(--space-line); margin-bottom: var(--space-line); border-top: 1px solid var(--color-footer-border); border-bottom: 1px solid var(--color-footer-border); } .page-footer .collapse { visibility: hidden; } @media (min-width: 717px) { .page-footer [data-transition-target] { cursor: default; pointer-events: none; } .page-footer [data-transition-target] .caret::after { display: none; } } @media (min-width: 717px) { .page-footer [data-transition-types='collapse fade'] { overflow: visible !important; opacity: 1 !important; height: auto !important; visibility: visible !important; } } :root { --_graphical-list-size: 40px; } ol.graphical { counter-reset: list_item; } ol.graphical:not([class^='grid']):not([class*=' grid']) { margin-bottom: calc(-1 * var(--space-small)); } ol.graphical:not([class^='grid']):not([class*=' grid']) > li { margin-bottom: var(--space-small); } ol.graphical:not([class^='grid']):not([class*=' grid']):not([class*='graphical-flex']) > li { padding-left: 0; } ol.graphical > li::before { counter-increment: list_item; content: counter(list_item); display: block; position: static; width: var(--_graphical-list-size); height: var(--_graphical-list-size); margin-left: 0; margin-bottom: var(--space-line); font-size: var(--font-size-small); font-weight: var(--font-weight-medium); text-align: center; line-height: calc(var(--_graphical-list-size) - 2px); color: var(--color-text); border-style: solid; border-width: 1px; border-radius: 50%; border-color: var(--color-text); } .bg-invert ol.graphical > li::before, .bg-theme ol.graphical > li::before { color: white; border-color: white; } ol.graphical > li > *:last-child { margin-bottom: 0; } ol.graphical.graphical-flex > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex[class^='grid'] > li, ol.graphical.graphical-flex[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex[class^='grid'] > li::before, ol.graphical.graphical-flex[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } @media (min-width: 375px) { ol.graphical.graphical-flex-at-extra-small > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-extra-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-extra-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-extra-small.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-small.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-small.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-small.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } @media (min-width: 717px) { ol.graphical.graphical-flex-at-small > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-small > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-small[class^='grid'] > li, ol.graphical.graphical-flex-at-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-small.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-small.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-small.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-small.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-small.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-small.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-small.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-small.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-small.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-small.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-small.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-small.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } @media (min-width: 1023px) { ol.graphical.graphical-flex-at-medium > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-medium > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-medium.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-medium.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-medium.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-medium.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-medium.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } @media (min-width: 1240px) { ol.graphical.graphical-flex-at-large > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-large > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-large[class^='grid'] > li, ol.graphical.graphical-flex-at-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-large.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-large.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-large.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-large.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-large.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-large.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-large.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-large.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-large.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-large.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-large.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-large.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } @media (min-width: 1500px) { ol.graphical.graphical-flex-at-extra-large > li { padding-left: calc(var(--_graphical-list-size) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large > li::before { position: absolute; left: 0; } ol.graphical.graphical-flex-at-extra-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + var(--space-line) + calc(var(--space-line) / 2)); } ol.graphical.graphical-flex-at-extra-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-base[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-base[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-base[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-base) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-base[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-base[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-base[class*=' grid'] > li::before { left: calc(var(--space-base) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-line[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-line[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-line[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-line) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-line[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-line[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-line[class*=' grid'] > li::before { left: calc(var(--space-line) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-small[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-small[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-small[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-small) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-small[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-small[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-small[class*=' grid'] > li::before { left: calc(var(--space-small) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-medium[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-medium[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-medium[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-medium) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-medium[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-medium[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-medium[class*=' grid'] > li::before { left: calc(var(--space-medium) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-large[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-large[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-large[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-large) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-large[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-large[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-large[class*=' grid'] > li::before { left: calc(var(--space-large) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-xl[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-xl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xl[class*=' grid'] > li::before { left: calc(var(--space-xl) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xxl[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-xxl[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xxl[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-xxl) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xxl[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-xxl[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-xxl[class*=' grid'] > li::before { left: calc(var(--space-xxl) / 2); } ol.graphical.graphical-flex-at-extra-large.grid-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-none[class^='grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-space-none[class*=' grid'] > li, ol.graphical.graphical-flex-at-extra-large.grid-col-space-none[class*=' grid'] > li { padding-left: calc( var(--_graphical-list-size) + calc(var(--space-none) / 2) + var(--space-line)); } ol.graphical.graphical-flex-at-extra-large.grid-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-none[class^='grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-space-none[class*=' grid'] > li::before, ol.graphical.graphical-flex-at-extra-large.grid-col-space-none[class*=' grid'] > li::before { left: calc(var(--space-none) / 2); } } .theme-lime ol.graphical > li::before, [class^='theme-'] .theme-lime ol.graphical > li::before, [class*=' theme-'] .theme-lime ol.graphical > li::before { color: var(--color-lime); border-color: var(--color-lime); } .theme-lime .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-lime .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-lime .bg-invert ol.graphical > li::before { color: var(--color-lime-light); border-color: var(--color-lime-light); } .theme-lime .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-lime .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-lime .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-lime .bg-white ol.graphical > li::before, [class^='theme-'] .theme-lime .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-lime .bg-white ol.graphical > li::before { color: var(--color-lime); border-color: var(--color-lime); } .theme-green ol.graphical > li::before, [class^='theme-'] .theme-green ol.graphical > li::before, [class*=' theme-'] .theme-green ol.graphical > li::before { color: var(--color-green); border-color: var(--color-green); } .theme-green .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-green .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-green .bg-invert ol.graphical > li::before { color: var(--color-green-light); border-color: var(--color-green-light); } .theme-green .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-green .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-green .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-green .bg-white ol.graphical > li::before, [class^='theme-'] .theme-green .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-green .bg-white ol.graphical > li::before { color: var(--color-green); border-color: var(--color-green); } .theme-teal ol.graphical > li::before, [class^='theme-'] .theme-teal ol.graphical > li::before, [class*=' theme-'] .theme-teal ol.graphical > li::before { color: var(--color-teal); border-color: var(--color-teal); } .theme-teal .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-teal .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-teal .bg-invert ol.graphical > li::before { color: var(--color-teal-light); border-color: var(--color-teal-light); } .theme-teal .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-teal .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-teal .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-teal .bg-white ol.graphical > li::before, [class^='theme-'] .theme-teal .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-teal .bg-white ol.graphical > li::before { color: var(--color-teal); border-color: var(--color-teal); } .theme-blue ol.graphical > li::before, [class^='theme-'] .theme-blue ol.graphical > li::before, [class*=' theme-'] .theme-blue ol.graphical > li::before { color: var(--color-blue); border-color: var(--color-blue); } .theme-blue .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-blue .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-blue .bg-invert ol.graphical > li::before { color: var(--color-blue-light); border-color: var(--color-blue-light); } .theme-blue .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-blue .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-blue .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-blue .bg-white ol.graphical > li::before, [class^='theme-'] .theme-blue .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-blue .bg-white ol.graphical > li::before { color: var(--color-blue); border-color: var(--color-blue); } .theme-royal-blue ol.graphical > li::before, [class^='theme-'] .theme-royal-blue ol.graphical > li::before, [class*=' theme-'] .theme-royal-blue ol.graphical > li::before { color: var(--color-royal-blue); border-color: var(--color-royal-blue); } .theme-royal-blue .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-royal-blue .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-royal-blue .bg-invert ol.graphical > li::before { color: var(--color-royal-blue-light); border-color: var(--color-royal-blue-light); } .theme-royal-blue .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-royal-blue .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-royal-blue .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-royal-blue .bg-white ol.graphical > li::before, [class^='theme-'] .theme-royal-blue .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-royal-blue .bg-white ol.graphical > li::before { color: var(--color-royal-blue); border-color: var(--color-royal-blue); } .theme-indigo ol.graphical > li::before, [class^='theme-'] .theme-indigo ol.graphical > li::before, [class*=' theme-'] .theme-indigo ol.graphical > li::before { color: var(--color-indigo); border-color: var(--color-indigo); } .theme-indigo .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-indigo .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-indigo .bg-invert ol.graphical > li::before { color: var(--color-indigo-light); border-color: var(--color-indigo-light); } .theme-indigo .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-indigo .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-indigo .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-indigo .bg-white ol.graphical > li::before, [class^='theme-'] .theme-indigo .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-indigo .bg-white ol.graphical > li::before { color: var(--color-indigo); border-color: var(--color-indigo); } .theme-purple ol.graphical > li::before, [class^='theme-'] .theme-purple ol.graphical > li::before, [class*=' theme-'] .theme-purple ol.graphical > li::before { color: var(--color-purple); border-color: var(--color-purple); } .theme-purple .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-purple .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-purple .bg-invert ol.graphical > li::before { color: var(--color-purple-light); border-color: var(--color-purple-light); } .theme-purple .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-purple .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-purple .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-purple .bg-white ol.graphical > li::before, [class^='theme-'] .theme-purple .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-purple .bg-white ol.graphical > li::before { color: var(--color-purple); border-color: var(--color-purple); } .theme-plum ol.graphical > li::before, [class^='theme-'] .theme-plum ol.graphical > li::before, [class*=' theme-'] .theme-plum ol.graphical > li::before { color: var(--color-plum); border-color: var(--color-plum); } .theme-plum .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-plum .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-plum .bg-invert ol.graphical > li::before { color: var(--color-plum-light); border-color: var(--color-plum-light); } .theme-plum .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-plum .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-plum .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-plum .bg-white ol.graphical > li::before, [class^='theme-'] .theme-plum .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-plum .bg-white ol.graphical > li::before { color: var(--color-plum); border-color: var(--color-plum); } .theme-rose ol.graphical > li::before, [class^='theme-'] .theme-rose ol.graphical > li::before, [class*=' theme-'] .theme-rose ol.graphical > li::before { color: var(--color-rose); border-color: var(--color-rose); } .theme-rose .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-rose .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-rose .bg-invert ol.graphical > li::before { color: var(--color-rose-light); border-color: var(--color-rose-light); } .theme-rose .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-rose .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-rose .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-rose .bg-white ol.graphical > li::before, [class^='theme-'] .theme-rose .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-rose .bg-white ol.graphical > li::before { color: var(--color-rose); border-color: var(--color-rose); } .theme-orange ol.graphical > li::before, [class^='theme-'] .theme-orange ol.graphical > li::before, [class*=' theme-'] .theme-orange ol.graphical > li::before { color: var(--color-orange); border-color: var(--color-orange); } .theme-orange .bg-invert ol.graphical > li::before, [class^='theme-'] .theme-orange .bg-invert ol.graphical > li::before, [class*=' theme-'] .theme-orange .bg-invert ol.graphical > li::before { color: var(--color-orange-light); border-color: var(--color-orange-light); } .theme-orange .bg-theme ol.graphical > li::before, [class^='theme-'] .theme-orange .bg-theme ol.graphical > li::before, [class*=' theme-'] .theme-orange .bg-theme ol.graphical > li::before { color: white; border-color: white; } .theme-orange .bg-white ol.graphical > li::before, [class^='theme-'] .theme-orange .bg-white ol.graphical > li::before, [class*=' theme-'] .theme-orange .bg-white ol.graphical > li::before { color: var(--color-orange); border-color: var(--color-orange); } .align-center ol.graphical > li::before, ol.graphical.align-center > li::before, ol.graphical > li.align-center::before { margin-left: auto; margin-right: auto; } .align-right ol.graphical > li::before, ol.graphical.align-right > li::before, ol.graphical > li.align-right::before { margin-left: auto; margin-right: 0; } .hero { overflow: hidden; position: relative; text-align: center; } .hero .content { margin-left: auto; margin-right: auto; max-width: var(--content-max-width); padding: var(--space-medium) 0; } .type-display .hero .content { margin-left: auto; margin-right: auto; max-width: 100%; padding: var(--space-large) 0; } @media (min-width: 1023px) { .type-display .hero .content { padding: var(--space-xl) 0; } } .type-display .hero .content > * { margin-left: auto; margin-right: auto; max-width: var(--content-display-max-width); } .type-display .hero .content > h1 { margin-left: auto; margin-right: auto; max-width: 100%; } @media (min-width: 1023px) { .hero .content { padding: var(--space-large) 0; } } .hero h1 { font-size: var(--font-size-hero-base); line-height: var(--line-height-hero-base); letter-spacing: var(--letter-spacing-hero-base); margin-top: 0; } .hero h1:not(:last-child) { margin-bottom: var(--line-height-base); } @media (min-width: 1023px) { .hero h1 { font-size: var(--font-size-hero-medium); line-height: var(--line-height-hero-medium); letter-spacing: var(--letter-spacing-hero-medium); } } .type-display .hero h1 { font-size: var(--font-size-display-hero-base); line-height: var(--line-height-display-hero-base); letter-spacing: var(--letter-spacing-display-hero-base); } @media (min-width: 1023px) { .type-display .hero h1 { font-size: var(--font-size-display-hero-medium); line-height: var(--line-height-display-hero-medium); letter-spacing: var(--letter-spacing-display-hero-medium); font-weight: var(--font-weight-display-hero-medium); } } .hero h2 { font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.125em; font-family: var(--font-family-base); font-size: var(--font-size-small); line-height: var(--line-height-small); } @media (min-width: 1023px) { .hero h2 { font-size: var(--font-size-base); line-height: var(--line-height-base); } } .type-display .hero h2 { font-size: var(--font-size-display-small); line-height: var(--line-height-display-small); } @media (min-width: 1023px) { .type-display .hero h2 { font-size: var(--font-size-display-base); line-height: var(--line-height-display-base); } } .hero h2, .hero .font-eyebrow-large { margin-bottom: calc(var(--line-height-base) / 2); } .hero.hero-tucked { margin-top: calc(-1 * var(--nav-height)); padding-top: var(--nav-height); } .intro { margin-left: auto; margin-right: auto; max-width: var(--content-max-width); text-align: center; } .intro h1:not(:first-child), .intro .h1:not(:first-child), .intro h2:not(:first-child), .intro .h2:not(:first-child), .intro h3:not(:first-child), .intro .h3:not(:first-child), .intro h4:not(:first-child), .intro .h4:not(:first-child), .intro h5:not(:first-child), .intro .h5:not(:first-child), .intro .font-eyebrow-small:not(:first-child), .intro .font-eyebrow-large:not(:first-child) { margin-top: var(--line-height-base); } .intro h1:not(:last-child), .intro .h1:not(:last-child), .intro h2:not(:last-child), .intro .h2:not(:last-child), .intro h3:not(:last-child), .intro .h3:not(:last-child), .intro h4:not(:last-child), .intro .h4:not(:last-child), .intro h5:not(:last-child), .intro .h5:not(:last-child), .intro .font-eyebrow-small:not(:last-child), .intro .font-eyebrow-large:not(:last-child) { margin-bottom: calc(var(--line-height-base) / 2); } .intro h1 + p, .intro .h1 + p, .intro h2 + p, .intro .h2 + p, .intro h3 + p, .intro .h3 + p, .intro h4 + p, .intro .h4 + p, .intro h5 + p, .intro .h5 + p, .intro .font-eyebrow-small + p, .intro .font-eyebrow-large + p { margin-top: 0; } .intro h6:not(:first-child), .intro .h6:not(:first-child) { margin-top: var(--line-height-base); } .intro h6:not(:last-child), .intro .h6:not(:last-child) { margin-bottom: 0; } .intro h6 + p, .intro .h6 + p { margin-top: 0; } .type-display .intro h1:not(:first-child), .type-display .intro .h1:not(:first-child), .type-display .intro h2:not(:first-child), .type-display .intro .h2:not(:first-child), .type-display .intro h3:not(:first-child), .type-display .intro .h3:not(:first-child), .type-display .intro h4:not(:first-child), .type-display .intro .h4:not(:first-child), .type-display .intro h5:not(:first-child), .type-display .intro .h5:not(:first-child), .type-display .intro .font-eyebrow-small:not(:first-child), .type-display .intro .font-eyebrow-large:not(:first-child) { margin-top: var(--line-height-display-base); } .type-display .intro h1:not(:last-child), .type-display .intro .h1:not(:last-child), .type-display .intro h2:not(:last-child), .type-display .intro .h2:not(:last-child), .type-display .intro h3:not(:last-child), .type-display .intro .h3:not(:last-child), .type-display .intro h4:not(:last-child), .type-display .intro .h4:not(:last-child), .type-display .intro h5:not(:last-child), .type-display .intro .h5:not(:last-child), .type-display .intro .font-eyebrow-small:not(:last-child), .type-display .intro .font-eyebrow-large:not(:last-child) { margin-bottom: calc(var(--line-height-display-base) / 2); } .type-display .intro h1 + p, .type-display .intro .h1 + p, .type-display .intro h2 + p, .type-display .intro .h2 + p, .type-display .intro h3 + p, .type-display .intro .h3 + p, .type-display .intro h4 + p, .type-display .intro .h4 + p, .type-display .intro h5 + p, .type-display .intro .h5 + p, .type-display .intro .font-eyebrow-small + p, .type-display .intro .font-eyebrow-large + p { margin-top: 0; } .type-display .intro h6:not(:first-child), .type-display .intro .h6:not(:first-child) { margin-top: var(--line-height-display-base); } .type-display .intro h6:not(:last-child), .type-display .intro .h6:not(:last-child) { margin-bottom: 0; } .type-display .intro h6 + p, .type-display .intro .h6 + p { margin-top: 0; } .type-display .intro { margin-left: auto; margin-right: auto; max-width: var(--content-display-max-width); max-width: 70em; } .type-display .intro h1, .type-display .intro .h1 { max-width: 100%; } .type-display .intro h2, .type-display .intro .h2, .type-display .intro h3, .type-display .intro .h3, .type-display .intro h4, .type-display .intro .h4 { max-width: var(--content-display-max-width); margin-left: inherit; margin-right: inherit; } .type-display .intro p { max-width: var(--content-display-max-width); margin-left: auto; margin-right: auto; } .type-display .intro.align-left p { margin-left: initial; } .type-display .intro.align-right p { margin-right: initial; } .intro:not(:last-child) { margin-bottom: var(--space-small); } @media (min-width: 1023px) { .intro:not(:last-child) { margin-bottom: var(--space-medium); } } html.modal-active { overflow: hidden; } .modal { position: fixed; width: 100%; top: 0; bottom: 0; max-width: var(--body-width-max); margin: 0 auto; opacity: 0; visibility: hidden; z-index: -1; pointer-events: none; overflow: hidden; transition: opacity 0s var(--duration-leave), visibility 0s var(--duration-leave), z-index 0s var(--duration-leave); } .modal::before { content: ''; display: block; position: fixed; top: 0; bottom: 0; width: 100%; max-width: var(--body-width-max); margin: 0 auto; background-color: black; opacity: 0; transition: opacity var(--duration-leave) var(--easing-accelerate); } .modal[data-active='true'] { opacity: 1; visibility: visible; z-index: 300; pointer-events: auto; transition: opacity 0s 0s, visibility 0s 0s, z-index 0s 0s; } .modal[data-active='true']::before { opacity: 0.5; transition: opacity var(--duration-complex) var(--easing-decelerate); } .modal-scroll { z-index: 0; display: flex; position: fixed; top: 0; bottom: 0; width: 100%; max-width: var(--body-width-max); margin: 0 auto; text-align: center; overflow: auto; -webkit-overflow-scrolling: touch; transform: translate3d(0, 100%, 0); transition: opacity var(--duration-leave) var(--easing-accelerate), transform var(--duration-leave) var(--easing-accelerate); } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .modal-scroll { display: block; } } .modal[data-active='true'] .modal-scroll { transform: translate3d(0, 0, 0); transition: opacity var(--duration-complex) var(--easing-decelerate), transform var(--duration-complex) var(--easing-decelerate); } .modal-wrapper { position: relative; width: 100%; min-height: 100%; max-width: var(--body-width-max); margin: auto; background-color: white; padding: var(--space-medium) 0; text-align: left; } .modal.shake .modal-wrapper { animation-name: shake-dialog; animation-duration: var(--duration-default); } .modal-accent .modal-wrapper { background-color: var(--color-accent); } .modal-invert .modal-wrapper { color: white; background-color: var(--color-charcoal); } .theme-lime .modal-theme .modal-wrapper { color: white; background-color: var(--color-lime); } .theme-green .modal-theme .modal-wrapper { color: white; background-color: var(--color-green); } .theme-teal .modal-theme .modal-wrapper { color: white; background-color: var(--color-teal); } .theme-blue .modal-theme .modal-wrapper { color: white; background-color: var(--color-blue); } .theme-royal-blue .modal-theme .modal-wrapper { color: white; background-color: var(--color-royal-blue); } .theme-indigo .modal-theme .modal-wrapper { color: white; background-color: var(--color-indigo); } .theme-purple .modal-theme .modal-wrapper { color: white; background-color: var(--color-purple); } .theme-plum .modal-theme .modal-wrapper { color: white; background-color: var(--color-plum); } .theme-rose .modal-theme .modal-wrapper { color: white; background-color: var(--color-rose); } .theme-orange .modal-theme .modal-wrapper { color: white; background-color: var(--color-orange); } .modal-close-button { position: absolute; top: var(--space-base); right: var(--space-base); width: 45px; height: 45px; border-radius: 50%; } .modal-close-button::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: var(--border-radius-large); background-color: var(--color-gray-05); opacity: 0.75; transition: opacity var(--duration-quick) var(--easing-sharp); } .modal-accent .modal-close-button::before { background-color: var(--color-accent); } .modal-invert .modal-close-button::before { background-color: var(--color-charcoal); } .theme-lime .modal-theme .modal-close-button::before { background-color: var(--color-lime); } .theme-green .modal-theme .modal-close-button::before { background-color: var(--color-green); } .theme-teal .modal-theme .modal-close-button::before { background-color: var(--color-teal); } .theme-blue .modal-theme .modal-close-button::before { background-color: var(--color-blue); } .theme-royal-blue .modal-theme .modal-close-button::before { background-color: var(--color-royal-blue); } .theme-indigo .modal-theme .modal-close-button::before { background-color: var(--color-indigo); } .theme-purple .modal-theme .modal-close-button::before { background-color: var(--color-purple); } .theme-plum .modal-theme .modal-close-button::before { background-color: var(--color-plum); } .theme-rose .modal-theme .modal-close-button::before { background-color: var(--color-rose); } .theme-orange .modal-theme .modal-close-button::before { background-color: var(--color-orange); } .modal-close-button::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iIzAwMCIvPgo8L3N2Zz4K') center center no-repeat; } .modal-invert .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-lime .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-green .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-teal .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-blue .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-royal-blue .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-indigo .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-purple .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-plum .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-rose .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .theme-orange .modal-theme .modal-close-button::after { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzA3IDMuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMC41ODYgMTJsLTcuMjkzIDcuMjkzYTEgMSAwIDEgMCAxLjQxNCAxLjQxNEwxMiAxMy40MTRsNy4yOTMgNy4yOTNhMSAxIDAgMSAwIDEuNDE0LTEuNDE0TDEzLjQxNCAxMmw3LjI5My03LjI5M2ExIDEgMCAxIDAtMS40MTQtMS40MTRMMTIgMTAuNTg2IDQuNzA3IDMuMjkzeiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K'); } .modal-close-button:hover::before { opacity: 1; } .modal-close-button-outer { display: block; opacity: 0; z-index: 1; } .modal[data-active='true'] .modal-close-button-outer { opacity: 1; transition: opacity var(--duration-quick) var(--easing-sharp) var(--duration-complex); } .modal-close-button-inner { display: none; } @media (min-width: 717px) { .modal[data-size='extra-small'] .modal-close-button-outer { display: none; } .modal[data-size='extra-small'] .modal-close-button-inner { display: block; } .modal[data-size='extra-small'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='extra-small'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='extra-small'] .content { width: var(--container-width-base); } } @media (min-width: 717px) { .modal[data-size='small'] .modal-close-button-outer { display: none; } .modal[data-size='small'] .modal-close-button-inner { display: block; } .modal[data-size='small'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='small'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='small'] .content { width: var(--container-width-extra-small); } } @media (min-width: 1023px) { .modal[data-size='medium'] .modal-close-button-outer { display: none; } .modal[data-size='medium'] .modal-close-button-inner { display: block; } .modal[data-size='medium'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='medium'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='medium'] .content { width: var(--container-width-small); } } @media (min-width: 1240px) { .modal[data-size='large'] .modal-close-button-outer { display: none; } .modal[data-size='large'] .modal-close-button-inner { display: block; } .modal[data-size='large'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='large'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='large'] .content { width: var(--container-width-medium); } } @media (min-width: 1500px) { .modal[data-size='extra-large'] .modal-close-button-outer { display: none; } .modal[data-size='extra-large'] .modal-close-button-inner { display: block; } .modal[data-size='extra-large'] .modal-scroll { padding: var(--space-large) 0; } .modal[data-size='extra-large'] .modal-wrapper { display: inline-block; width: auto; min-height: 0; border-radius: var(--border-radius-large); padding: var(--space-medium); } .modal[data-size='extra-large'] .content { width: var(--container-width-large); } } @keyframes shake-dialog { 0% { transform: translate3d(0, 0, 0); } 20% { transform: translate3d(-1%, 0, 0); } 40% { transform: translate3d(1%, 0, 0); } 60% { transform: translate3d(-1%, 0, 0); } 80% { transform: translate3d(1%, 0, 0); } 100% { transform: translate3d(0, 0, 0); } } .sticky-banner { position: fixed; width: 100%; max-width: var(--body-width-max); margin: 0 auto; z-index: 100; background-color: white; visibility: hidden; } .sticky-banner.bg-invert { background-color: var(--color-gray-80); } @media (min-width: 1023px) { .sticky-banner .button { padding: 5px 20px; min-height: auto; } } .show-time .sticky-banner.sticky-animate { transition: transform var(--duration-leave) var(--easing-accelerate), visibility 0s linear var(--duration-leave); } .sticky-banner.sticky-top { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } @media (min-width: 375px) { .sticky-banner.sticky-top-at-extra-small { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-extra-small { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } @media (min-width: 717px) { .sticky-banner.sticky-top-at-small { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-small { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } @media (min-width: 1023px) { .sticky-banner.sticky-top-at-medium { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-medium { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } @media (min-width: 1240px) { .sticky-banner.sticky-top-at-large { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-large { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } @media (min-width: 1500px) { .sticky-banner.sticky-top-at-extra-large { top: 0; bottom: auto; transform: translate3d(0, -100%, 0); box-shadow: 0 4px 20px var(--color-drop-shadow); } .sticky-banner.sticky-bottom-at-extra-large { top: auto; bottom: 0; transform: translate3d(0, 100%, 0); box-shadow: 0 -4px 20px var(--color-drop-shadow); } } .sticky-banner.sticky-active { transform: translate3d(0, 0, 0); } .sticky-banner.sticky-active.sticky-animate { visibility: visible; transition: transform var(--duration-enter) var(--easing-decelerate), visibility 0s linear 0s; } table { width: 100%; max-width: 100%; margin-bottom: 20px; border: 0 solid #d9d9d9; border-spacing: 0; border-collapse: collapse; background-color: white; text-align: left; vertical-align: top; } thead, tbody, tfoot, tr, th, td { border-color: inherit; border-style: inherit; text-align: inherit; vertical-align: inherit; } th, td { padding: 10px; border-width: 1px; background-color: transparent; transition: background-color 150ms; } @supports (mix-blend-mode: multiply) { th, td { mix-blend-mode: multiply; } } .table-border-cells th, .table-border-cells td { border-width: 1px; } .table-header-bg thead th, .table-header-bg thead td { background-color: var(--color-table-header-bg); } .table-border-rows th, .table-border-rows td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows thead th, .table-border-rows thead td, .table-border-rows tbody th, .table-border-rows tbody td { border-top-width: 0; } .table-border-rows tbody tr:last-child th, .table-border-rows tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols th, .table-border-cols td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols th:first-child, .table-border-cols td:first-child { border-left-width: 0; } .table-border-cols th:last-child, .table-border-cols td:last-child { border-right-width: 0; } .table-border-none th, .table-border-none td { border-width: 0; } .table-stripe-rows tbody tr:nth-child(odd) th, .table-stripe-rows tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows tbody tr:nth-child(even) th, .table-stripe-rows tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols tbody tr th:nth-child(odd), .table-stripe-cols tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols tbody tr th:nth-child(even), .table-stripe-cols tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base th, .table-pad-base td { padding: var(--space-base); } .table-pad-line th, .table-pad-line td { padding: var(--space-line); } .table-pad-small th, .table-pad-small td { padding: var(--space-small); } .table-pad-none th, .table-pad-none td { padding: var(--space-none); } @media (min-width: 375px) { .table-border-cells-at-extra-small th, .table-border-cells-at-extra-small td { border-width: 1px; } .table-header-bg-at-extra-small thead th, .table-header-bg-at-extra-small thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-extra-small th, .table-border-rows-at-extra-small td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-extra-small thead th, .table-border-rows-at-extra-small thead td, .table-border-rows-at-extra-small tbody th, .table-border-rows-at-extra-small tbody td { border-top-width: 0; } .table-border-rows-at-extra-small tbody tr:last-child th, .table-border-rows-at-extra-small tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-extra-small th, .table-border-cols-at-extra-small td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-extra-small th:first-child, .table-border-cols-at-extra-small td:first-child { border-left-width: 0; } .table-border-cols-at-extra-small th:last-child, .table-border-cols-at-extra-small td:last-child { border-right-width: 0; } .table-border-none-at-extra-small th, .table-border-none-at-extra-small td { border-width: 0; } .table-stripe-rows-at-extra-small tbody tr:nth-child(odd) th, .table-stripe-rows-at-extra-small tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-extra-small tbody tr:nth-child(even) th, .table-stripe-rows-at-extra-small tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-extra-small tbody tr th:nth-child(odd), .table-stripe-cols-at-extra-small tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-extra-small tbody tr th:nth-child(even), .table-stripe-cols-at-extra-small tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-extra-small th, .table-pad-base-at-extra-small td { padding: var(--space-base); } .table-pad-line-at-extra-small th, .table-pad-line-at-extra-small td { padding: var(--space-line); } .table-pad-small-at-extra-small th, .table-pad-small-at-extra-small td { padding: var(--space-small); } .table-pad-none-at-extra-small th, .table-pad-none-at-extra-small td { padding: var(--space-none); } } @media (min-width: 717px) { .table-border-cells-at-small th, .table-border-cells-at-small td { border-width: 1px; } .table-header-bg-at-small thead th, .table-header-bg-at-small thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-small th, .table-border-rows-at-small td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-small thead th, .table-border-rows-at-small thead td, .table-border-rows-at-small tbody th, .table-border-rows-at-small tbody td { border-top-width: 0; } .table-border-rows-at-small tbody tr:last-child th, .table-border-rows-at-small tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-small th, .table-border-cols-at-small td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-small th:first-child, .table-border-cols-at-small td:first-child { border-left-width: 0; } .table-border-cols-at-small th:last-child, .table-border-cols-at-small td:last-child { border-right-width: 0; } .table-border-none-at-small th, .table-border-none-at-small td { border-width: 0; } .table-stripe-rows-at-small tbody tr:nth-child(odd) th, .table-stripe-rows-at-small tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-small tbody tr:nth-child(even) th, .table-stripe-rows-at-small tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-small tbody tr th:nth-child(odd), .table-stripe-cols-at-small tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-small tbody tr th:nth-child(even), .table-stripe-cols-at-small tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-small th, .table-pad-base-at-small td { padding: var(--space-base); } .table-pad-line-at-small th, .table-pad-line-at-small td { padding: var(--space-line); } .table-pad-small-at-small th, .table-pad-small-at-small td { padding: var(--space-small); } .table-pad-none-at-small th, .table-pad-none-at-small td { padding: var(--space-none); } } @media (min-width: 1023px) { .table-border-cells-at-medium th, .table-border-cells-at-medium td { border-width: 1px; } .table-header-bg-at-medium thead th, .table-header-bg-at-medium thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-medium th, .table-border-rows-at-medium td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-medium thead th, .table-border-rows-at-medium thead td, .table-border-rows-at-medium tbody th, .table-border-rows-at-medium tbody td { border-top-width: 0; } .table-border-rows-at-medium tbody tr:last-child th, .table-border-rows-at-medium tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-medium th, .table-border-cols-at-medium td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-medium th:first-child, .table-border-cols-at-medium td:first-child { border-left-width: 0; } .table-border-cols-at-medium th:last-child, .table-border-cols-at-medium td:last-child { border-right-width: 0; } .table-border-none-at-medium th, .table-border-none-at-medium td { border-width: 0; } .table-stripe-rows-at-medium tbody tr:nth-child(odd) th, .table-stripe-rows-at-medium tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-medium tbody tr:nth-child(even) th, .table-stripe-rows-at-medium tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-medium tbody tr th:nth-child(odd), .table-stripe-cols-at-medium tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-medium tbody tr th:nth-child(even), .table-stripe-cols-at-medium tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-medium th, .table-pad-base-at-medium td { padding: var(--space-base); } .table-pad-line-at-medium th, .table-pad-line-at-medium td { padding: var(--space-line); } .table-pad-small-at-medium th, .table-pad-small-at-medium td { padding: var(--space-small); } .table-pad-none-at-medium th, .table-pad-none-at-medium td { padding: var(--space-none); } } @media (min-width: 1240px) { .table-border-cells-at-large th, .table-border-cells-at-large td { border-width: 1px; } .table-header-bg-at-large thead th, .table-header-bg-at-large thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-large th, .table-border-rows-at-large td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-large thead th, .table-border-rows-at-large thead td, .table-border-rows-at-large tbody th, .table-border-rows-at-large tbody td { border-top-width: 0; } .table-border-rows-at-large tbody tr:last-child th, .table-border-rows-at-large tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-large th, .table-border-cols-at-large td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-large th:first-child, .table-border-cols-at-large td:first-child { border-left-width: 0; } .table-border-cols-at-large th:last-child, .table-border-cols-at-large td:last-child { border-right-width: 0; } .table-border-none-at-large th, .table-border-none-at-large td { border-width: 0; } .table-stripe-rows-at-large tbody tr:nth-child(odd) th, .table-stripe-rows-at-large tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-large tbody tr:nth-child(even) th, .table-stripe-rows-at-large tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-large tbody tr th:nth-child(odd), .table-stripe-cols-at-large tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-large tbody tr th:nth-child(even), .table-stripe-cols-at-large tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-large th, .table-pad-base-at-large td { padding: var(--space-base); } .table-pad-line-at-large th, .table-pad-line-at-large td { padding: var(--space-line); } .table-pad-small-at-large th, .table-pad-small-at-large td { padding: var(--space-small); } .table-pad-none-at-large th, .table-pad-none-at-large td { padding: var(--space-none); } } @media (min-width: 1500px) { .table-border-cells-at-extra-large th, .table-border-cells-at-extra-large td { border-width: 1px; } .table-header-bg-at-extra-large thead th, .table-header-bg-at-extra-large thead td { background-color: var(--color-table-header-bg); } .table-border-rows-at-extra-large th, .table-border-rows-at-extra-large td { border-left-width: 0; border-right-width: 0; border-top-width: 1px; border-bottom-width: 1px; } .table-border-rows-at-extra-large thead th, .table-border-rows-at-extra-large thead td, .table-border-rows-at-extra-large tbody th, .table-border-rows-at-extra-large tbody td { border-top-width: 0; } .table-border-rows-at-extra-large tbody tr:last-child th, .table-border-rows-at-extra-large tbody tr:last-child td { border-bottom-width: 0; } .table-border-cols-at-extra-large th, .table-border-cols-at-extra-large td { border-left-width: 1px; border-right-width: 1px; border-top-width: 0; border-bottom-width: 0; } .table-border-cols-at-extra-large th:first-child, .table-border-cols-at-extra-large td:first-child { border-left-width: 0; } .table-border-cols-at-extra-large th:last-child, .table-border-cols-at-extra-large td:last-child { border-right-width: 0; } .table-border-none-at-extra-large th, .table-border-none-at-extra-large td { border-width: 0; } .table-stripe-rows-at-extra-large tbody tr:nth-child(odd) th, .table-stripe-rows-at-extra-large tbody tr:nth-child(odd) td { background-color: transparent; } .table-stripe-rows-at-extra-large tbody tr:nth-child(even) th, .table-stripe-rows-at-extra-large tbody tr:nth-child(even) td { background-color: #f7f7f7; } .table-stripe-cols-at-extra-large tbody tr th:nth-child(odd), .table-stripe-cols-at-extra-large tbody tr td:nth-child(odd) { background-color: transparent; } .table-stripe-cols-at-extra-large tbody tr th:nth-child(even), .table-stripe-cols-at-extra-large tbody tr td:nth-child(even) { background-color: #f7f7f7; } .table-pad-base-at-extra-large th, .table-pad-base-at-extra-large td { padding: var(--space-base); } .table-pad-line-at-extra-large th, .table-pad-line-at-extra-large td { padding: var(--space-line); } .table-pad-small-at-extra-large th, .table-pad-small-at-extra-large td { padding: var(--space-small); } .table-pad-none-at-extra-large th, .table-pad-none-at-extra-large td { padding: var(--space-none); } } .table-scrollable { position: relative; overflow: auto; -webkit-overflow-scrolling: auto; width: 100%; margin-bottom: 20px; background-color: white; } @supports (mix-blend-mode: multiply) { .table-scrollable { background-repeat: no-repeat; background-attachment: local, local, local, local, scroll, scroll; background-position: left center, right center, top center, right bottom, left center, right center; background-image: linear-gradient(to right, white 1em, rgba(255, 255, 255, 0) 2em), linear-gradient(to left, white 1em, rgba(255, 255, 255, 0) 2em), linear-gradient(to bottom, white, rgba(255, 255, 255, 0) 2em), linear-gradient(to top, white, rgba(255, 255, 255, 0) 2em), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 1em), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 1em); } } .table-scrollable table { margin-bottom: 0; background-color: transparent; } .table-scrollable th, .table-scrollable td { min-width: 8em; } .apropos-fluid img { width: 100%; max-width: none; } @media (min-width: 1023px) { .bg-apropos { display: grid !important; align-items: stretch !important; align-content: stretch !important; justify-content: center; min-height: auto; } .bg-apropos > * { grid-column: 1 / -1; grid-row: 1 / -1; } .bg-apropos .image { position: relative; } .bg-apropos picture { position: relative !important; } .bg-apropos .apropos img { transform: none; top: 0; left: 0; width: MIN(100vw, var(--body-width-max)); } } .bg-apropos.hidden { display: none !important; } @media (max-width: 1022px) { html.has-editing-toolbar .sticky-bottom { top: auto; } } .multi-column-grid .picture, .two-column-outer-grid .picture { height: auto; } .multi-column-grid .picture picture, .two-column-outer-grid .picture picture { overflow: hidden; } .multi-column-grid .picture picture img, .two-column-outer-grid .picture picture img { width: 100%; max-width: 100%; height: auto; left: auto; transform: none; } .carousel .picture, .carousel .picture img { height: auto; } .carousel[data-until-breakpoint] img[data-srcset][srcset]:not(.loaded) { opacity: 1; } body { --viewport-width-without-scrollbars: calc(100vw - (var(--scrollbar-width, 0) * 1px)); --content-margin: calc((max(var(--viewport-width-without-scrollbars), var(--body-width-min)) - var(--container-width-base) / 2)); } @media (min-width: 375px) { body { --content-margin: calc((var(--viewport-width-without-scrollbars) - var(--container-width-extra-small)) / 2); } } @media (min-width: 717px) { body { --content-margin: calc((var(--viewport-width-without-scrollbars) - var(--container-width-small)) / 2); } } @media (min-width: 1023px) { body { --content-margin: calc((var(--viewport-width-without-scrollbars) - var(--container-width-medium)) / 2); } } @media (min-width: 1240px) { body { --content-margin: calc((var(--viewport-width-without-scrollbars) - var(--container-width-large)) / 2); } } @media (min-width: 1500px) { body { --content-margin: calc((min(var(--viewport-width-without-scrollbars), var(--body-width-max)) - var(--container-width-extra-large)) / 2); } } .PublicWebNav nav.DesktopNav[role="navigation"], .PublicWebNav .CtaSubnav nav.CtaSubnavDesktopNav .header, .sticky-banner { --nav-full-width: min(100vw, var(--body-width-max)); } @media (min-width: 1680px) { .PublicWebNav nav.DesktopNav[role="navigation"], .PublicWebNav .CtaSubnav nav.CtaSubnavDesktopNav .header, .sticky-banner { padding-left: calc((var(--nav-full-width) - var(--old-body-width-max)) / 2); padding-right: calc((var(--nav-full-width) - var(--old-body-width-max)) / 2); } } @media (min-width: 1680px) { .PublicWebNav .CtaSubnav nav.CtaSubnavDesktopNav .header { padding-left: calc((var(--nav-full-width) + var(--space-line) - var(--old-body-width-max)) / 2); } } @media (max-width: 1022px) { [data-lead-form] .single-field-form-input { padding-left: 0; padding-right: 0; } } @media (min-width: 1023px) { [data-lead-form] .single-field-form-input { padding-left: 0; } } @media (max-width: 1022px) { [data-lead-form] .single-field-form-button { padding-left: 0; padding-right: 0; } } @media (min-width: 1023px) { [data-lead-form] .single-field-form-button { padding-right: 0; } } .auto-layout-border > .auto-layout > .content, .auto-layout-collapse > .auto-layout > .content { padding: var(--space-medium) 0; } @media (min-width: 718px) { .auto-layout-border > .auto-layout > .content, .auto-layout-collapse > .auto-layout > .content { padding: var(--space-medium) 0; } } @media (min-width: 1023px) { .auto-layout-border > .auto-layout > .content, .auto-layout-collapse > .auto-layout > .content { padding: var(--space-large) 0; } } .type-display .auto-layout-border > .auto-layout > .content, .type-display .auto-layout-collapse > .auto-layout > .content { padding: var(--space-large) 0; } @media (min-width: 718px) { .type-display .auto-layout-border > .auto-layout > .content, .type-display .auto-layout-collapse > .auto-layout > .content { padding: var(--space-large) 0; } } @media (min-width: 1023px) { .type-display .auto-layout-border > .auto-layout > .content, .type-display .auto-layout-collapse > .auto-layout > .content { padding: var(--space-xl) 0; } } /* do not edit; file hosted in public-web-customizations. Contains EDI custom grid fixes for custom components DRI: adoshi@ BUNDLE=home-page-2021-q1 */ @media (max-width: 1022px) { .main-content .sq-custom-two-column-responsive-apropos-bg { flex-wrap: wrap; min-height: auto !important; } .main-content .sq-custom-two-column-responsive-apropos-bg .image { position: relative; width: 100%; padding-right: var(--space-small); padding-left: var(--space-small); } .main-content .sq-custom-two-column-responsive-apropos-bg .image .picture { height: auto !important; } .main-content .sq-custom-two-column-responsive-apropos-bg .image .apropos { position: relative; } .main-content .sq-custom-two-column-responsive-apropos-bg .image .apropos img { top: 0; left: 0; min-height: 1px; min-width: 1px; max-width: 100%; margin-top: var(--space-small); transform: none; } .main-content .sq-custom-two-column-responsive-apropos-bg .content.pad-bottom-large { padding-bottom: var(--space-large) !important; } .main-content .sq-custom-two-column-responsive-apropos-bg--valign-bottom-until-medium > .image { order: 1; } } @media (min-width: 718px) { .main-content .sq-custom-two-column-responsive-apropos-bg { margin-top: 0px; } } .sq-custom-section-two-column-hover-carousel .two-column-hover-carousel { grid-template-columns: 1fr 1fr !important; } .sq-custom-section-two-column-hover-carousel .hover-carousel-column-right .hover-carousel-images-container { --two-column-hover-carousel-image-border-radius: var(--container-border-radius); clip-path: inset(0 0 0 0 round var(--two-column-hover-carousel-image-border-radius) 0 0 var(--two-column-hover-carousel-image-border-radius)); } @media (min-width: 2030px) { .sq-custom-section-two-column-hover-carousel .hover-carousel-column-right .hover-carousel-images-container { max-width: calc((var(--content-width-max) - var(--space-small)) / 2); clip-path: inset(0 0 0 0 round var(--two-column-hover-carousel-image-border-radius)); } } .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-base); line-height: var(--line-height-hero-base); letter-spacing: var(--letter-spacing-hero-base); } @media (min-width: 718px) { .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-base); line-height: var(--line-height-hero-base); letter-spacing: var(--letter-spacing-hero-base); } } @media (min-width: 1023px) { .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-hero-medium); line-height: var(--line-height-hero-medium); letter-spacing: var(--letter-spacing-hero-medium); } } .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-base); line-height: var(--line-height-display-hero-base); letter-spacing: var(--letter-spacing-display-hero-base); } @media (min-width: 718px) { .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-base); line-height: var(--line-height-display-hero-base); letter-spacing: var(--letter-spacing-display-hero-base); } } @media (min-width: 1023px) { .type-display .sq-custom-h1-to-hero-h1 .h1 { font-size: var(--font-size-display-hero-medium); line-height: var(--line-height-display-hero-medium); letter-spacing: var(--letter-spacing-display-hero-medium); font-weight: var(--font-weight-display-hero-medium); } } .sq-custom-img-border-radius, .sq-custom-grid-column-gray-rounded, .section-hotspot-image { --border-radius: var(--container-border-radius); } .sq-custom-grid-column-gray-rounded .multi-column-grid > .column > *, .section-hotspot-image .hotspot-tile { border-radius: var(--border-radius); } .sq-custom-section-rounded-corners { --custom-section-border-radius: 0; margin: 0; } @media (min-width: 838px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: 0; margin: 0; } } @media (min-width: 1083px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: var(--container-border-radius); margin: 0 calc(var(--space-small)); } } @media (min-width: 1240px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: 0; margin: 0; } } @media (min-width: 1300px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: var(--container-border-radius); margin: 0 calc(var(--space-small)); } } @media (min-width: 1500px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: 0; margin: 0; } } @media (min-width: 1560px) { .sq-custom-section-rounded-corners { --custom-section-border-radius: var(--container-border-radius); margin: 0 calc(var(--space-small)); } } /* do not edit; file hosted in public-web-customizations. DRI: adoshi@ BUNDLE=home-page-2021-q1 BUNDLE=wip */ .sq-custom-lead-form-to-multi-column-target .sq-custom-lead-form-to-multi-column-source .content { width: auto; max-width: none !important; } .sq-custom-align-links-row [class^='grid'] > *, .sq-custom-align-links-row [class*=' grid'] > * { width: fit-content; padding-right: var(--space-base); } /* BUNDLE=us-pos-overview */ .sq-custom-section-rounded-corners-top-only { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .sq-custom-section-rounded-corners-bottom-only { border-top-left-radius: 0; border-top-right-radius: 0; } .sq-custom-section-rounded-corners-bottom-only .content { width: 100%; } .sq-custom-section-rounded-corners-bottom-only .picture { width: calc((100% - var(--container-width-base)) / 2 + var(--container-width-base)); } @media (min-width: 375px) { .sq-custom-section-rounded-corners-bottom-only .picture { width: calc((100% - var(--container-width-extra-small)) / 2 + var(--container-width-extra-small)); } } @media (min-width: 717px) { .sq-custom-section-rounded-corners-bottom-only .picture { width: calc((100% - var(--container-width-small)) / 2 + var(--container-width-small)); } } @media (min-width: 1023px) { .sq-custom-section-rounded-corners-bottom-only .picture { width: calc((100% - var(--container-width-medium)) / 2 + var(--container-width-medium)); } } @media (min-width: 1240px) { .sq-custom-section-rounded-corners-bottom-only .picture { width: calc((100% - var(--container-width-large)) / 2 + var(--container-width-large)); } } @media (min-width: 1500px) { .sq-custom-section-rounded-corners-bottom-only .picture { width: calc((100% - var(--container-width-extra-large)) / 2 + var(--container-width-extra-large)); } } .sq-custom-section-rounded-corners-bottom-only .picture img { width: 100%; height: auto; } /* BUNDLE=us-pos-overview */ .sq-custom-hardware-tile-with-bottom-text .carousel-slide .column:last-child { padding: 0 calc(var(--space-small) + var(--space-line)) var(--space-small); } /* Override options for link styles DRI: adoshi@ BUNDLE=home-page-2021-q1 */ /* Link hover color ------------------------------------ */ a:not([class~="button"]):not(.tile), .link:not([class~="button"]):not(.tile) { --color-blue-light: #207DFF; --color-blue-dark: #005FE3; transition: color var(--duration-quick) var(--easing-sharp); } .main-content section:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .main-content section:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .main-content section:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .main-content section:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-blue-dark); } .main-content .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .main-content .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .main-content .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .main-content .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-blue-light); } .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-lime-dark); } .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-lime .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-lime-light); } .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-green-dark); } .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-green .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-green-light); } .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-teal-dark); } .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-teal .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-teal-light); } .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-blue-dark); } .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-blue-light); } .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-royal-blue-dark); } .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-royal-blue .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-royal-blue-light); } .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-indigo-dark); } .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-indigo .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-indigo-light); } .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-purple-dark); } .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-purple .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-purple-light); } .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-plum-dark); } .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-plum .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-plum-light); } .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-rose-dark); } .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-rose .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-rose-light); } .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-theme:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-white:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-orange-dark); } .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class^='theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class^='theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) a:not([class~="button"]):not(.tile):focus, [class*=' theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):hover, [class*=' theme-'] .theme-orange .bg-invert:not(.sq-custom-disable-link-hover-color) .link:not([class~="button"]):not(.tile):focus { color: var(--color-orange-light); } /* Link arrow animation -------------------------------- */ @keyframes slide-forward { from { transform: translateX(0); } to { transform: translateX(35%); } } .main-content section:not(.sq-custom-disable-link-hover-animation) a:hover .arrow::after, .main-content section:not(.sq-custom-disable-link-hover-animation) a:hover .arrow-right::after, .main-content section:not(.sq-custom-disable-link-hover-animation) a:focus .arrow::after, .main-content section:not(.sq-custom-disable-link-hover-animation) a:focus .arrow-right::after, .main-content section:not(.sq-custom-disable-link-hover-animation) .link:hover .arrow::after, .main-content section:not(.sq-custom-disable-link-hover-animation) .link:hover .arrow-right::after, .main-content section:not(.sq-custom-disable-link-hover-animation) .link:focus .arrow::after, .main-content section:not(.sq-custom-disable-link-hover-animation) .link:focus .arrow-right::after { animation-name: slide-forward; animation-duration: var(--duration-complex); animation-timing-function: var(--easing-decelerate); animation-iteration-count: 2; animation-direction: alternate; } .sq-custom-large-hero-content-padding .content { padding: var(--space-large) 0 !important; } </style><style nonce="91KeGtFUhiD9IJh/CXCRcKqEACRA+dWts+VZ9a+RS1M=">.uid-2ihjFWWdJ5SFlrNU2IsJyY-32dfd2efdbf2b641c49d173f29cb026f77f7a64da1d9e964316f149a502af5ce { height: 155px; } .uid-2ihjFWWdJ5SFlrNU2IsJyY-32dfd2efdbf2b641c49d173f29cb026f77f7a64da1d9e964316f149a502af5ce img { width: 276px; height: 155px; } @media (min-width: 374px) { .uid-2ihjFWWdJ5SFlrNU2IsJyY-32dfd2efdbf2b641c49d173f29cb026f77f7a64da1d9e964316f149a502af5ce { height: 182px; } } @media (min-width: 374px) { .uid-2ihjFWWdJ5SFlrNU2IsJyY-32dfd2efdbf2b641c49d173f29cb026f77f7a64da1d9e964316f149a502af5ce img { width: 324px; height: 182px; } } @media (min-width: 480px) { .uid-2ihjFWWdJ5SFlrNU2IsJyY-32dfd2efdbf2b641c49d173f29cb026f77f7a64da1d9e964316f149a502af5ce { height: 239px; } } @media (min-width: 480px) { .uid-2ihjFWWdJ5SFlrNU2IsJyY-32dfd2efdbf2b641c49d173f29cb026f77f7a64da1d9e964316f149a502af5ce img { width: 424px; height: 239px; } } @media (min-width: 718px) { .uid-2ihjFWWdJ5SFlrNU2IsJyY-32dfd2efdbf2b641c49d173f29cb026f77f7a64da1d9e964316f149a502af5ce { height: 183px; } } @media (min-width: 718px) { .uid-2ihjFWWdJ5SFlrNU2IsJyY-32dfd2efdbf2b641c49d173f29cb026f77f7a64da1d9e964316f149a502af5ce img { width: 325px; height: 183px; } } @media (min-width: 1024px) { .uid-2ihjFWWdJ5SFlrNU2IsJyY-32dfd2efdbf2b641c49d173f29cb026f77f7a64da1d9e964316f149a502af5ce { height: 236px; } } @media (min-width: 1024px) { .uid-2ihjFWWdJ5SFlrNU2IsJyY-32dfd2efdbf2b641c49d173f29cb026f77f7a64da1d9e964316f149a502af5ce img { width: 419px; height: 236px; } } @media (min-width: 1292px) { .uid-2ihjFWWdJ5SFlrNU2IsJyY-32dfd2efdbf2b641c49d173f29cb026f77f7a64da1d9e964316f149a502af5ce { height: 278px; } } @media (min-width: 1292px) { .uid-2ihjFWWdJ5SFlrNU2IsJyY-32dfd2efdbf2b641c49d173f29cb026f77f7a64da1d9e964316f149a502af5ce img { width: 493px; height: 278px; } } .uid-56K60gh1UY1BzcIBEoYRH1-7e88dd72eea2756a4490bc295652a0cbced6720e1385e7ff24c0fee2c64017f8 { height: 155px; } .uid-56K60gh1UY1BzcIBEoYRH1-7e88dd72eea2756a4490bc295652a0cbced6720e1385e7ff24c0fee2c64017f8 img { width: 276px; height: 155px; } @media (min-width: 374px) { .uid-56K60gh1UY1BzcIBEoYRH1-7e88dd72eea2756a4490bc295652a0cbced6720e1385e7ff24c0fee2c64017f8 { height: 182px; } } @media (min-width: 374px) { .uid-56K60gh1UY1BzcIBEoYRH1-7e88dd72eea2756a4490bc295652a0cbced6720e1385e7ff24c0fee2c64017f8 img { width: 324px; height: 182px; } } @media (min-width: 480px) { .uid-56K60gh1UY1BzcIBEoYRH1-7e88dd72eea2756a4490bc295652a0cbced6720e1385e7ff24c0fee2c64017f8 { height: 239px; } } @media (min-width: 480px) { .uid-56K60gh1UY1BzcIBEoYRH1-7e88dd72eea2756a4490bc295652a0cbced6720e1385e7ff24c0fee2c64017f8 img { width: 424px; height: 239px; } } @media (min-width: 718px) { .uid-56K60gh1UY1BzcIBEoYRH1-7e88dd72eea2756a4490bc295652a0cbced6720e1385e7ff24c0fee2c64017f8 { height: 183px; } } @media (min-width: 718px) { .uid-56K60gh1UY1BzcIBEoYRH1-7e88dd72eea2756a4490bc295652a0cbced6720e1385e7ff24c0fee2c64017f8 img { width: 325px; height: 183px; } } @media (min-width: 1024px) { .uid-56K60gh1UY1BzcIBEoYRH1-7e88dd72eea2756a4490bc295652a0cbced6720e1385e7ff24c0fee2c64017f8 { height: 236px; } } @media (min-width: 1024px) { .uid-56K60gh1UY1BzcIBEoYRH1-7e88dd72eea2756a4490bc295652a0cbced6720e1385e7ff24c0fee2c64017f8 img { width: 419px; height: 236px; } } @media (min-width: 1292px) { .uid-56K60gh1UY1BzcIBEoYRH1-7e88dd72eea2756a4490bc295652a0cbced6720e1385e7ff24c0fee2c64017f8 { height: 277px; } } @media (min-width: 1292px) { .uid-56K60gh1UY1BzcIBEoYRH1-7e88dd72eea2756a4490bc295652a0cbced6720e1385e7ff24c0fee2c64017f8 img { width: 493px; height: 277px; } } .uid-6hj1oL1S9r0PyFHr5jIavf-4b74948c2ef748e8de8c1811080360f3f9474b0802074d2aab47aaaff305ac78 { height: 155px; } .uid-6hj1oL1S9r0PyFHr5jIavf-4b74948c2ef748e8de8c1811080360f3f9474b0802074d2aab47aaaff305ac78 img { width: 276px; height: 155px; } @media (min-width: 374px) { .uid-6hj1oL1S9r0PyFHr5jIavf-4b74948c2ef748e8de8c1811080360f3f9474b0802074d2aab47aaaff305ac78 { height: 182px; } } @media (min-width: 374px) { .uid-6hj1oL1S9r0PyFHr5jIavf-4b74948c2ef748e8de8c1811080360f3f9474b0802074d2aab47aaaff305ac78 img { width: 324px; height: 182px; } } @media (min-width: 480px) { .uid-6hj1oL1S9r0PyFHr5jIavf-4b74948c2ef748e8de8c1811080360f3f9474b0802074d2aab47aaaff305ac78 { height: 239px; } } @media (min-width: 480px) { .uid-6hj1oL1S9r0PyFHr5jIavf-4b74948c2ef748e8de8c1811080360f3f9474b0802074d2aab47aaaff305ac78 img { width: 424px; height: 239px; } } @media (min-width: 718px) { .uid-6hj1oL1S9r0PyFHr5jIavf-4b74948c2ef748e8de8c1811080360f3f9474b0802074d2aab47aaaff305ac78 { height: 183px; } } @media (min-width: 718px) { .uid-6hj1oL1S9r0PyFHr5jIavf-4b74948c2ef748e8de8c1811080360f3f9474b0802074d2aab47aaaff305ac78 img { width: 325px; height: 183px; } } @media (min-width: 1024px) { .uid-6hj1oL1S9r0PyFHr5jIavf-4b74948c2ef748e8de8c1811080360f3f9474b0802074d2aab47aaaff305ac78 { height: 236px; } } @media (min-width: 1024px) { .uid-6hj1oL1S9r0PyFHr5jIavf-4b74948c2ef748e8de8c1811080360f3f9474b0802074d2aab47aaaff305ac78 img { width: 419px; height: 236px; } } @media (min-width: 1292px) { .uid-6hj1oL1S9r0PyFHr5jIavf-4b74948c2ef748e8de8c1811080360f3f9474b0802074d2aab47aaaff305ac78 { height: 278px; } } @media (min-width: 1292px) { .uid-6hj1oL1S9r0PyFHr5jIavf-4b74948c2ef748e8de8c1811080360f3f9474b0802074d2aab47aaaff305ac78 img { width: 493px; height: 278px; } } .uid-4MG3A7hBlKl1ki2fiTsFWY-53bb79b3a166e03e341d6e779e7bf85cbd04bc28e5c13012da2b8fda33e958fb { height: 155px; } .uid-4MG3A7hBlKl1ki2fiTsFWY-53bb79b3a166e03e341d6e779e7bf85cbd04bc28e5c13012da2b8fda33e958fb img { width: 276px; height: 155px; } @media (min-width: 374px) { .uid-4MG3A7hBlKl1ki2fiTsFWY-53bb79b3a166e03e341d6e779e7bf85cbd04bc28e5c13012da2b8fda33e958fb { height: 182px; } } @media (min-width: 374px) { .uid-4MG3A7hBlKl1ki2fiTsFWY-53bb79b3a166e03e341d6e779e7bf85cbd04bc28e5c13012da2b8fda33e958fb img { width: 324px; height: 182px; } } @media (min-width: 480px) { .uid-4MG3A7hBlKl1ki2fiTsFWY-53bb79b3a166e03e341d6e779e7bf85cbd04bc28e5c13012da2b8fda33e958fb { height: 239px; } } @media (min-width: 480px) { .uid-4MG3A7hBlKl1ki2fiTsFWY-53bb79b3a166e03e341d6e779e7bf85cbd04bc28e5c13012da2b8fda33e958fb img { width: 424px; height: 239px; } } @media (min-width: 718px) { .uid-4MG3A7hBlKl1ki2fiTsFWY-53bb79b3a166e03e341d6e779e7bf85cbd04bc28e5c13012da2b8fda33e958fb { height: 183px; } } @media (min-width: 718px) { .uid-4MG3A7hBlKl1ki2fiTsFWY-53bb79b3a166e03e341d6e779e7bf85cbd04bc28e5c13012da2b8fda33e958fb img { width: 325px; height: 183px; } } @media (min-width: 1024px) { .uid-4MG3A7hBlKl1ki2fiTsFWY-53bb79b3a166e03e341d6e779e7bf85cbd04bc28e5c13012da2b8fda33e958fb { height: 236px; } } @media (min-width: 1024px) { .uid-4MG3A7hBlKl1ki2fiTsFWY-53bb79b3a166e03e341d6e779e7bf85cbd04bc28e5c13012da2b8fda33e958fb img { width: 419px; height: 236px; } } @media (min-width: 1292px) { .uid-4MG3A7hBlKl1ki2fiTsFWY-53bb79b3a166e03e341d6e779e7bf85cbd04bc28e5c13012da2b8fda33e958fb { height: 277px; } } @media (min-width: 1292px) { .uid-4MG3A7hBlKl1ki2fiTsFWY-53bb79b3a166e03e341d6e779e7bf85cbd04bc28e5c13012da2b8fda33e958fb img { width: 493px; height: 277px; } } .uid-5rjOAWH9ID2PZS9z226JL9-f543bba4a3d2e2b34c19ca12fd630a85f6fe46443ca2b5e824f7b8762722f58e { height: 276px; } .uid-5rjOAWH9ID2PZS9z226JL9-f543bba4a3d2e2b34c19ca12fd630a85f6fe46443ca2b5e824f7b8762722f58e img { width: 276px; height: 276px; } @media (min-width: 374px) { .uid-5rjOAWH9ID2PZS9z226JL9-f543bba4a3d2e2b34c19ca12fd630a85f6fe46443ca2b5e824f7b8762722f58e { height: 324px; } } @media (min-width: 374px) { .uid-5rjOAWH9ID2PZS9z226JL9-f543bba4a3d2e2b34c19ca12fd630a85f6fe46443ca2b5e824f7b8762722f58e img { width: 324px; height: 324px; } } @media (min-width: 480px) { .uid-5rjOAWH9ID2PZS9z226JL9-f543bba4a3d2e2b34c19ca12fd630a85f6fe46443ca2b5e824f7b8762722f58e { height: 424px; } } @media (min-width: 480px) { .uid-5rjOAWH9ID2PZS9z226JL9-f543bba4a3d2e2b34c19ca12fd630a85f6fe46443ca2b5e824f7b8762722f58e img { width: 424px; height: 424px; } } @media (min-width: 718px) { .uid-5rjOAWH9ID2PZS9z226JL9-f543bba4a3d2e2b34c19ca12fd630a85f6fe46443ca2b5e824f7b8762722f58e { height: 207px; } } @media (min-width: 718px) { .uid-5rjOAWH9ID2PZS9z226JL9-f543bba4a3d2e2b34c19ca12fd630a85f6fe46443ca2b5e824f7b8762722f58e img { width: 207px; height: 207px; } } @media (min-width: 1024px) { .uid-5rjOAWH9ID2PZS9z226JL9-f543bba4a3d2e2b34c19ca12fd630a85f6fe46443ca2b5e824f7b8762722f58e { height: 270px; } } @media (min-width: 1024px) { .uid-5rjOAWH9ID2PZS9z226JL9-f543bba4a3d2e2b34c19ca12fd630a85f6fe46443ca2b5e824f7b8762722f58e img { width: 270px; height: 270px; } } @media (min-width: 1292px) { .uid-5rjOAWH9ID2PZS9z226JL9-f543bba4a3d2e2b34c19ca12fd630a85f6fe46443ca2b5e824f7b8762722f58e { height: 319px; } } @media (min-width: 1292px) { .uid-5rjOAWH9ID2PZS9z226JL9-f543bba4a3d2e2b34c19ca12fd630a85f6fe46443ca2b5e824f7b8762722f58e img { width: 319px; height: 319px; } } .uid-4NL0o8dba04KN6cD0xJ25c-a123c479ee0d19bd4d6fb095a780157fbe5ae54e632a8f132e642e41b3a8d590 { height: 276px; } .uid-4NL0o8dba04KN6cD0xJ25c-a123c479ee0d19bd4d6fb095a780157fbe5ae54e632a8f132e642e41b3a8d590 img { width: 276px; height: 276px; } @media (min-width: 374px) { .uid-4NL0o8dba04KN6cD0xJ25c-a123c479ee0d19bd4d6fb095a780157fbe5ae54e632a8f132e642e41b3a8d590 { height: 324px; } } @media (min-width: 374px) { .uid-4NL0o8dba04KN6cD0xJ25c-a123c479ee0d19bd4d6fb095a780157fbe5ae54e632a8f132e642e41b3a8d590 img { width: 324px; height: 324px; } } @media (min-width: 480px) { .uid-4NL0o8dba04KN6cD0xJ25c-a123c479ee0d19bd4d6fb095a780157fbe5ae54e632a8f132e642e41b3a8d590 { height: 424px; } } @media (min-width: 480px) { .uid-4NL0o8dba04KN6cD0xJ25c-a123c479ee0d19bd4d6fb095a780157fbe5ae54e632a8f132e642e41b3a8d590 img { width: 424px; height: 424px; } } @media (min-width: 718px) { .uid-4NL0o8dba04KN6cD0xJ25c-a123c479ee0d19bd4d6fb095a780157fbe5ae54e632a8f132e642e41b3a8d590 { height: 207px; } } @media (min-width: 718px) { .uid-4NL0o8dba04KN6cD0xJ25c-a123c479ee0d19bd4d6fb095a780157fbe5ae54e632a8f132e642e41b3a8d590 img { width: 207px; height: 207px; } } @media (min-width: 1024px) { .uid-4NL0o8dba04KN6cD0xJ25c-a123c479ee0d19bd4d6fb095a780157fbe5ae54e632a8f132e642e41b3a8d590 { height: 270px; } } @media (min-width: 1024px) { .uid-4NL0o8dba04KN6cD0xJ25c-a123c479ee0d19bd4d6fb095a780157fbe5ae54e632a8f132e642e41b3a8d590 img { width: 270px; height: 270px; } } @media (min-width: 1292px) { .uid-4NL0o8dba04KN6cD0xJ25c-a123c479ee0d19bd4d6fb095a780157fbe5ae54e632a8f132e642e41b3a8d590 { height: 319px; } } @media (min-width: 1292px) { .uid-4NL0o8dba04KN6cD0xJ25c-a123c479ee0d19bd4d6fb095a780157fbe5ae54e632a8f132e642e41b3a8d590 img { width: 319px; height: 319px; } } .uid-5vPEYaGa8mcL1x4ICrhIkf-f9beba3ff92d29646de05bb14399b8c71d114b92c485bfd4023339639cc90cf3 { height: 276px; } .uid-5vPEYaGa8mcL1x4ICrhIkf-f9beba3ff92d29646de05bb14399b8c71d114b92c485bfd4023339639cc90cf3 img { width: 276px; height: 276px; } @media (min-width: 374px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-f9beba3ff92d29646de05bb14399b8c71d114b92c485bfd4023339639cc90cf3 { height: 324px; } } @media (min-width: 374px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-f9beba3ff92d29646de05bb14399b8c71d114b92c485bfd4023339639cc90cf3 img { width: 324px; height: 324px; } } @media (min-width: 480px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-f9beba3ff92d29646de05bb14399b8c71d114b92c485bfd4023339639cc90cf3 { height: 424px; } } @media (min-width: 480px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-f9beba3ff92d29646de05bb14399b8c71d114b92c485bfd4023339639cc90cf3 img { width: 424px; height: 424px; } } @media (min-width: 718px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-f9beba3ff92d29646de05bb14399b8c71d114b92c485bfd4023339639cc90cf3 { height: 207px; } } @media (min-width: 718px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-f9beba3ff92d29646de05bb14399b8c71d114b92c485bfd4023339639cc90cf3 img { width: 207px; height: 207px; } } @media (min-width: 1024px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-f9beba3ff92d29646de05bb14399b8c71d114b92c485bfd4023339639cc90cf3 { height: 270px; } } @media (min-width: 1024px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-f9beba3ff92d29646de05bb14399b8c71d114b92c485bfd4023339639cc90cf3 img { width: 270px; height: 270px; } } @media (min-width: 1292px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-f9beba3ff92d29646de05bb14399b8c71d114b92c485bfd4023339639cc90cf3 { height: 319px; } } @media (min-width: 1292px) { .uid-5vPEYaGa8mcL1x4ICrhIkf-f9beba3ff92d29646de05bb14399b8c71d114b92c485bfd4023339639cc90cf3 img { width: 319px; height: 319px; } } .uid-3s3ADUuTvNsjPq8CuMl1Ym-8b1b85a29711ab99f56bf1d842be49d652b653c991ddb48614306f167d1d86a8 { height: 276px; } .uid-3s3ADUuTvNsjPq8CuMl1Ym-8b1b85a29711ab99f56bf1d842be49d652b653c991ddb48614306f167d1d86a8 img { width: 276px; height: 276px; } @media (min-width: 374px) { .uid-3s3ADUuTvNsjPq8CuMl1Ym-8b1b85a29711ab99f56bf1d842be49d652b653c991ddb48614306f167d1d86a8 { height: 324px; } } @media (min-width: 374px) { .uid-3s3ADUuTvNsjPq8CuMl1Ym-8b1b85a29711ab99f56bf1d842be49d652b653c991ddb48614306f167d1d86a8 img { width: 324px; height: 324px; } } @media (min-width: 480px) { .uid-3s3ADUuTvNsjPq8CuMl1Ym-8b1b85a29711ab99f56bf1d842be49d652b653c991ddb48614306f167d1d86a8 { height: 424px; } } @media (min-width: 480px) { .uid-3s3ADUuTvNsjPq8CuMl1Ym-8b1b85a29711ab99f56bf1d842be49d652b653c991ddb48614306f167d1d86a8 img { width: 424px; height: 424px; } } @media (min-width: 718px) { .uid-3s3ADUuTvNsjPq8CuMl1Ym-8b1b85a29711ab99f56bf1d842be49d652b653c991ddb48614306f167d1d86a8 { height: 207px; } } @media (min-width: 718px) { .uid-3s3ADUuTvNsjPq8CuMl1Ym-8b1b85a29711ab99f56bf1d842be49d652b653c991ddb48614306f167d1d86a8 img { width: 207px; height: 207px; } } @media (min-width: 1024px) { .uid-3s3ADUuTvNsjPq8CuMl1Ym-8b1b85a29711ab99f56bf1d842be49d652b653c991ddb48614306f167d1d86a8 { height: 270px; } } @media (min-width: 1024px) { .uid-3s3ADUuTvNsjPq8CuMl1Ym-8b1b85a29711ab99f56bf1d842be49d652b653c991ddb48614306f167d1d86a8 img { width: 270px; height: 270px; } } @media (min-width: 1292px) { .uid-3s3ADUuTvNsjPq8CuMl1Ym-8b1b85a29711ab99f56bf1d842be49d652b653c991ddb48614306f167d1d86a8 { height: 319px; } } @media (min-width: 1292px) { .uid-3s3ADUuTvNsjPq8CuMl1Ym-8b1b85a29711ab99f56bf1d842be49d652b653c991ddb48614306f167d1d86a8 img { width: 319px; height: 319px; } } .uid-7JB4bmM4Hr2bwBUzokwOM9-d2bbddda8d81d3df94125859b35161dcf545c8f4651931ebf503246581610e4c { height: 276px; } .uid-7JB4bmM4Hr2bwBUzokwOM9-d2bbddda8d81d3df94125859b35161dcf545c8f4651931ebf503246581610e4c img { width: 276px; height: 276px; } @media (min-width: 374px) { .uid-7JB4bmM4Hr2bwBUzokwOM9-d2bbddda8d81d3df94125859b35161dcf545c8f4651931ebf503246581610e4c { height: 324px; } } @media (min-width: 374px) { .uid-7JB4bmM4Hr2bwBUzokwOM9-d2bbddda8d81d3df94125859b35161dcf545c8f4651931ebf503246581610e4c img { width: 324px; height: 324px; } } @media (min-width: 480px) { .uid-7JB4bmM4Hr2bwBUzokwOM9-d2bbddda8d81d3df94125859b35161dcf545c8f4651931ebf503246581610e4c { height: 424px; } } @media (min-width: 480px) { .uid-7JB4bmM4Hr2bwBUzokwOM9-d2bbddda8d81d3df94125859b35161dcf545c8f4651931ebf503246581610e4c img { width: 424px; height: 424px; } } @media (min-width: 718px) { .uid-7JB4bmM4Hr2bwBUzokwOM9-d2bbddda8d81d3df94125859b35161dcf545c8f4651931ebf503246581610e4c { height: 207px; } } @media (min-width: 718px) { .uid-7JB4bmM4Hr2bwBUzokwOM9-d2bbddda8d81d3df94125859b35161dcf545c8f4651931ebf503246581610e4c img { width: 207px; height: 207px; } } @media (min-width: 1024px) { .uid-7JB4bmM4Hr2bwBUzokwOM9-d2bbddda8d81d3df94125859b35161dcf545c8f4651931ebf503246581610e4c { height: 270px; } } @media (min-width: 1024px) { .uid-7JB4bmM4Hr2bwBUzokwOM9-d2bbddda8d81d3df94125859b35161dcf545c8f4651931ebf503246581610e4c img { width: 270px; height: 270px; } } @media (min-width: 1292px) { .uid-7JB4bmM4Hr2bwBUzokwOM9-d2bbddda8d81d3df94125859b35161dcf545c8f4651931ebf503246581610e4c { height: 319px; } } @media (min-width: 1292px) { .uid-7JB4bmM4Hr2bwBUzokwOM9-d2bbddda8d81d3df94125859b35161dcf545c8f4651931ebf503246581610e4c img { width: 319px; height: 319px; } } .uid-6FTtTEqqAkqqVYhGswTlp-14d4410a2ffbacea0dab78e093341ba34d9d69aa3a9243882f008c0e7f7effbb { height: 166px; } .uid-6FTtTEqqAkqqVYhGswTlp-14d4410a2ffbacea0dab78e093341ba34d9d69aa3a9243882f008c0e7f7effbb img { width: 276px; height: 166px; } @media (min-width: 374px) { .uid-6FTtTEqqAkqqVYhGswTlp-14d4410a2ffbacea0dab78e093341ba34d9d69aa3a9243882f008c0e7f7effbb { height: 195px; } } @media (min-width: 374px) { .uid-6FTtTEqqAkqqVYhGswTlp-14d4410a2ffbacea0dab78e093341ba34d9d69aa3a9243882f008c0e7f7effbb img { width: 324px; height: 195px; } } @media (min-width: 480px) { .uid-6FTtTEqqAkqqVYhGswTlp-14d4410a2ffbacea0dab78e093341ba34d9d69aa3a9243882f008c0e7f7effbb { height: 255px; } } @media (min-width: 480px) { .uid-6FTtTEqqAkqqVYhGswTlp-14d4410a2ffbacea0dab78e093341ba34d9d69aa3a9243882f008c0e7f7effbb img { width: 424px; height: 255px; } } @media (min-width: 718px) { .uid-6FTtTEqqAkqqVYhGswTlp-14d4410a2ffbacea0dab78e093341ba34d9d69aa3a9243882f008c0e7f7effbb { height: 196px; } } @media (min-width: 718px) { .uid-6FTtTEqqAkqqVYhGswTlp-14d4410a2ffbacea0dab78e093341ba34d9d69aa3a9243882f008c0e7f7effbb img { width: 325px; height: 196px; } } @media (min-width: 1024px) { .uid-6FTtTEqqAkqqVYhGswTlp-14d4410a2ffbacea0dab78e093341ba34d9d69aa3a9243882f008c0e7f7effbb { height: 252px; } } @media (min-width: 1024px) { .uid-6FTtTEqqAkqqVYhGswTlp-14d4410a2ffbacea0dab78e093341ba34d9d69aa3a9243882f008c0e7f7effbb img { width: 419px; height: 252px; } } @media (min-width: 1292px) { .uid-6FTtTEqqAkqqVYhGswTlp-14d4410a2ffbacea0dab78e093341ba34d9d69aa3a9243882f008c0e7f7effbb { height: 297px; } } @media (min-width: 1292px) { .uid-6FTtTEqqAkqqVYhGswTlp-14d4410a2ffbacea0dab78e093341ba34d9d69aa3a9243882f008c0e7f7effbb img { width: 493px; height: 297px; } } .uid-1LLDBqY68FbeJXlkfjMzA3-ccee62188ecaecd04f65950cb28d43ad671ddfd6fb1daade587e862d21688a57 { height: 166px; } .uid-1LLDBqY68FbeJXlkfjMzA3-ccee62188ecaecd04f65950cb28d43ad671ddfd6fb1daade587e862d21688a57 img { width: 276px; height: 166px; } @media (min-width: 374px) { .uid-1LLDBqY68FbeJXlkfjMzA3-ccee62188ecaecd04f65950cb28d43ad671ddfd6fb1daade587e862d21688a57 { height: 195px; } } @media (min-width: 374px) { .uid-1LLDBqY68FbeJXlkfjMzA3-ccee62188ecaecd04f65950cb28d43ad671ddfd6fb1daade587e862d21688a57 img { width: 324px; height: 195px; } } @media (min-width: 480px) { .uid-1LLDBqY68FbeJXlkfjMzA3-ccee62188ecaecd04f65950cb28d43ad671ddfd6fb1daade587e862d21688a57 { height: 255px; } } @media (min-width: 480px) { .uid-1LLDBqY68FbeJXlkfjMzA3-ccee62188ecaecd04f65950cb28d43ad671ddfd6fb1daade587e862d21688a57 img { width: 424px; height: 255px; } } @media (min-width: 718px) { .uid-1LLDBqY68FbeJXlkfjMzA3-ccee62188ecaecd04f65950cb28d43ad671ddfd6fb1daade587e862d21688a57 { height: 196px; } } @media (min-width: 718px) { .uid-1LLDBqY68FbeJXlkfjMzA3-ccee62188ecaecd04f65950cb28d43ad671ddfd6fb1daade587e862d21688a57 img { width: 325px; height: 196px; } } @media (min-width: 1024px) { .uid-1LLDBqY68FbeJXlkfjMzA3-ccee62188ecaecd04f65950cb28d43ad671ddfd6fb1daade587e862d21688a57 { height: 252px; } } @media (min-width: 1024px) { .uid-1LLDBqY68FbeJXlkfjMzA3-ccee62188ecaecd04f65950cb28d43ad671ddfd6fb1daade587e862d21688a57 img { width: 419px; height: 252px; } } @media (min-width: 1292px) { .uid-1LLDBqY68FbeJXlkfjMzA3-ccee62188ecaecd04f65950cb28d43ad671ddfd6fb1daade587e862d21688a57 { height: 297px; } } @media (min-width: 1292px) { .uid-1LLDBqY68FbeJXlkfjMzA3-ccee62188ecaecd04f65950cb28d43ad671ddfd6fb1daade587e862d21688a57 img { width: 493px; height: 297px; } } </style><script src="https://xms-production-f.squarecdn.com/xms/assets/application-9f35fa5b728f1bf374bf37e9045dfe3b6bd1ff250817b7c1ef71cb36b45a2bce.js" defer="defer" nonce="91KeGtFUhiD9IJh/CXCRcKqEACRA+dWts+VZ9a+RS1M="></script><script type="module" nonce="91KeGtFUhiD9IJh/CXCRcKqEACRA+dWts+VZ9a+RS1M=">// 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="91KeGtFUhiD9IJh/CXCRcKqEACRA+dWts+VZ9a+RS1M=">/** * do not edit; file hosted in public-web-customizations. * DRI=adoshi * BUNDLE=home-page-2021-q1 * BUNDLE=wip * * Based on tholmberg's code */ (function moveLeadForm() { const SELECTORS = { SECTION_LEAD_FORM: '.sq-custom-lead-form-to-multi-column-source', SECTION_MULTI_COLUMN: '.sq-custom-lead-form-to-multi-column-target', }; const PREPENT_SWITCH_CLASS = 'sq-custom-lead-form-to-multi-column-target-prepend'; const sectionLeadFormSource = document.querySelector(SELECTORS.SECTION_LEAD_FORM); const sectionMultiColumnTarget = document.querySelector(SELECTORS.SECTION_MULTI_COLUMN); const sectionMultiColumnTargetGrid = sectionMultiColumnTarget.querySelector('.multi-column-grid'); const shouldPrepend = sectionMultiColumnTarget.classList.contains(PREPENT_SWITCH_CLASS); const isAlreadyMoved = sectionMultiColumnTargetGrid.querySelector(SELECTORS.SECTION_LEAD_FORM); // if already moved, don't do anything if (isAlreadyMoved) { return; } // New column const leadFormColumn = document.createElement('div'); leadFormColumn.classList.add('column', 'one-whole-at-medium', 'one-half-at-large'); leadFormColumn.appendChild(sectionLeadFormSource); if (shouldPrepend) { sectionMultiColumnTargetGrid.prepend(leadFormColumn); } else { sectionMultiColumnTargetGrid.appendChild(leadFormColumn); } })(); </script></head><body class="theme-blue"><div id="top"></div><div data-body="Descarga la última versión de un navegador compatible debajo para obtener el mayor beneficio de este sitio web:" data-browsers="[{"name":"Google Chrome","url":"https://chrome.com"},{"name":"Mozilla Firefox","url":"https://firefox.com"},{"name":"Microsoft Edge","url":"https://microsoftedge.com"}]" data-proceed="Entiendo y deseo continuar" data-title="Actualiza tu navegador." id="unsupported-browser-modal"></div><script src="https://xms-production-f.squarecdn.com/xms/assets/precompile/nomodule-fd552f7067e56a71a4ac154492f800a86a9d4f41b1a3dd92df5043afc78d1e91.js" nomodule="nomodule" nonce="91KeGtFUhiD9IJh/CXCRcKqEACRA+dWts+VZ9a+RS1M="></script><noscript><div aria-live="polite" class="flash flash-top flash-error flash-show" role="status"><div class="flash-message"><p>Se requiere JavaScript para la funcionalidad completa de esta página. <a class="arrow" href="https://www.enable-javascript.com/" target="_blank">Aprender a activar JavaScript en tu navegador</a> </p></div></div></noscript><div data-cta-subnav-json="" data-dark-mode="false" data-experiments="["pw_1_0_beauty_hub_test"]" data-flags-json="{"publicwebnav/enable-comms-plat-messaging":false,"publicwebnav/use_monorepo_nav":true}" data-image-subnav-json="" data-json="{"id":"pwn-entry-7C8jc26SWscSfBGpYZz195","title":"squareup.com - US - MCC-based - ROUTED","home":{"id":"pwn-entry-6RG8UaO1AUMUsyaVD4AxVQ","title":"Square","url":"/us/es"},"mobileMenuOpenText":"Abrir menú","mobileMenuCloseText":"Cerrar menú","primaryNavItems":[{"id":"pwn-entry-9Pr7MHcdv8dqsbmVV6iKy","type":"category","title":"Restaurantes","navItems":[{"id":"pwn-entry-4KTnQ9cHT5JDHbTYPSpHfC","type":"category","title":"Tipos","navItems":[{"id":"pwn-entry-2Xy1Axf4iFDZ42DlMOR1S1","type":"link","title":"Todas las soluciones para restaurantes","url":"/us/es/point-of-sale/restaurants"},{"id":"pwn-entry-22wEQmPUlG3yn6Z8Y3Smx3","type":"link","title":"Servicio rápido","url":"/us/es/point-of-sale/restaurants/quick-service"},{"id":"pwn-entry-1RP1KrFjwwTBYyID0c1HPP","type":"link","title":"Servicio completo","url":"/us/es/point-of-sale/restaurants/full-service"},{"id":"pwn-entry-5TVK0OfoYl564iOUFq5z8i","type":"link","title":"Cafés","url":"/us/es/solutions/coffee-shop"},{"id":"pwn-entry-6pSgYeHiBjQVqSZ4HHQ5l0","type":"link","title":"Restaurantes fast-casual","url":"/us/es/point-of-sale/restaurants/fast-casual"},{"id":"pwn-entry-65TBv8NcCE0Gq3wnTPwvEc","type":"link","title":"Bares y cervecerías","url":"/us/es/point-of-sale/restaurants/bars"},{"id":"pwn-entry-6MdjlNkDqxjd4eneINSBcW","type":"link","title":"Cocinas fantasma","url":"/us/es/point-of-sale/restaurants/ghost-kitchens"},{"id":"pwn-entry-3E3N8pvUliSD5D2vLH33ct","type":"link","title":"Proveedores de servicios de catering","url":"/us/es/solutions/caterers"},{"id":"pwn-entry-5yFjm25rsL4h0xm0P22LA7","type":"link","title":"Grandes empresas","url":"/us/es/large-businesses"},{"id":"pwn-entry-1qh2GlBLuaKicIefuRmHn6","type":"link","title":"Franquicias","url":"/us/es/franchises"}]},{"id":"pwn-entry-5IMAAB6g3p4x9Vs5AaibEX","type":"category","title":"Productos","navItems":[{"id":"pwn-entry-5NSf5eNhuXqprjsejZfBMR","type":"link","title":"PDV para Restaurantes","url":"/us/es/point-of-sale/restaurants"},{"id":"pwn-entry-5Rm7rsTDnf9jvPl922Ck4u","type":"link","title":"Punto de venta Square","url":"/us/es/point-of-sale/software"},{"id":"pwn-entry-1kXPZpxNMXGTHdI6Yd7nF2","type":"link","title":"Hardware","url":"/us/es/hardware"},{"id":"pwn-entry-knDGvRDMjaKvqNvmnw7PW","type":"link","title":"Sistema de pantalla digital para cocina","url":"/us/es/point-of-sale/restaurants/kitchen-display-system"},{"id":"pwn-entry-5PKSNMIScFvphn3y2az3Th","type":"link","title":"Kiosk","url":"/us/es/point-of-sale/restaurants/kiosk-software"},{"id":"pwn-entry-x4CFeLMVU4kSboTvlVxup","type":"link","title":"Pedidos en línea","url":"/us/es/online-ordering"},{"id":"pwn-entry-4KmQUuCYzZj2Wz1ySqcnUN","type":"link","title":"Marketing","url":"/us/es/marketing"},{"id":"pwn-entry-5bLOwR5G9SYlr0i3FEEODK","type":"link","title":"Programas de fidelidad","url":"/us/es/software/loyalty"},{"id":"pwn-entry-6uPKuo4em7Y4SajjC1AKb2","type":"link","title":"Tarjetas de regalo","url":"/us/es/gift-cards"},{"id":"pwn-entry-27UD1HLiUv3wWjs8DvWYiQ","type":"link","title":"Personal y nómina","url":"/us/es/staff"},{"id":"pwn-entry-6YET8H567ty0rlUfrnPVmV","type":"link","title":"Banca","url":"/us/es/banking"},{"id":"pwn-entry-kCgck6lsLYu91OlZGTDJS","type":"link","title":"Pagos","url":"/us/es/payments"},{"id":"pwn-entry-1J5RrZSLiEARnOxJO3HlHL","type":"link","title":"Facturas","url":"/us/es/invoices"},{"id":"pwn-entry-2v37IkTGV1ghzXN1BP578K","type":"link","title":"Integraciones","url":"/us/es/point-of-sale/restaurants/integrations"}]},{"id":"pwn-entry-15q2N9TOu6eY3hKPjOHvOx","type":"category","title":"Explorar","navItems":[{"id":"pwn-entry-3cnxbPq5UUUBXqPw66wWNU","type":"link","title":"Precios para restaurantes","url":"/us/es/point-of-sale/restaurants/pricing"},{"id":"pwn-entry-21eTt6sYl64Zd3wXgVnyC0","type":"link","title":"Demostración de la solución para restaurantes de servicio rápido","url":"/us/es/point-of-sale/restaurants/quick-service-demo"},{"id":"pwn-entry-6Fg0UkC1k3XYFhCd3aCAOi","type":"link","title":"Demostración de la solución para restaurantes de servicio completo","url":"/us/es/point-of-sale/restaurants/full-service-demo"},{"id":"pwn-entry-1X8mYHTWy6cUGFw4cHKLdt","type":"link","title":"Comunícate con Ventas","url":"/us/es/sales"},{"id":"pwn-entry-144OuhC8RoDMIxSopbUHfa","type":"link","title":"Cambiar a Square","url":"/us/es/switch"},{"id":"pwn-entry-46Yu9dV7Z71XEqAytjEcP","type":"link","title":"The Bottom Line","url":"/us/es/townsquare"},{"id":"pwn-entry-6fEcfqo6VD0wMO35Mjw2HE","type":"link","title":"¿Por qué conviene elegir Square?","url":"/us/es/why-square"},{"id":"pwn-entry-4XqFxHJWHTAu3B6BNSUBEY","type":"link","title":"Recomendaciones","url":"/us/es/referral-program"},{"id":"pwn-entry-69BRJe2T086rExIxf4Ik1d","type":"link","title":"Recomendaciones","url":"/us/es/testimonials"}]}],"spotlight":{"id":"pwn-entry-4tNaaNN0v07Wmg9Vn1VRxp","title":"Destacados","communicationPlatformPlacementIds":["61a82701-573a-4e21-879b-bec782b23c33","f697240c-2a28-413a-acd0-4963666d241e"],"items":[{"id":"pwn-entry-1NV9HOlfJwk4udD7toQvJQ","title":"Square impulsa el negocio de Blue Bottle","image":{"id":"pwn-entry-EEu7cYopjVjuWuCpNtfor","title":"PD05460 - USES nav spotlight RST T2","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/EEu7cYopjVjuWuCpNtfor/5d0aaafc32c74a6cffdbba9f7b364115/PD05460_-_USES_nav_spotlight_RST_T2.png"},"imageMobile":{"id":"pwn-entry-5GKISJOjdyVUumbwC8JhPk","title":"PD05460 - mobile USES nav spotlight RST T2","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/5GKISJOjdyVUumbwC8JhPk/dd392f6b6dc2a02ad67f99935cc5fadd/PD05460_-_mobile_USES_nav_spotlight_RST_T2.png"},"url":"https://squareup.com/us/es/townsquare/how-square-powers-blue-bottles-customer-experience","linkText":"Square impulsa el negocio de Blue Bottle","description":"Descubre cómo Blue Bottle pasó de ser una cafetería comunitaria a convertirse en una marca internacional"}]}},{"id":"pwn-entry-2uu3aNY3rFyl9Lz91pC3sT","type":"category","title":"Tiendas","navItems":[{"id":"pwn-entry-5FtsSFP12LP3MEhSFPgEZJ","type":"category","title":"Tipos","navItems":[{"id":"pwn-entry-qjfr488FoBaZfszEDZHWX","type":"link","title":"Todas las soluciones para tiendas","url":"/us/es/point-of-sale/retail"},{"id":"pwn-entry-2EGunPvHus50vUHOPrzWOt","type":"link","title":"Ropa y accesorios","url":"/us/es/point-of-sale/retail/clothing-store"},{"id":"pwn-entry-766fpWdVW1aYCclaCsGaLC","type":"link","title":"Tiendas de comestibles y minimercados","url":"/us/es/point-of-sale/retail/grocery-convenience-store"},{"id":"pwn-entry-2795g8Ga04I8XzIqxZUKZh","type":"link","title":"Muebles y artículos para el hogar","url":"/us/es/point-of-sale/retail/furniture-home-goods"},{"id":"pwn-entry-7pYgGT8sy6we5kYMg1sbNq","type":"link","title":"Vino y licor","url":"/us/es/point-of-sale/retail/liquor-wine-brewery"},{"id":"pwn-entry-1khgytrKaKOzU8HmVDKF7q","type":"link","title":"Tiendas de CBD","url":"/us/es/solutions/cbd"},{"id":"pwn-entry-5yFjm25rsL4h0xm0P22LA7","type":"link","title":"Grandes empresas","url":"/us/es/large-businesses"},{"id":"pwn-entry-1qh2GlBLuaKicIefuRmHn6","type":"link","title":"Franquicias","url":"/us/es/franchises"}]},{"id":"pwn-entry-4Am11haJ3tSR26Nxwx2oBo","type":"category","title":"Productos","navItems":[{"id":"pwn-entry-4KLJg71tj6hG0JuukFG5jI","type":"link","title":"PDV para Tiendas","url":"/us/es/point-of-sale/retail"},{"id":"pwn-entry-6rlq4nFo23g5i8ZY0oKVI7","type":"link","title":"Hardware","url":"/us/es/hardware"},{"id":"pwn-entry-4EDYz94Q9cR9dhMR7kmm0O","type":"link","title":"Ventas en línea Square","url":"/us/es/online-store"},{"id":"pwn-entry-5gFD7hPJci61hzbmWWi0sN","type":"link","title":"Personal","url":"/us/es/staff"},{"id":"pwn-entry-47SUGHsMtZBUYQFw9mtksp","type":"link","title":"Nómina","url":"/us/es/payroll"},{"id":"pwn-entry-5L1PUorazv38mQer5Wxq1Z","type":"link","title":"Marketing","url":"/us/es/marketing"},{"id":"pwn-entry-45l9i56MYqxKkBvyogqIfz","type":"link","title":"Programas de fidelidad","url":"/us/es/software/loyalty"},{"id":"pwn-entry-3jDDkdULAZWXke9oYfU0RA","type":"link","title":"Tarjetas de regalo","url":"/us/es/gift-cards"},{"id":"pwn-entry-58WT2HTICgIZDEyUcuXzBO","type":"link","title":"Facturas","url":"/us/es/invoices"},{"id":"pwn-entry-1sy6BlWrdxcasbEljR0UdL","type":"link","title":"Banca","url":"/us/es/banking"}]},{"id":"pwn-entry-450tjSZbhssIJtL02Jhwz4","type":"category","title":"Explorar","navItems":[{"id":"pwn-entry-5aZahkME7C6kA8GrJxMWUR","type":"link","title":"Precios para Tiendas","url":"/us/es/point-of-sale/retail/pricing"},{"id":"pwn-entry-4Xr4TbnmV1RBhbEpxTVNzk","type":"link","title":"Contactar ventas","url":"/us/es/sales"},{"id":"pwn-entry-4OJyihScVTps0YIttUyPuE","type":"link","title":"Cambiar a Square","url":"/us/es/switch"},{"id":"pwn-entry-5EtuwQcquT7qAp8eehEMxi","type":"link","title":"The Bottom Line","url":"https://squareup.com/us/es/townsquare"},{"id":"pwn-entry-5tTmkN09e9OsyQCMa4WGBZ","type":"link","title":"Por qué Square","url":"/us/es/why-square"},{"id":"pwn-entry-4XqFxHJWHTAu3B6BNSUBEY","type":"link","title":"Recomendaciones","url":"/us/es/referral-program"},{"id":"pwn-entry-69BRJe2T086rExIxf4Ik1d","type":"link","title":"Recomendaciones","url":"/us/es/testimonials"}]}],"spotlight":{"id":"pwn-entry-5S0vxW629IsK6OI9sM9Hmc","title":"Destacados","communicationPlatformPlacementIds":["471dc0e1-b130-4c26-9348-beba613303a9","e9250fbb-93fd-471c-9889-03034104d186"],"items":[{"id":"pwn-entry-3LIvulS2CYxCGCj8vJLl66","title":"Cómo abrir una tienda online gratis desde tu cuenta de Square","image":{"id":"pwn-entry-5LFlMZUem0JG8yWv57IbfO","title":"PD05460 - USES nav spotlight RTL online","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/5LFlMZUem0JG8yWv57IbfO/689d46c6fb90e248ff27935092444054/PD05460_-_USES_nav_spotlight_RTL_online.png"},"imageMobile":{"id":"pwn-entry-7AHSNj7eO1Sjdvr5wPgQqQ","title":"PD05460 - mobile USES nav spotlight RTL online","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/7AHSNj7eO1Sjdvr5wPgQqQ/87f8e3afd38762d03e62fa9a885d3b5a/PD05460_-_mobile_USES_nav_spotlight_RTL_online.png"},"url":"https://squareup.com/us/es/townsquare/how-to-start-a-free-online-store","linkText":"Cómo abrir una tienda online gratis desde tu cuenta de Square","description":"Configura una tienda online gratis y comienza a vender tus productos en Internet rápidamente"},{"id":"pwn-entry-7zVqZlAE3icBvYSOllYSR4","title":"Consejos para aumentar el tamaño de los pedidos en tu tienda","image":{"id":"pwn-entry-3IEgdjdz1YxMeqbiLsKy7x","title":"PD05460 - USES nav spotlight RTL checkout","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/3IEgdjdz1YxMeqbiLsKy7x/00d028a78074319ac9faf791dd1395aa/PD05460_-_USES_nav_spotlight_RTL_checkout.png"},"imageMobile":{"id":"pwn-entry-66FxgPmW3tpyeJUQKj1gxf","title":"PD05460 - mobile USES nav spotlight RTL checkout","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/66FxgPmW3tpyeJUQKj1gxf/6d604d8b745b5072662660a62cccad6d/PD05460_-_mobile_USES_nav_spotlight_RTL_checkout.png"},"url":"https://squareup.com/us/es/townsquare/how-to-increase-retail-ticket-size","linkText":"Consejos para aumentar el tamaño de los pedidos en tu tienda","description":"Descubre cómo puedes aumentar las ventas en la tienda motivando a tus clientes actuales para que compren más"}]}},{"id":"pwn-entry-6Wz0XjQ4q2xB8Hzc7BUsUX","type":"category","title":"Belleza","navItems":[{"id":"pwn-entry-3JvKcNq8r5WVt3KhyOHlIe","type":"category","title":"Tipos","navItems":[{"id":"pwn-entry-1GL0N0b8hKlnXqnpP1FKYS","type":"link","title":"Todas las soluciones para la industria de belleza","url":"/us/es/appointments"},{"id":"pwn-entry-1stqeIVxSA6FVdViuSjr4a","type":"link","title":"Salón de belleza","url":"/us/es/solutions/beauty"},{"id":"pwn-entry-19sNhz7PN6zib2GGnSAeSj","type":"link","title":"Salón de manicura y pedicura","url":"/us/es/solutions/nail-salon"},{"id":"pwn-entry-7q1GXhyOG1IYNSXw0rjA0y","type":"link","title":"Peluquería","url":"/us/es/solutions/hair-salon"},{"id":"pwn-entry-40uD7BxjHxlLjEmPRfDvBM","type":"link","title":"Spa","url":"/us/es/solutions/spa"},{"id":"pwn-entry-3ZvHC3KISwDAdRMQdMqsiI","type":"link","title":"Barbería","url":"/us/es/solutions/barbershop"},{"id":"pwn-entry-2j5Mkim05JURIsMgi9TEbK","type":"link","title":"Tatuajes y piercings","url":"/us/es/solutions/tattoo-and-piercing"},{"id":"pwn-entry-280AOwYCJZ77xWomqQr7yV","type":"link","title":"Spa médico","url":"/us/es/solutions/med-spa"},{"id":"pwn-entry-5yFjm25rsL4h0xm0P22LA7","type":"link","title":"Grandes empresas","url":"/us/es/large-businesses"}]},{"id":"pwn-entry-514lY9HfNeZaheBCA12Ltg","type":"category","title":"Productos","navItems":[{"id":"pwn-entry-cAtEjjQAYLls2J5f24CCh","type":"link","title":"PDV de Citas","url":"/us/es/appointments"},{"id":"pwn-entry-74s5UmJg4SBFPc3rQ2oYr9","type":"link","title":"Hardware","url":"/us/es/hardware"},{"id":"pwn-entry-2NtnI4vXUrrp2uSlTu8dOx","type":"link","title":"Facturas","url":"/us/es/invoices"},{"id":"pwn-entry-5gD2nT5FlljNHJJxxiTkJH","type":"link","title":"Ventas en línea Square","url":"/us/es/online-store"},{"id":"pwn-entry-1rw9TpB8nTB8shiDwSwZKD","type":"link","title":"Enlaces de pago","url":"/us/es/online-checkout"},{"id":"pwn-entry-5gFD7hPJci61hzbmWWi0sN","type":"link","title":"Personal","url":"/us/es/staff"},{"id":"pwn-entry-47SUGHsMtZBUYQFw9mtksp","type":"link","title":"Nómina","url":"/us/es/payroll"},{"id":"pwn-entry-7I5FXnQFOUmMxeQWdXQC6T","type":"link","title":"Banca","url":"/us/es/banking"},{"id":"pwn-entry-3uU8LkcP40xlFJyQWdUEe4","type":"link","title":"Marketing","url":"/us/es/marketing"},{"id":"pwn-entry-3PFcqpHU42ZSw5XfnAORo","type":"link","title":"Mensajes","url":"/us/es/messages"},{"id":"pwn-entry-4JDvGM35LRG52ETF4AdvKh","type":"link","title":"Integraciones","url":"/us/es/appointments/integrations"}]},{"id":"pwn-entry-2bdVrEYIWFaJyHqQuUDTzM","type":"category","title":"Explorar","navItems":[{"id":"pwn-entry-3QYDM469FleZ3sRcZRec6q","type":"link","title":"Precios de belleza","url":"/us/es/appointments/pricing"},{"id":"pwn-entry-5r8GHuEbUZPSl6rV6p2S8t","type":"link","title":"Contactar ventas","url":"/us/es/sales"},{"id":"pwn-entry-1uhi4S7uStT7EwymQrsQbT","type":"link","title":"Cambiar a Square","url":"/us/es/switch"},{"id":"pwn-entry-67aekfGMYs5GIhLmYXFj2Q","type":"link","title":"The Bottom Line","url":"https://squareup.com/us/es/townsquare"},{"id":"pwn-entry-2h0IFlNYBAeOtH14VH74CS","type":"link","title":"Por qué Square","url":"/us/es/why-square"},{"id":"pwn-entry-4XqFxHJWHTAu3B6BNSUBEY","type":"link","title":"Recomendaciones","url":"/us/es/referral-program"},{"id":"pwn-entry-69BRJe2T086rExIxf4Ik1d","type":"link","title":"Recomendaciones","url":"/us/es/testimonials"}]}],"spotlight":{"id":"pwn-entry-tuei6M97yb5TUkD9NG0r3","title":"Destacados","communicationPlatformPlacementIds":["84f32c5f-e161-49fe-9752-1640e059c60e","264980e1-0216-450e-830b-1dfb0f9e7365"],"items":[{"id":"pwn-entry-2d3ftCJewX9KUrL9pSgMlp","title":"Cómo los clientes utilizan Citas Square","image":{"id":"pwn-entry-52h3kDSnUE4r8mzpp1O9zj","title":"PD05460 - USES nav spotlight BTY appt","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/52h3kDSnUE4r8mzpp1O9zj/edd153459c8cc1779f5006fdb165e5b7/PD05460_-_USES_nav_spotlight_BTY_appt.png"},"imageMobile":{"id":"pwn-entry-2LI0X9zSfyK3vbLjnlY2LS","title":"PD05460 - mobile USES nav spotlight BTY appt","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/2LI0X9zSfyK3vbLjnlY2LS/5b0bc21b903578a6189caa50d2f4ef61/PD05460_-_mobile_USES_nav_spotlight_BTY_appt.png"},"url":"https://squareup.com/us/es/townsquare/how-customers-use-square-appointments","linkText":"Cómo los clientes utilizan Citas Square","description":"Las tendencias de los consumidores demuestran que es imprescindible que los negocios que prestan servicios ofrezcan reservas en línea"},{"id":"pwn-entry-3wlWNya2QyhwzPnrGoeP1Q","title":"Resumen de estructuras salariales para salones de belleza","image":{"id":"pwn-entry-3u6znn7iQycWDESWUUfJZr","title":"PD05460 - USES nav spotlight BTY salon","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/3u6znn7iQycWDESWUUfJZr/ea03d7e61a68a3abc6795d6af52b2727/PD05460_-_USES_nav_spotlight_BTY_salon.png"},"imageMobile":{"id":"pwn-entry-1NvfQ2n0ZYR2uQzPm79Yut","title":"PD05460 - mobile USES nav spotlight BTY salon","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/1NvfQ2n0ZYR2uQzPm79Yut/e8070099ff5fa42d1c2cc10f231fd311/PD05460_-_mobile_USES_nav_spotlight_BTY_salon.png"},"url":"https://squareup.com/us/es/townsquare/salon-pay-structures","linkText":"Resumen de estructuras salariales para salones de belleza","description":"Conoce los diferentes métodos de compensación y encuentra el que mejor se adapte a tu negocio"}]}},{"id":"pwn-entry-UMUeO1qfuqNbAXteHO0Dg","type":"category","title":"Servicios","navItems":[{"id":"pwn-entry-5xCUP4VEY9Dz1QE5gHRnSZ","type":"category","title":"Tipos","navItems":[{"id":"pwn-entry-2MbxXdfj32dXpDLxc2DHJP","type":"link","title":"Servicios profesionales","url":"/us/es/solutions/professional-services"},{"id":"pwn-entry-1IBbX2dkN6sU58sOf75zAT","type":"link","title":"Salud y bienestar","url":"/us/es/solutions/fitness"},{"id":"pwn-entry-1b3jtLZLBMgGoAYca8fCWc","type":"link","title":"Hogar y reparaciones","url":"/us/es/solutions/home-and-repair"},{"id":"pwn-entry-6uNlThcJMZlvWy92r05f8r","type":"link","title":"Servicios automotrices","url":"/us/es/solutions/automotive"},{"id":"pwn-entry-4WP92ansWLRRWwgXC9WGaZ","type":"link","title":"Limpieza","url":"/us/es/solutions/cleaning-services"},{"id":"pwn-entry-1XfuqGe4db0r59BQnMqFS7","type":"link","title":"Contratistas","url":"/us/es/solutions/contractors"},{"id":"pwn-entry-5c9mDXqGbadAj9Fo9Hj7bW","type":"link","title":"Paisajistas","url":"/us/es/solutions/landscapers"},{"id":"pwn-entry-62Im364cmrTMruwubGpiZC","type":"link","title":"Transporte","url":"/us/es/solutions/limousine-and-chauffeur"},{"id":"pwn-entry-NSoKhhcMT83NXWFICQxQW","type":"link","title":"Actividades recreativas grupales","url":"/us/es/solutions/group-recreation"},{"id":"pwn-entry-23ASS2mvGKA6QNrcad1ag3","type":"link","title":"Servicios para mascotas","url":"/us/es/solutions/pet-services"},{"id":"pwn-entry-3E3N8pvUliSD5D2vLH33ct","type":"link","title":"Proveedores de servicios de catering","url":"/us/es/solutions/caterers"},{"id":"pwn-entry-5yFjm25rsL4h0xm0P22LA7","type":"link","title":"Grandes empresas","url":"/us/es/large-businesses"}]},{"id":"pwn-entry-6r9uF81qxIZLbdZkLcOTiz","type":"category","title":"Productos","navItems":[{"id":"pwn-entry-2JGAppbfiecD2TIhrLATOp","type":"link","title":"PDV de Citas","url":"/us/es/appointments"},{"id":"pwn-entry-6Whxj9OJjIbepZKfM5ANG8","type":"link","title":"Hardware","url":"/us/es/hardware"},{"id":"pwn-entry-1sjMZodxEBxm6lCgXq66lj","type":"link","title":"Facturas","url":"/us/es/invoices"},{"id":"pwn-entry-1VsqPjPBf7ep8rLPn6Jd49","type":"link","title":"Ventas en línea Square","url":"/us/es/online-store"},{"id":"pwn-entry-2HUvIY1dmepRBtnBTiXyai","type":"link","title":"Enlaces de pago","url":"/us/es/online-checkout"},{"id":"pwn-entry-535UvNsKq99eLpRiLXywuc","type":"link","title":"Personal y nómina","url":"/us/es/staff"},{"id":"pwn-entry-478VbiLb49J282Xdt6sDqi","type":"link","title":"Banca","url":"/us/es/banking"},{"id":"pwn-entry-3XuGVtjgsVzhnX4hiUkqCq","type":"link","title":"Marketing","url":"/us/es/marketing"},{"id":"pwn-entry-3Q1CJzFMFrO2e6eD5Q5MS9","type":"link","title":"Mensajes","url":"/us/es/messages"},{"id":"pwn-entry-1b0Kc8TLW3cBI5Xlsv2s3V","type":"link","title":"Integraciones","url":"/us/es/appointments/integrations"}]},{"id":"pwn-entry-6wG1dm60C5uvTIIukOp4oW","type":"category","title":"Explorar","navItems":[{"id":"pwn-entry-3NNyNdpPgV3Bev27HHyVSV","type":"link","title":"Precios de los servicios","url":"/us/es/invoices/pricing"},{"id":"pwn-entry-3FSkiWNlO4FbUFm8mVKvla","type":"link","title":"Contactar ventas","url":"/us/es/sales"},{"id":"pwn-entry-52Zb73yuNjcqgP6XN1dp4h","type":"link","title":"Cambiar a Square","url":"/us/es/switch"},{"id":"pwn-entry-1o6tvyZ4Rp9vUtaTFaGvSe","type":"link","title":"The Bottom Line","url":"https://squareup.com/us/es/townsquare"},{"id":"pwn-entry-K8ntKZu2pZQaStkSehvZy","type":"link","title":"Por qué Square","url":"/us/es/why-square"},{"id":"pwn-entry-4XqFxHJWHTAu3B6BNSUBEY","type":"link","title":"Recomendaciones","url":"/us/es/referral-program"},{"id":"pwn-entry-69BRJe2T086rExIxf4Ik1d","type":"link","title":"Recomendaciones","url":"/us/es/testimonials"}]}],"spotlight":{"id":"pwn-entry-OnB8VA0uJHzBBpiqURunA","title":"Destacados","communicationPlatformPlacementIds":["860035df-507d-4407-a035-6f4ddf40b9db","ee20a810-291f-484f-955e-dd1159561a55"],"items":[{"id":"pwn-entry-c3MkTOt7Poy4OgSBEFupH","title":"Consejos de administración de facturas para mejorar el flujo de caja","image":{"id":"pwn-entry-68puKz2KRRIZMq8fXT0F5N","title":"PD05460 - USES nav spotlight services ipad","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/68puKz2KRRIZMq8fXT0F5N/5dff54d7a94c87387d840a76bedc36db/PD05460_-_USES_nav_spotlight_services_ipad.png"},"imageMobile":{"id":"pwn-entry-6dpoIY7yyi6TOleLZxg2gH","title":"PD05460 - mobile USES nav spotlight services ipad","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/6dpoIY7yyi6TOleLZxg2gH/d65568fe6b5a7e624348e6f7fc8a5a20/PD05460_-_mobile_USES_nav_spotlight_services_ipad.png"},"url":"https://squareup.com/us/es/townsquare/3-tips-to-manage-your-invoices-and-get-you-paid","linkText":"Consejos de administración de facturas para mejorar el flujo de caja","description":"Sigue estos consejos para agilizar los pagos luego de enviar facturas"},{"id":"pwn-entry-4rnJD5YZH4Lnx4jYnzCaiD","title":"Conoce el negocio de servicios que aumentó su alcance a un 30% más de clientes","image":{"id":"pwn-entry-1plMALdsQOD27Crnmdmq0H","title":"PD05460 - USES nav spotlight services driver","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/1plMALdsQOD27Crnmdmq0H/5acce1075f2c808988e2aa2ede18c328/PD05460_-_USES_nav_spotlight_services_driver.png"},"imageMobile":{"id":"pwn-entry-1mer1p9AaFQFPnoIkm5KJ0","title":"PD05460 - mobile USES nav spotlight services driver","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/1mer1p9AaFQFPnoIkm5KJ0/26fdf5670bcaa065f5de139811d8ae2d/PD05460_-_mobile_USES_nav_spotlight_services_driver.png"},"url":"https://squareup.com/us/es/townsquare/reynolds-towing","linkText":"Conoce el negocio de servicios que aumentó su alcance a un 30% más de clientes","description":"Descubre los motivos que llevaron a una de las principales empresas de remolque a cambiarse a Square, y cómo esto se tradujo en mayores ingresos y clientes más felices"}]}},{"id":"pwn-entry-kzzzPA9IelwrlTMdoWGvR","type":"category","title":"Productos","navItems":[{"id":"pwn-entry-41L81T9s2XMMMbMlaiTQIr","type":"category","title":"Comercio","navItems":[{"id":"pwn-entry-6ThXGkvWLmldyk93arotB8","type":"link","title":"Todos los productos","url":"/us/es/commerce"},{"id":"pwn-entry-2FvlfkEa7Lugm3kFUtaDCr","type":"link","title":"Hardware","url":"/us/es/hardware"},{"id":"pwn-entry-3fW73LQ7HTNq6NSctAlXtD","type":"link","title":"Punto de venta","url":"/us/es/point-of-sale/software"},{"id":"pwn-entry-4oOqsg8Q26Jel0lKniWrA8","type":"link","title":"PDV para Restaurantes","url":"/us/es/point-of-sale/restaurants"},{"id":"pwn-entry-WpruSxczKOUoZpykZ5W98","type":"link","title":"PDV para Tiendas","url":"/us/es/point-of-sale/retail"},{"id":"pwn-entry-1iwoYgfbglCCxMYPfdQRtF","type":"link","title":"PDV de Citas","url":"/us/es/appointments"},{"id":"pwn-entry-725gQNjpi6SFgHYnCRURbF","type":"link","title":"Facturas","url":"/us/es/invoices"},{"id":"pwn-entry-1jCAttdNS4YRS3wYUkU5FP","type":"link","title":"Pedido en línea","url":"/us/es/online-ordering"},{"id":"pwn-entry-3PWivjnWsfGDv8oLruAqOp","type":"link","title":"Ventas en línea Square","url":"/us/es/online-store"},{"id":"pwn-entry-14r1PA79UzTx0KgE3mB1FR","type":"link","title":"Enlaces de pago","url":"/us/es/online-checkout"},{"id":"pwn-entry-3hnTGhGVRzGHaG5sbt9SIz","type":"link","title":"Pagos","url":"/us/es/payments"}]},{"id":"pwn-entry-JCFJn6pAm8xE1TkVgogI8","type":"category","title":"Clientes","navItems":[{"id":"pwn-entry-53Kslfl4BlIEwk3MG6nmIG","type":"link","title":"Productos de clientes","url":"/us/es/customers"},{"id":"pwn-entry-xShRJ8pUMrCsQL1vy44BZ","type":"link","title":"Marketing","url":"/us/es/marketing"},{"id":"pwn-entry-5jsZv73hKWfvjukYO7aKgb","type":"link","title":"Mensajes","url":"/us/es/messages"},{"id":"pwn-entry-5yxjFoFdrB4CAU8mF91yaw","type":"link","title":"Programas de fidelidad","url":"/us/es/software/loyalty"},{"id":"pwn-entry-4pARjaaUjwf7gsSrF65eKd","type":"link","title":"Directorio de clientes","url":"/us/es/point-of-sale/features/customer-directory"},{"id":"pwn-entry-4WU8xwqFUsH8o2YE3JoZhb","type":"link","title":"Tarjetas de regalo","url":"/us/es/gift-cards"},{"id":"pwn-entry-5gEgTl7XjV3Wv8BNSMP5YQ","type":"link","title":"Photo Studio","url":"/us/es/photo-studio/app"},{"id":"pwn-entry-4VDeOJ8CfVRHezCuObT6y5","type":"link","title":"Marketplace","url":"/us/es/appointments/square-go"},{"id":"pwn-entry-5f2FPFc54WbirXMMrgX2kP","type":"link","title":"Contratos","url":"/us/es/contracts"}]},{"id":"pwn-entry-4rQZLGRxWr4OOTXdpxyO92","type":"category","title":"Personal","navItems":[{"id":"pwn-entry-6atfPn1igQGp9892YS9BqO","type":"link","title":"Productos de empleados","url":"/us/es/staff"},{"id":"pwn-entry-6srwmXtkfP0rYFYJ6kQlA6","type":"link","title":"Turnos","url":"/us/es/staff/shifts"},{"id":"pwn-entry-37fWHNYO0N3UeBuzcmRDx3","type":"link","title":"Nómina","url":"/us/es/payroll"},{"id":"pwn-entry-4wY2eBUNTQ2uHdHVenGG4u","type":"link","title":"Acceso avanzado","url":"/us/es/staff/advanced-access"},{"id":"pwn-entry-38dsPx6L3IJDW2oe3AGSRp","type":"link","title":"Comunicación del equipo","url":"/us/es/staff/team-communication"},{"id":"pwn-entry-1vjlLF8kHtm5DZavNQNcGe","type":"link","title":"Expertos en RR. HH.","url":"/us/es/staff/hr-manager"}]},{"id":"pwn-entry-5Ur2vNObhm395InWlwsALh","type":"category","title":"Banca","navItems":[{"id":"pwn-entry-4jnk1SULpUIC2FGFVo2EwD","type":"link","title":"Productos del sector bancario","url":"/us/es/banking"},{"id":"pwn-entry-5VhUvSRVr7vJbup4ur8HqE","type":"link","title":"Cuenta de cheques","url":"/us/es/banking/checking"},{"id":"pwn-entry-5OHzrlbNgAYNo3XMZ2YP1x","type":"link","title":"Cuenta de ahorros","url":"/us/es/banking/savings"},{"id":"pwn-entry-2lhFYxHY5yNyxbow4WUXMn","type":"link","title":"Préstamos","url":"/us/es/banking/loans"},{"id":"pwn-entry-4RxoCW03tnPEq5EzUXG1Sk","type":"link","title":"Tarjeta de crédito","url":"/us/es/creditcard "}]},{"id":"pwn-entry-59ABewbwPpgT1Fejnxaslw","type":"category","title":"Desarrollador","navItems":[{"id":"pwn-entry-4cKzWJgWflkXOeZlkaMtdL","type":"link","title":"API para desarrolladores","url":"https://developer.squareup.com/us/es"},{"id":"pwn-entry-67GTviSsJ1h1NfyPD9fktS","type":"link","title":"Todos los directorios de socios","url":"/us/es/partner-directory"},{"id":"pwn-entry-11BIwg1e7u2Nh8IhXlKBSM","type":"link","title":"Mercado de aplicaciones","url":"/us/es/app-marketplace"},{"id":"pwn-entry-zQGZAtZbEuCg0h8pe5vJf","type":"link","title":"Especialistas","url":"/us/es/square-specialists"},{"id":"pwn-entry-7JLftMDx5UlMr1m8jnqoYn","type":"link","title":"Ofertas de socios","url":"/us/es/partner-offers"}]}],"spotlight":{"id":"pwn-entry-6KBQh4Y7IEyl4ZyDfFbVZJ","title":"Destacados","communicationPlatformPlacementIds":["c56b1d51-a8b8-45f7-a7f8-15cb3ccfd8eb","43b9de00-b9e4-466f-9c8e-e956e1f49e6f"],"items":[{"id":"pwn-entry-7vt0bv5E5JcufqL7XFk9bQ","title":"Recomienda negocios que conozcas","image":{"id":"pwn-entry-1f61UB5xe39z8wnIKBnVrc","title":"PD06334 - referrals spotlight desktop","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/1f61UB5xe39z8wnIKBnVrc/c2893f3e8052e4c171196727c303aff6/PD06334_-_referrals_spotlight_desktop.png"},"imageMobile":{"id":"pwn-entry-69TRa6rtzGMFZcJlz5KxVr","title":"PD06334 - referrals spotlight mobile","description":"","url":"//images.ctfassets.net/2d5q1td6cyxq/69TRa6rtzGMFZcJlz5KxVr/0323b75268e65b14a8e36a7621422a28/PD06334_-_referrals_spotlight_mobile.png"},"url":"/us/es/referral-program/independent-referrals","linkText":"Recomienda negocios que conozcas","description":"A través del Programa de socios recomendados de Square, puedes convertir tus contactos en dinero en efectivo cuando las personas que conoces se registran."}]}},{"id":"pwn-entry-2cATAzlgQBo9tsSmmPANdo","type":"link","title":"Precios","url":"/us/es/pricing"}],"secondaryNavItems":[{"id":"pwn-entry-735gGmzBRZBLLrnQxBIs8O","type":"link","title":"Iniciar sesión","url":"/login?lang_code=es-us","hideWhenLoggedIn":true},{"id":"pwn-entry-5bkafq00zPIRjZhx6w5kaT","type":"category","title":"Mi cuenta","navItems":[{"id":"pwn-entry-1IOsRQKygmyGI6jqDDOw4k","type":"link","title":"Panel de Datos","url":"/dashboard/"},{"id":"pwn-entry-7ku2gUtKJdA6uusOiLzBPU","type":"link","title":"Estado del pedido","url":"/shop/hardware/us/es/my-orders"},{"id":"pwn-entry-4PK7cgx38R5KxW0o8InYCC","type":"link","title":"Atención al Cliente","url":"/help/us/es"},{"id":"pwn-entry-4QmYDCTVmiT7pNoJ5dpqt2","type":"link","title":"Cerrar sesión","url":"/logout?country_code=us\u0026lang_code=es\u0026return_to=%2Flogout-redirect"}],"hideWhenLoggedOut":true},{"id":"pwn-entry-YImXizLS6RkuwMxnjjF6I","type":"link","title":"Atención al Cliente","url":"/help/us/es"},{"id":"pwn-entry-4FDsfEQF9Ll6m044D2d3sA","type":"link","title":"Tienda","url":"/us/es/hardware"}],"cart":{"id":"pwn-entry-qBa5DkWABZuwiFxSDtBlE","dataUrl":"/shop/hardware/us/es/api/v1/item_count","url":"/shop/hardware/us/es/cart","title":"Su carrito","statusZero":"No hay artículos en su carrito","statusOne":"Hay un artículo en su carrito","statusMany":"{count} artículos en su carrito","primaryNavItems":[{"id":"pwn-entry-4RJj0fF7Zi2LfPKmITl5ad","type":"link","title":"Comprar hardware","url":"/us/es/hardware","linkStyle":"primary","hideWhenCartNotEmpty":true},{"id":"pwn-entry-6uviMuwJ7fKg8kqsR9pNw","type":"link","title":"Ver carrito","url":"/shop/hardware/us/es/cart","linkStyle":"primary","hideWhenCartEmpty":true}],"secondaryNavItems":[{"id":"pwn-entry-77auS5kIXPZ1pdgmR90EeP","type":"link","title":"Ver carrito","url":"/shop/hardware/us/es/cart","hideWhenCartNotEmpty":true},{"id":"pwn-entry-3zKnXVu9xb0ZhTKe6mf6Ve","type":"link","title":"Comprar hardware","url":"/us/es/hardware","hideWhenCartEmpty":true},{"id":"pwn-entry-5kvWjJkupKM48SYVFF6one","type":"link","title":"Historial de pedidos","url":"/shop/hardware/us/en/my-orders"}]},"alignment":"left","enableFlattenedNav":true,"enableAccessibilityRedesign":true,"meta":{"reason":null}}" data-theme-color="#006aff" data-theme-focus-color="#0055cc" data-tracking-parent-id="public-web-nav" id="public-web-nav"></div><main class="main-content" id="main-content" role="main"><div class="auto-layout-collapse"><section class="hero section-hero bg-white sq-custom-align-links-row sq-custom-large-hero-content-padding" data-entry-id="5Ze5wbsYbUZlzXgb9KEGqJ"><div class="content"><div class="content-wrapper align-left gap-left-none"><h1 class="balance-text" data-title-for="5Ze5wbsYbUZlzXgb9KEGqJ">Un punto de venta para tu manera de vender.</h1><div class="grid grid-space-line font-size-small"><div class="column"><div class="display-inline-block" data-entry-id="3dMhyWHARyx6zwYRMg9Mm6"><a class="button gap-none" href="/signup/es-US">Comenzar gratis</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="5fFKqYpctDFaz4qPIonXK2"><a class="button gap-none button-alt" href="/us/es/sales/contact?page=/us/es/point-of-sale">Contacta al equipo de Ventas</a></div></div></div></div></div></section><section class="sticky-banner sticky-animate sticky-bottom sticky-top-at-medium section-sticky-banner bg-white sticky-banner-1" data-entry-id="7wydGy8q118m5KgQ7AuVVk" data-trigger-selector-off=".sticky-banner-2 + *, .section-solution-comparison-table, #footer"><div class="grid-flex-at-medium grid-valign-middle grid-row-space-none grid-col-space-small"><div class="column hide-until-medium no-shrink"><strong>Punto de venta</strong></div><div class="column expand align-right-at-medium"><div class="grid-auto-at-medium grid-row-space-none grid-col-space-small grid-reverse grid-align-center grid-align-left-at-medium grid-valign-middle align-center align-right-at-medium"><div class="column"><div class="display-inline-block" data-entry-id="3GaDTh7aNy6mATP0uYFVrY"><a class="button gap-none" href="/signup/es-US">Comenzar gratis</a></div></div><div class="column hide-until-medium"><div class="display-inline-block" data-entry-id="7G5NfhNcPeAWrHaiLouQSv"><a href="/us/es/sales/contact?page=/us/es/point-of-sale">Contactar al equipo de ventas</a></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-img-border-radius flex-valign-middle" data-entry-id="5ChgiXrOeOgQbe6EZCJxzV"><div class="content pad-top-none pad-bottom-none"><div class="grid-2-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="MlSRfESlx4OfMWHiYgtno"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-2ihjFWWdJ5SFlrNU2IsJyY-32dfd2efdbf2b641c49d173f29cb026f77f7a64da1d9e964316f149a502af5ce"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=493&h=278&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=986&h=556&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=493&h=278&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=986&h=556&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=493&h=278&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=986&h=556&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/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=419&h=236&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=838&h=472&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=419&h=236&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=838&h=472&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=419&h=236&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=838&h=472&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/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=325&h=183&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=650&h=366&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=325&h=183&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=650&h=366&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=325&h=183&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=650&h=366&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/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=424&h=239&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=848&h=478&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=424&h=239&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=848&h=478&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=424&h=239&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=848&h=478&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=324&h=182&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=648&h=364&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=324&h=182&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=648&h=364&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=324&h=182&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=648&h=364&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=276&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=552&h=310&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=276&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=552&h=310&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=276&h=155&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/2ihjFWWdJ5SFlrNU2IsJyY/7ec788cce3dd79fee0ccea7522756314/PD03529_-_USES_2023Q1_POS_overview_retail.png?w=552&h=310&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h4" data-title-for="MlSRfESlx4OfMWHiYgtno">Square para Tiendas</h3><p>Un sistema de PDV diseñado para ayudar a las tiendas minoristas a vender en la tienda y en línea sin inconvenientes, con herramientas integradas para control avanzado de inventario, ventas y asignación de personal.</p> <p><a href="https://squareup.com/us/es/point-of-sale/retail" class="arrow display-block display-inline-block-at-small pad-right-small">Explora el PDV para tiendas minoristas</a> <a href="https://squareup.com/signup/es-US?v=retail" class="arrow display-block display-inline-block-at-small">Obtenlo ahora</a></p></div></div></div></div></div><div class="column"><div data-entry-id="51A7Nlyt5DAobOddC8D93C"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-56K60gh1UY1BzcIBEoYRH1-7e88dd72eea2756a4490bc295652a0cbced6720e1385e7ff24c0fee2c64017f8"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=493&h=277&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=986&h=554&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=493&h=277&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=986&h=554&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=493&h=277&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=986&h=554&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/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=419&h=236&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=838&h=472&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=419&h=236&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=838&h=472&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=419&h=236&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=838&h=472&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/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=325&h=183&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=650&h=366&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=325&h=183&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=650&h=366&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=325&h=183&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=650&h=366&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/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=424&h=239&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=848&h=478&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=424&h=239&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=848&h=478&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=424&h=239&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=848&h=478&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=324&h=182&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=648&h=364&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=324&h=182&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=648&h=364&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=324&h=182&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=648&h=364&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=276&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=552&h=310&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=276&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=552&h=310&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=276&h=155&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/56K60gh1UY1BzcIBEoYRH1/c97ca1a12051ed6d371b8d0235948df5/PD03529_-_USES_POS_overview_t2_restaurants.png?w=552&h=310&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h4" data-title-for="51A7Nlyt5DAobOddC8D93C">Square para Restaurantes</h3><p>Un PDV diseñado para simplificar y acelerar el funcionamiento de tu restaurante, desde la cocina y el área principal hasta la entrega y la recolección.</p> <p><a href="https://squareup.com/us/es/point-of-sale/restaurants" class="arrow display-block display-inline-block-at-small pad-right-small">Explora el PDV para restaurantes</a> <a href="https://squareup.com/signup/es-US?v=restaurants" class="arrow display-block display-inline-block-at-small">Obtenlo ahora</a></p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-img-border-radius flex-valign-middle" data-entry-id="6iNZgWE3Yt1gdldFLCmvS5"><div class="content pad-top-medium pad-bottom-medium"><div class="grid-2-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="BHFjZeLsY0QHAzf4BOkHF"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-6hj1oL1S9r0PyFHr5jIavf-4b74948c2ef748e8de8c1811080360f3f9474b0802074d2aab47aaaff305ac78"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=493&h=278&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=986&h=556&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=493&h=278&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=986&h=556&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=493&h=278&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=986&h=556&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/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=419&h=236&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=838&h=472&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=419&h=236&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=838&h=472&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=419&h=236&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=838&h=472&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/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=325&h=183&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=650&h=366&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=325&h=183&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=650&h=366&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=325&h=183&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=650&h=366&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/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=424&h=239&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=848&h=478&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=424&h=239&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=848&h=478&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=424&h=239&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=848&h=478&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=324&h=182&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=648&h=364&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=324&h=182&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=648&h=364&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=324&h=182&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=648&h=364&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=276&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=552&h=310&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=276&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=552&h=310&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=276&h=155&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6hj1oL1S9r0PyFHr5jIavf/6c4101e810bc09ade48fdbb69a0a8a05/PD03529_-_USES_2023Q1_POS_overview_appointments.png?w=552&h=310&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h4" data-title-for="BHFjZeLsY0QHAzf4BOkHF">Citas Square</h3><p>Un sistema de PDV de programación de citas diseñado para ahorrarte tiempo y ayudarte a mantener el control con una experiencia de reserva intuitiva y sin contratiempos para los clientes.</p> <p><a href="https://squareup.com/us/es/appointments" class="arrow display-block display-inline-block-at-small pad-right-small">Explora el PDV de programación</a> <a href="https://squareup.com/signup/es-US?v=appointments" class="arrow display-block display-inline-block-at-small">Obtenlo ahora</a></p></div></div></div></div></div><div class="column"><div data-entry-id="4nwmd7GXzs2F9J488DDeBu"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-4MG3A7hBlKl1ki2fiTsFWY-53bb79b3a166e03e341d6e779e7bf85cbd04bc28e5c13012da2b8fda33e958fb"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=493&h=277&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=986&h=554&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=493&h=277&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=986&h=554&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=493&h=277&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=986&h=554&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/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=419&h=236&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=838&h=472&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=419&h=236&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=838&h=472&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=419&h=236&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=838&h=472&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/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=325&h=183&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=650&h=366&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=325&h=183&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=650&h=366&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=325&h=183&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=650&h=366&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/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=424&h=239&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=848&h=478&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=424&h=239&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=848&h=478&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=424&h=239&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=848&h=478&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=324&h=182&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=648&h=364&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=324&h=182&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=648&h=364&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=324&h=182&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=648&h=364&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=276&h=155&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=552&h=310&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=276&h=155&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=552&h=310&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=276&h=155&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4MG3A7hBlKl1ki2fiTsFWY/dbd40bfe75aabd4ae8ba6f47aee13b18/PD03529_-_USES_POS_overview_square_stand.png?w=552&h=310&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h4" data-title-for="4nwmd7GXzs2F9J488DDeBu">Punto de venta Square</h3><p>Este PDV, fácil de usar para todo tipo de negocio, puede configurarse para lo que necesites; ya funciona para más de dos millones de negocios en todo el mundo.</p> <p><a href="https://squareup.com/us/es/point-of-sale/software" class="arrow display-block display-inline-block-at-small pad-right-small">Explora el software de PDV</a> <a href="https://squareup.com/signup/es-US?v=pos" class="arrow display-block display-inline-block-at-small">Obtenlo ahora</a></p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout flex-valign-middle" data-entry-id="3aG2YTEhjm9RKBiQPCu58N"><div class="content pad-bottom-large pad-bottom-xl-at-medium"><div class="grid multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="2N3GnRLF9FZxJnY6j6GqH9"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-large"><p class="pad-top-base border-top font-size-base">¿No sabes qué punto de venta es el ideal para ti? <a href="https://squareup.com/us/es/point-of-sale/compare" class="arrow display-block display-inline-at-small">Compara nuestras opciones de software de punto de venta</a></p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-accent auto-layout sq-custom-section-rounded-corners sq-custom-bg-blue-light sq-custom-section-rounded-corners-top-only flex-valign-top" data-entry-id="1ijkyeP7VXcDaaCTL0YoZA"><div class="content pad-top-large pad-bottom-none"><div class="intro font-size-normal align-left gap-left-none"><h2 class="balance-text h1" data-title-for="1ijkyeP7VXcDaaCTL0YoZA">En cada punto de venta.</h2></div><div class="grid-2-at-medium multi-column-grid align-left grid-space-line grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="1Zd7vNIyd7jlIteSD2t8CX"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><p><strong>Pagos sin contacto.</strong> Acepta fácilmente todas las formas de pago, incluidos los pagos sin contacto.</p></div></div></div></div></div><div class="column"><div data-entry-id="5YPNtKaDKIwyg2VqHwPGxD"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><p><strong>Pedidos en línea.</strong> Acepta pedidos en línea o por teléfono y administra la recolección y entrega directamente en el sistema de Punto de venta.</p></div></div></div></div></div><div class="column"><div data-entry-id="Y5XViZwa8EZdUzewwqcF6"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><p><strong>Hardware conectado.</strong> Sincroniza con el hardware de Square para obtener un procesamiento de pagos integrado y sencillo.</p></div></div></div></div></div><div class="column"><div data-entry-id="1FsuMD9i2lEAcmyOaKCvzH"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><p><strong>Herramientas integradas.</strong> Usa un conjunto completo de herramientas diseñadas para ayudar a las empresas grandes y pequeñas por igual, incluida una cuenta de cheques comercial gratis.¹</p></div></div></div></div></div></div></div></section><section class="section-one-column bg-white auto-layout sq-custom-section-rounded-corners sq-custom-bg-blue-light sq-custom-section-rounded-corners-bottom-only flex-valign-middle" data-entry-id="7rReGZN5GRlHub9EjeLnQb"><div class="content pad-top-medium pad-bottom-large"><div class="position-relative"><div class="picture uid-4yKRkQLhxdT979GRMURcA9-f4732d9c0e714bed5fcbd66e176503b10db838453412c015b2f0b5f0d7191ffa"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=1016&h=247&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=2032&h=494&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=1016&h=247&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=2032&h=494&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=1016&h=247&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=2032&h=494&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/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=868&h=211&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=1736&h=422&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=868&h=211&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=1736&h=422&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=868&h=211&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=1736&h=422&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/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=680&h=165&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=1360&h=330&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=680&h=165&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=1360&h=330&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=680&h=165&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=1360&h=330&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/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=424&h=103&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=848&h=206&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=424&h=103&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=848&h=206&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=424&h=103&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=848&h=206&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/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=324&h=79&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=648&h=158&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=324&h=79&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=648&h=158&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=324&h=79&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=648&h=158&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=276&h=67&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=552&h=134&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=276&h=67&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=552&h=134&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=276&h=67&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6k8QlW6kOOe0kh405YflHa/aee05ddf3196132f85d1bbe83c8e22d2/PD03416_-_USES_In_every_point_of_sale.png?w=552&h=134&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></section><section class="section-two-column bg-white auto-layout flex-valign-top" data-entry-id="6UG2E5K9KBhftX2k2q1jmd"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-small"><div class="two-column-outer-grid grid-space-medium grid-space-large-at-medium"><div class="column"><div data-entry-id="1N0vPUmqHvMJZIEJXXqEcM"><div class="two-column-inner-grid grid-valign-top grid-reverse grid-2-at-medium"><div class="column -at-"></div><div class="column align-left content-cell-padding-right"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h1" data-title-for="1N0vPUmqHvMJZIEJXXqEcM">Soluciones en línea.</h3><p>Ya sea que tu negocio tenga una ubicación física o no, crear una presencia sólida en línea puede ayudarte a atraer clientes a distancia. Las soluciones en línea de Square funcionan con todos los sistemas de punto de venta antes mencionados, o también puedes usarlas solas.</p> <p class="inline-list gap-top-small"><a href="/us/es/ecommerce?page=/us/es/point-of-sale" class="arrow display-block display-inline-block-at-small pad-right-small">Explorar las soluciones en línea</a> <a href="/us/es/online-checkout?page=/us/es/point-of-sale" class="arrow display-block display-inline-block-at-small">Crear enlaces de proceso de pago</a></p></div></div></div></div></div></div></div></section><section class="section-screenshot bg-white pad-top-none" data-entry-id="7MGio4UuCIFWZay3xlm7hf" data-frame-type="full-width"><div><div class="apropos-entry position-relative max-width-at-extra-large rounded-corners-at-extra-large" data-entry-id="27LsalJh2TmbX1TVo65qO2"><div class="picture uid-27LsalJh2TmbX1TVo65qO2-2000cf27fee277f7a4f0971d61734e662ecde0f5cfbd818c4fa62dbfd8593ea4"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5YjIscSBApfmtZxBer3R2A/0baf916ec22a9a1b79406a08127a59ed/PD03417_-_M_USES_Ecommerce_software_frames.png?w=1680&h=765&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5YjIscSBApfmtZxBer3R2A/0baf916ec22a9a1b79406a08127a59ed/PD03417_-_M_USES_Ecommerce_software_frames.png?w=3360&h=1530&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5YjIscSBApfmtZxBer3R2A/0baf916ec22a9a1b79406a08127a59ed/PD03417_-_M_USES_Ecommerce_software_frames.png?w=1680&h=765&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5YjIscSBApfmtZxBer3R2A/0baf916ec22a9a1b79406a08127a59ed/PD03417_-_M_USES_Ecommerce_software_frames.png?w=3360&h=1530&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5YjIscSBApfmtZxBer3R2A/0baf916ec22a9a1b79406a08127a59ed/PD03417_-_M_USES_Ecommerce_software_frames.png?w=1680&h=765&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5YjIscSBApfmtZxBer3R2A/0baf916ec22a9a1b79406a08127a59ed/PD03417_-_M_USES_Ecommerce_software_frames.png?w=3360&h=1530&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/5YjIscSBApfmtZxBer3R2A/0baf916ec22a9a1b79406a08127a59ed/PD03417_-_M_USES_Ecommerce_software_frames.png?w=1291&h=588&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5YjIscSBApfmtZxBer3R2A/0baf916ec22a9a1b79406a08127a59ed/PD03417_-_M_USES_Ecommerce_software_frames.png?w=2582&h=1176&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5YjIscSBApfmtZxBer3R2A/0baf916ec22a9a1b79406a08127a59ed/PD03417_-_M_USES_Ecommerce_software_frames.png?w=1291&h=588&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5YjIscSBApfmtZxBer3R2A/0baf916ec22a9a1b79406a08127a59ed/PD03417_-_M_USES_Ecommerce_software_frames.png?w=2582&h=1176&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5YjIscSBApfmtZxBer3R2A/0baf916ec22a9a1b79406a08127a59ed/PD03417_-_M_USES_Ecommerce_software_frames.png?w=1291&h=588&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5YjIscSBApfmtZxBer3R2A/0baf916ec22a9a1b79406a08127a59ed/PD03417_-_M_USES_Ecommerce_software_frames.png?w=2582&h=1176&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/5YjIscSBApfmtZxBer3R2A/0baf916ec22a9a1b79406a08127a59ed/PD03417_-_M_USES_Ecommerce_software_frames.png?w=1023&h=466&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5YjIscSBApfmtZxBer3R2A/0baf916ec22a9a1b79406a08127a59ed/PD03417_-_M_USES_Ecommerce_software_frames.png?w=2046&h=932&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5YjIscSBApfmtZxBer3R2A/0baf916ec22a9a1b79406a08127a59ed/PD03417_-_M_USES_Ecommerce_software_frames.png?w=1023&h=466&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5YjIscSBApfmtZxBer3R2A/0baf916ec22a9a1b79406a08127a59ed/PD03417_-_M_USES_Ecommerce_software_frames.png?w=2046&h=932&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5YjIscSBApfmtZxBer3R2A/0baf916ec22a9a1b79406a08127a59ed/PD03417_-_M_USES_Ecommerce_software_frames.png?w=1023&h=466&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5YjIscSBApfmtZxBer3R2A/0baf916ec22a9a1b79406a08127a59ed/PD03417_-_M_USES_Ecommerce_software_frames.png?w=2046&h=932&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/739eWfL2zcuLTY9nJPYdg/f9f35163a27a634f4ae7772d45912105/PD03417_-_Base_USES_Ecommerce_software_frames.png?w=717&h=350&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/739eWfL2zcuLTY9nJPYdg/f9f35163a27a634f4ae7772d45912105/PD03417_-_Base_USES_Ecommerce_software_frames.png?w=1434&h=700&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/739eWfL2zcuLTY9nJPYdg/f9f35163a27a634f4ae7772d45912105/PD03417_-_Base_USES_Ecommerce_software_frames.png?w=717&h=350&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/739eWfL2zcuLTY9nJPYdg/f9f35163a27a634f4ae7772d45912105/PD03417_-_Base_USES_Ecommerce_software_frames.png?w=1434&h=700&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/739eWfL2zcuLTY9nJPYdg/f9f35163a27a634f4ae7772d45912105/PD03417_-_Base_USES_Ecommerce_software_frames.png?w=717&h=350&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/739eWfL2zcuLTY9nJPYdg/f9f35163a27a634f4ae7772d45912105/PD03417_-_Base_USES_Ecommerce_software_frames.png?w=1434&h=700&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/739eWfL2zcuLTY9nJPYdg/f9f35163a27a634f4ae7772d45912105/PD03417_-_Base_USES_Ecommerce_software_frames.png?w=479&h=233&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/739eWfL2zcuLTY9nJPYdg/f9f35163a27a634f4ae7772d45912105/PD03417_-_Base_USES_Ecommerce_software_frames.png?w=958&h=466&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/739eWfL2zcuLTY9nJPYdg/f9f35163a27a634f4ae7772d45912105/PD03417_-_Base_USES_Ecommerce_software_frames.png?w=479&h=233&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/739eWfL2zcuLTY9nJPYdg/f9f35163a27a634f4ae7772d45912105/PD03417_-_Base_USES_Ecommerce_software_frames.png?w=958&h=466&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/739eWfL2zcuLTY9nJPYdg/f9f35163a27a634f4ae7772d45912105/PD03417_-_Base_USES_Ecommerce_software_frames.png?w=479&h=233&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/739eWfL2zcuLTY9nJPYdg/f9f35163a27a634f4ae7772d45912105/PD03417_-_Base_USES_Ecommerce_software_frames.png?w=958&h=466&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/739eWfL2zcuLTY9nJPYdg/f9f35163a27a634f4ae7772d45912105/PD03417_-_Base_USES_Ecommerce_software_frames.png?w=373&h=182&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/739eWfL2zcuLTY9nJPYdg/f9f35163a27a634f4ae7772d45912105/PD03417_-_Base_USES_Ecommerce_software_frames.png?w=746&h=364&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/739eWfL2zcuLTY9nJPYdg/f9f35163a27a634f4ae7772d45912105/PD03417_-_Base_USES_Ecommerce_software_frames.png?w=373&h=182&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/739eWfL2zcuLTY9nJPYdg/f9f35163a27a634f4ae7772d45912105/PD03417_-_Base_USES_Ecommerce_software_frames.png?w=746&h=364&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/739eWfL2zcuLTY9nJPYdg/f9f35163a27a634f4ae7772d45912105/PD03417_-_Base_USES_Ecommerce_software_frames.png?w=373&h=182&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/739eWfL2zcuLTY9nJPYdg/f9f35163a27a634f4ae7772d45912105/PD03417_-_Base_USES_Ecommerce_software_frames.png?w=746&h=364&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></section><section class="section-multi-column bg-white auto-layout flex-valign-middle" data-entry-id="1uIf3tWcmhPwVKSm5NlgTp"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-none"><div class="grid-2-at-medium multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="VuGD7u6z2ASk6Q1vvAsl2"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h1" data-title-for="VuGD7u6z2ASk6Q1vvAsl2">Hardware que facilita la venta.</h3><p>Acepta pagos y administra el punto de venta con hardware que se adapta a las necesidades de tu negocio. Consulta nuestra tabla de comparación para confirmar la compatibilidad del punto de venta.</p> <p><a href="/us/es/hardware" class="arrow">Explorar hardware</a></p></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout sq-custom-section-hardware-grid sq-custom-grid-columns--clickable sq-custom-grid-column-gray-rounded sq-custom-section-hardware-grid-reset-order sq-custom-hardware-tile-with-bottom-text flex-valign-middle overflow-hidden" data-entry-id="5g75obcshq4NIdHvFzLL8G"><div class="content pad-top-large pad-bottom-large pad-bottom-xl-at-medium"><div class="carousel" data-buttons="true" data-infinite-scroll="true"><div class="grid-3-at-medium multi-column-grid align-left grid-space-small grid-align-left grid-valign-top grid-row-equal-heights carousel-slider"><div class="column carousel-slide"><div data-entry-id="33tCqdg9PcpJQdfvtkAWsj"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-5rjOAWH9ID2PZS9z226JL9-f543bba4a3d2e2b34c19ca12fd630a85f6fe46443ca2b5e824f7b8762722f58e"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=319&h=319&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=638&h=638&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=319&h=319&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=638&h=638&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=319&h=319&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=638&h=638&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=270&h=270&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=540&h=540&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=270&h=270&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=540&h=540&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=270&h=270&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=540&h=540&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=207&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=414&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=207&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=414&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=207&h=207&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=414&h=414&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=424&h=424&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=848&h=848&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=424&h=424&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=848&h=848&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=424&h=424&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=848&h=848&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=324&h=324&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=648&h=648&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=324&h=324&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=648&h=648&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=324&h=324&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=648&h=648&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=276&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=552&h=552&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=276&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=552&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=276&h=276&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5rjOAWH9ID2PZS9z226JL9/1dae8933ed195721eaa63a9223cea17f/PD03510_-_USES_Register_tile_2000px.png?w=552&h=552&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 id="square-register"><a href="/us/es/hardware/register" class="arrow">Square Register</a></h4> <p>Una caja registradora y punto de venta integral con una pantalla para clientes, además de la capacidad de agregar una caja de efectivo, una impresora de recibos y más.</p> <p class="color-gray">$799 o $39 al mes durante 24 meses*</p></div></div></div></div></div><div class="column carousel-slide"><div data-entry-id="6xUiI95hQ9vbWYyrCPugor"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-4NL0o8dba04KN6cD0xJ25c-a123c479ee0d19bd4d6fb095a780157fbe5ae54e632a8f132e642e41b3a8d590"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=319&h=319&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=638&h=638&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=319&h=319&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=638&h=638&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=319&h=319&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=638&h=638&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=270&h=270&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=540&h=540&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=270&h=270&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=540&h=540&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=270&h=270&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=540&h=540&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=207&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=414&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=207&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=414&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=207&h=207&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=414&h=414&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=424&h=424&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=848&h=848&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=424&h=424&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=848&h=848&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=424&h=424&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=848&h=848&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=324&h=324&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=648&h=648&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=324&h=324&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=648&h=648&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=324&h=324&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=648&h=648&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=276&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=552&h=552&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=276&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=552&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=276&h=276&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/4NL0o8dba04KN6cD0xJ25c/44662b597b81b6354abfc524f12918be/PD03088_-_USES_Stand_2022_3QTR_2000px.png?w=552&h=552&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 id="square-stand"><a href="/us/es/hardware/stand" class="arrow">Square Stand</a></h4> <p>Un punto de venta basado en iPad que te permite aceptar todo tipo de pagos y agregar una caja de efectivo y una impresora de recibos si las necesitas.</p> <p class="color-gray">$149 o $14 al mes durante 12 meses*</p></div></div></div></div></div><div class="column carousel-slide"><div data-entry-id="3xUco3V1uVGdxcBp3bgz2v"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-5vPEYaGa8mcL1x4ICrhIkf-f9beba3ff92d29646de05bb14399b8c71d114b92c485bfd4023339639cc90cf3"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=319&h=319&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=638&h=638&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=319&h=319&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=638&h=638&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=319&h=319&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=638&h=638&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=270&h=270&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=540&h=540&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=270&h=270&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=540&h=540&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=270&h=270&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=540&h=540&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=207&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=414&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=207&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=414&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=207&h=207&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=414&h=414&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=424&h=424&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=848&h=848&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=424&h=424&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=848&h=848&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=424&h=424&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=848&h=848&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=324&h=324&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=648&h=648&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=324&h=324&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=648&h=648&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=324&h=324&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=648&h=648&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=276&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=552&h=552&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=276&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=552&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=276&h=276&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/5vPEYaGa8mcL1x4ICrhIkf/1a63be1b4d6df0f52bd39c7da12a788c/PD03510_-_USES_terminal_tile_2000px.png?w=552&h=552&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 id="square-terminal"><a href="/us/es/hardware/terminal" class="arrow">Square Terminal</a></h4> <p>Una terminal de punto de venta portátil y completa, con pagos integrados y una impresora de recibos.</p> <p class="color-gray">$299 o $27 al mes durante 12 meses*</p></div></div></div></div></div><div class="column carousel-slide"><div data-entry-id="oQts8vvggv1VN2tcikInQ"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-3s3ADUuTvNsjPq8CuMl1Ym-8b1b85a29711ab99f56bf1d842be49d652b653c991ddb48614306f167d1d86a8"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=319&h=319&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=638&h=638&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=319&h=319&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=638&h=638&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=319&h=319&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=638&h=638&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=270&h=270&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=540&h=540&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=270&h=270&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=540&h=540&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=270&h=270&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=540&h=540&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=207&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=414&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=207&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=414&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=207&h=207&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=414&h=414&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=424&h=424&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=848&h=848&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=424&h=424&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=848&h=848&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=424&h=424&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=848&h=848&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=324&h=324&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=648&h=648&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=324&h=324&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=648&h=648&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=324&h=324&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=648&h=648&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=276&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=552&h=552&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=276&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=552&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=276&h=276&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/3s3ADUuTvNsjPq8CuMl1Ym/a0e562f84d919edbb9dcf2dfc524ce83/PD02259_-_magstripe_usb-c_tile.png?w=552&h=552&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 id="square-reader-para-tarjetas-de-banda-magnética"><a href="/us/es/hardware/reader" class="arrow">Square Reader para tarjetas de banda magnética</a></h4> <p>Acepta pagos al deslizar tarjetas en cualquier lugar con este pequeño lector de tarjetas como sistema de punto de venta móvil.</p> <p class="color-gray">Primer lector gratis² (o a $10)</p></div></div></div></div></div><div class="column carousel-slide"><div data-entry-id="4rkPzzYNU6Np43e8fFl5C"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-7JB4bmM4Hr2bwBUzokwOM9-d2bbddda8d81d3df94125859b35161dcf545c8f4651931ebf503246581610e4c"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=319&h=319&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=638&h=638&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=319&h=319&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=638&h=638&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=319&h=319&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=638&h=638&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=270&h=270&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=540&h=540&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=270&h=270&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=540&h=540&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=270&h=270&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=540&h=540&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=207&h=207&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=414&h=414&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=207&h=207&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=414&h=414&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=207&h=207&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=414&h=414&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=424&h=424&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=848&h=848&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=424&h=424&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=848&h=848&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=424&h=424&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=848&h=848&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=324&h=324&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=648&h=648&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=324&h=324&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=648&h=648&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=324&h=324&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=648&h=648&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=276&h=276&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=552&h=552&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=276&h=276&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=552&h=552&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=276&h=276&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/7JB4bmM4Hr2bwBUzokwOM9/2273f9efa757ef389a0e3941fc838246/PD03941_-_R12d_Chip_reader_tile_4000px.png?w=552&h=552&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h4 id="square-reader-sin-contacto-y-con-chip"><a href="/us/es/hardware/contactless-chip-reader" class="arrow">Square Reader sin contacto y con chip</a></h4> <p>Acepta pagos con chip y sin contacto en cualquier lugar con un lector que se conecta directamente con tu dispositivo.</p> <p class="color-gray">$59</p></div></div></div></div></div></div></div></div></section><section class="section-multi-column bg-white auto-layout flex-valign-middle" data-entry-id="4tkxPr4XAIQhfl2jtF8SXO"><div class="content pad-top-none pad-bottom-medium"><div class="grid-2-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="1vEUGdgTVQlmu7xrIcnFEf"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h1" data-title-for="1vEUGdgTVQlmu7xrIcnFEf">Procesamiento de pagos integrado</h3></div></div></div></div></div><div class="column"><div data-entry-id="7yoNfi3aP7CeO0wPRVsndy"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><p>Sin importar qué solución de PDV Square utilices, puedes aceptar pagos con tarjeta de inmediato. Paga una tarifa por cada tarjeta acercada, deslizada o insertada y obtén cumplimiento de PCI, asistencia para la devolución de cobros e informes en tiempo real sin pagar tarifas adicionales. Además, si procesas más de $250,000 en ventas al año, puedes hablar con nuestro equipo sobre precios personalizados.</p> <p><a href="/us/es/payments?page=/us/es/point-of-sale" class="arrow">Explora las opciones de procesamiento de pagos</a></p></div></div></div></div></div></div></div></section><section class="section-one-column bg-white auto-layout flex-valign-middle" data-entry-id="6u9htqPMnE7fB2KLhViPAl"><div class="content pad-bottom-none"><div class="position-relative"><div class="picture uid-70by0116tfeSsOGQfi9bdH-d443be22b86dafab9393646365c74bc79655b1dfa00415e596d745f2015d78a5"><picture class="apropos apropos-fluid"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=1016&h=466&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=2032&h=932&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=1016&h=466&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=2032&h=932&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=1016&h=466&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=2032&h=932&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/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=868&h=398&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=1736&h=796&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=868&h=398&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=1736&h=796&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=868&h=398&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=1736&h=796&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/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=680&h=312&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=1360&h=624&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=680&h=312&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=1360&h=624&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=680&h=312&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=1360&h=624&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/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=424&h=194&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=848&h=388&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=424&h=194&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=848&h=388&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=424&h=194&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=848&h=388&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/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=324&h=149&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=648&h=298&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=324&h=149&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=648&h=298&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=324&h=149&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=648&h=298&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=276&h=127&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=552&h=254&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=276&h=127&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=552&h=254&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=276&h=127&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1q7pjf6lnCumRvPiBQq6h2/dc7a34154b859178f1d090b40baf2d45/PD03418_-_USES_POS_cafe.png?w=552&h=254&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div></section><section class="section-multi-column bg-white auto-layout flex-valign-middle" data-entry-id="2E6ogBPXfPnBZj1EuLFUmy"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-none"><div class="intro font-size-base align-left gap-left-none"><h2 class="balance-text h1" data-title-for="2E6ogBPXfPnBZj1EuLFUmy">Facture a los clientes fácilmente</h2></div><div class="grid-2-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="6O0yzO6oCYzlFy8cDXguBD"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-6FTtTEqqAkqqVYhGswTlp-14d4410a2ffbacea0dab78e093341ba34d9d69aa3a9243882f008c0e7f7effbb"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=493&h=297&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=986&h=594&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=493&h=297&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=986&h=594&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=493&h=297&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=986&h=594&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=419&h=252&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=838&h=504&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=419&h=252&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=838&h=504&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=419&h=252&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=838&h=504&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=325&h=196&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=650&h=392&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=325&h=196&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=650&h=392&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=325&h=196&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=650&h=392&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=424&h=255&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=848&h=510&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=424&h=255&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=848&h=510&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=424&h=255&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=848&h=510&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=324&h=195&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=648&h=390&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=324&h=195&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=648&h=390&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=324&h=195&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=648&h=390&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=276&h=166&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=552&h=332&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=276&h=166&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=552&h=332&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=276&h=166&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/6FTtTEqqAkqqVYhGswTlp/c2a136bc77a33a95dd78fd9b754fc068/PD03419_-_USES_UI_abstract_square_invoices.png?w=552&h=332&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h4" data-title-for="6O0yzO6oCYzlFy8cDXguBD">Facturas Square</h3><p>Envía presupuestos y facturas ilimitados sin tarifas mensuales y permite que los clientes paguen en línea.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="VHCB2Srun6wBex3bSjbVd"><a class="arrow" href="https://squareup.com/us/es/invoices">Más información</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="2ocUV2RVH1zAkANvDpBg0e"><div class="grid grid-space-line"><div class="column"><div class="position-relative"><div class="picture uid-1LLDBqY68FbeJXlkfjMzA3-ccee62188ecaecd04f65950cb28d43ad671ddfd6fb1daade587e862d21688a57"><picture class="apropos"><source media="(min-width: 1292px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=493&h=297&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=986&h=594&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=493&h=297&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=986&h=594&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1292px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=493&h=297&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=986&h=594&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 1024px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=419&h=252&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=838&h=504&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=419&h=252&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=838&h=504&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 1024px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=419&h=252&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=838&h=504&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 718px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=325&h=196&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=650&h=392&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=325&h=196&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=650&h=392&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 718px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=325&h=196&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=650&h=392&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 480px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=424&h=255&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=848&h=510&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=424&h=255&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=848&h=510&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 480px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=424&h=255&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=848&h=510&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source media="(min-width: 374px)" type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=324&h=195&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=648&h=390&fm=avif&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=324&h=195&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=648&h=390&fm=webp&q=85&fit=scale 2x" /><source media="(min-width: 374px)" type="image/jpeg" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=324&h=195&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=648&h=390&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /><source type="image/avif" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=276&h=166&fm=avif&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=552&h=332&fm=avif&q=85&fit=scale 2x" /><source type="image/webp" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=276&h=166&fm=webp&q=85&fit=scale, //images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=552&h=332&fm=webp&q=85&fit=scale 2x" /><img alt="" data-srcset="//images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=276&h=166&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive, //images.ctfassets.net/2d5q1td6cyxq/1LLDBqY68FbeJXlkfjMzA3/56cbe852b00edee65df8f17b2b8fb27a/PD03419_-_USES_UI_abstract_virtual_terminal.png?w=552&h=332&fm=jpg&q=85&bg=rgb%3Affffff&fit=scale&fl=progressive 2x" /></picture></div></div></div><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h4" data-title-for="2ocUV2RVH1zAkANvDpBg0e">Terminal virtual</h3><p>Ingresa números de tarjetas manualmente para cobrar a los clientes sin importar si están presentes o no.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="12kCI2yGxj7NWCVXGPYjaK"><a class="arrow" href="https://squareup.com/us/es/virtual-terminal">Más información</a></div></div></div></div></div></div></div></div></div></div></section><section class="section-accordion bg-white auto-layout sq-custom-accordion-wide" data-entry-id="1JLTbd1w5GcrZhV0ADWeNZ"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-large pad-bottom-xl-at-medium"><div class="intro font-size-base align-left gap-left-none"><h2 class="balance-text h1" data-title-for="1JLTbd1w5GcrZhV0ADWeNZ">Preguntas frecuentes</h2></div><ul class="reset content-width-medium border-bottom"><li class="border-top pad-vert-small" data-entry-id="4klFkFzGfsLMiXx0dbjdU6"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-4klFkFzGfsLMiXx0dbjdU6" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">¿Cómo comienzo a usar los sistemas de Punto de venta Square?</div><div class="column"><div class="accordion-plus-minus"></div></div></div></a></h3><div class="collapse gap-none content-max-width" data-transition-state="on" data-transition-types="collapse fade" id="accordion-4klFkFzGfsLMiXx0dbjdU6"><p>Descarga la aplicación Punto de venta Square que mejor se adapte a tu negocio e inicia sesión para abrir tu cuenta.</p></div></li><li class="border-top pad-vert-small" data-entry-id="EN46fTA4cCkZ2NsAbX6Th"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-EN46fTA4cCkZ2NsAbX6Th" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">¿Cuánto tiempo tomará instalar mi Punto de venta?</div><div class="column"><div class="accordion-plus-minus"></div></div></div></a></h3><div class="collapse gap-none content-max-width" data-transition-state="on" data-transition-types="collapse fade" id="accordion-EN46fTA4cCkZ2NsAbX6Th"><p>Prepararse para aceptar tarjetas de crédito con Square solo toma unos minutos.</p></div></li><li class="border-top pad-vert-small" data-entry-id="17HKR9Ww7KH7Igr2gP1uAS"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-17HKR9Ww7KH7Igr2gP1uAS" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">¿Qué sucede si tengo una consulta sobre mi sistema de Punto de venta Square?</div><div class="column"><div class="accordion-plus-minus"></div></div></div></a></h3><div class="collapse gap-none content-max-width" data-transition-state="on" data-transition-types="collapse fade" id="accordion-17HKR9Ww7KH7Igr2gP1uAS"><p>Nuestro equipo de Atención al Cliente altamente capacitado está disponible por teléfono y correo electrónico. También puedes visitar nuestra Comunidad Square o el Centro de Atención al Cliente las 24 horas de los 7 días de la semana para buscar tutoriales completos en video, artículos y consejos útiles.</p></div></li><li class="border-top pad-vert-small" data-entry-id="1I7Irb9r1wHY9tJlgXSz1n"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-1I7Irb9r1wHY9tJlgXSz1n" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">¿Cuánto tarda capacitarse para usar el sistema de Punto de venta Square?</div><div class="column"><div class="accordion-plus-minus"></div></div></div></a></h3><div class="collapse gap-none content-max-width" data-transition-state="on" data-transition-types="collapse fade" id="accordion-1I7Irb9r1wHY9tJlgXSz1n"><p>Square es tan intuitivo que no requiere capacitaciones. En serio.</p></div></li><li class="border-top pad-vert-small" data-entry-id="7qgY51N1k9JFWEvCO95tJ0"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-7qgY51N1k9JFWEvCO95tJ0" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">¿Cómo comienzo con Square para Tiendas?</div><div class="column"><div class="accordion-plus-minus"></div></div></div></a></h3><div class="collapse gap-none content-max-width" data-transition-state="on" data-transition-types="collapse fade" id="accordion-7qgY51N1k9JFWEvCO95tJ0"><p>Puedes comenzar con nuestros planes Gratis o Plus con solo unos clics aquí. <br> Quienes se registren en Square para Tiendas recibirán automáticamente una prueba gratuita de 30 días del plan Plus. Al término de la prueba gratuita, puedes seleccionar qué plan funciona mejor para ti. <br> Para comenzar con el plan Premium, contacta a nuestro equipo de Ventas.</p></div></li><li class="border-top pad-vert-small" data-entry-id="1pBk2XsSGWRwtG3FjquGYq"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-1pBk2XsSGWRwtG3FjquGYq" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">¿Qué funciones incluye Citas Square?</div><div class="column"><div class="accordion-plus-minus"></div></div></div></a></h3><div class="collapse gap-none content-max-width" data-transition-state="on" data-transition-types="collapse fade" id="accordion-1pBk2XsSGWRwtG3FjquGYq"><p>Todas las cuentas incluyen todas nuestras funciones, ya sea que uses el plan Gratis para individuos o pagues una tarifa mensual para los miembros de tu equipo agregados. Además, se incluye un sitio de reservas en línea, recordatorios de clientes, tarifas por cancelaciones y ausencias, Tarjeta guardada, perfiles de clientes, cuentas de empleado individuales y mucho más. Para ver una lista completa de las funciones de cada plan, ve a nuestra página de precios.</p> <p>¿Qué hardware o equipo necesitaré?</p> <p>Puedes usar Citas Square en cualquier computadora de escritorio, tableta o teléfono inteligente con un navegador web o la aplicación Citas Square, disponible en App Store o Google Play. Citas Square también es compatible con Square Register, nuestro hardware integral que incluye dos pantallas para ofrecer un proceso de pago intuitivo y con distanciamiento social. Para disfrutar de la mejor experiencia de pago para clientes, te recomendamos usar Citas Square con Square Register o con un iPad y Square Stand sin contacto y con chip. Nota: Por el momento, Square Terminal no admite la aplicación Citas Square, pero planeamos agregar esta capacidad pronto.</p></div></li><li class="border-top pad-vert-small" data-entry-id="LM3S6Ol7Pb4oAEf5e99B0"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-LM3S6Ol7Pb4oAEf5e99B0" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">¿Square para Restaurantes es adecuado para mi negocio?</div><div class="column"><div class="accordion-plus-minus"></div></div></div></a></h3><div class="collapse gap-none content-max-width" data-transition-state="on" data-transition-types="collapse fade" id="accordion-LM3S6Ol7Pb4oAEf5e99B0"><p>Square para Restaurantes es ideal para los restaurantes de servicio completo, de servicio rápido y casual, de concepto multidimensional, bares y cervecerías, tanto de una como de varias ubicaciones. Si eres propietario o gerente de un restaurante y ya usas Micros, Aloha, Harbortouch, POSitouch, Toast POS, Upserve u otro sistema o software de Punto de venta, es probable que Square para Restaurantes pueda adaptarse a tus necesidades por un costo menor. Ahora ofrecemos una versión gratis de Square para Restaurantes además de nuestros planes pagados. Prueba nuestra calculadora de costos de cuatro pasos para obtener <a href="https://squareup.com/us/es/point-of-sale/restaurants/calculator">más información</a>.</p></div></li><li class="border-top pad-vert-small" data-entry-id="7CS4j1fJcxcrhpvnhmTAh2"><h3 class="h6 gap-none"><a class="hotspot" data-transition-state="on" data-transition-target="accordion-7CS4j1fJcxcrhpvnhmTAh2" data-trigger-space="" href="#" role="button"><div class="grid-flex grid-valign-middle"><div class="column expand">¿El Sistema de pantalla digital para cocina de Square (Square KDS) está incluido en Square para Restaurantes Plus?</div><div class="column"><div class="accordion-plus-minus"></div></div></div></a></h3><div class="collapse gap-none content-max-width" data-transition-state="on" data-transition-types="collapse fade" id="accordion-7CS4j1fJcxcrhpvnhmTAh2"><p>Sí, Square KDS está disponible con la suscripción a Square para Restaurantes Plus ($60 por ubicación + $40 por dispositivo de Punto de venta adicional) sin costo adicional por pantalla de KDS.</p></div></li></ul></div></section><section class="section-multi-column bg-invert auto-layout sq-custom-lead-form-to-multi-column-target sq-custom-lead-form-to-multi-column-target-prepend sq-custom-h1-to-hero-h1 flex-valign-middle" data-entry-id="7xfNRwV02PI8674UBAnMs0"><div class="content pad-top-large pad-top-xl-at-medium pad-bottom-large pad-bottom-xl-at-medium"><div class="intro font-size-large align-left gap-left-none"><h2 class="balance-text h1" data-title-for="7xfNRwV02PI8674UBAnMs0">Comienza a vender tus productos con Square.</h2><ul class="reset grid-auto gap-bottom-large"> <li><a href="/signup/es-US" class="arrow pad-right-small">Abrir una cuenta gratis</a></li> <li><a href="/us/es/sales/contact?page=/us/es" class="arrow">Contactar al equipo de ventas</a></li> </ul></div><div class="grid-2-at-medium grid-4-at-large multi-column-grid align-left grid-space-small grid-align-left grid-valign-middle grid-row-equal-heights"><div class="column one-whole-at-medium one-half-at-large"><div data-entry-id="5IS5GX7Clpn7uqb3Bgq6TT"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-small"><p class="grid-auto grid-align-center grid-align-left-at-medium grid-align-center-at-large"><img src="https://images.ctfassets.net/2d5q1td6cyxq/7Kt5Gs6RsJ8fU37uVk0ua6/7f4252085ba7a5a29fc8a88abfe501e4/PD03515_-_start_selling_icons.svg" alt="stay-in-touch-icon" class="one-half one-third-at-medium one-half-at-large"></p></div></div></div></div></div></div></div></section><section class="auto-layout section-lead-form bg-invert sq-custom-lead-form-to-multi-column-source" data-entry-id="6CxqcEMDhSEw7DK6XcPqr2"><div class="content content-width-large lead-form-section"><div class="single-column-lead-form-section"><div class="intro font-size-base align-left gap-left-none"><h2 class="balance-text h3" data-title-for="6CxqcEMDhSEw7DK6XcPqr2">Mantente en contacto.</h2><p>Suscríbete a nuestra lista de correo electrónico para obtener consejos de otros propietarios de negocios, artículos de atención al cliente, sugerencias de los expertos del sector y más recursos.</p></div><form data-button-success="Enviado. ¡Gracias!" data-error-message="Ocurrió un error al enviar el formulario" data-flash-message="¡Gracias!" data-follow-up-form="true" data-google-maps-bundle-url="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyCGymSrshTUGxNpFKwgy25U2USi1UzWijQ&libraries=places&callback=Sq.FieldAddressAutocomplete.init" data-lead-form="" data-lead-form-id="4759" data-marketo-base-url="//app-sj14.marketo.com" data-munchkin-id="424-IAB-218" data-required-checkbox-field="Selecciona al menos una de las opciones." data-required-field="Se necesita un {{field_name}} válido." data-required-radio-field="Selecciona una de las opciones." data-submit-once="true" data-validate="true" false="" novalidate="" ||=""><div class="grid-flex-at-medium grid-space-base content-width-medium grid-valign-bottom gap-bottom-line"><div class="expand single-field-form-input"><div class="column"><div class="field"><label for="lead-form-1_Email"></label><div class="field-input"><input data-container=".field" data-pattern-flags="i" data-whitelist="[A-Za-z0-9._@%+-]" id="lead-form-1_Email" name="Email" pattern="^[A-Z0-9._%+-]+@(?:[A-Z0-9-]+\.)+[A-Z]{2,}$" placeholder="Dirección de correo electrónico" required="" title="Ingresar una dirección de correo electrónico válida" type="email" /></div></div></div></div><input id="lead-form-1_Square_AVT__c" name="Square_AVT__c" type="hidden" value="" /><input id="lead-form-1_formType" name="formType" type="hidden" value="Leads" /><input id="lead-form-1_Country" name="Country" type="hidden" value="US" /><input id="lead-form-1_Language__c_account" name="Language__c_account" type="hidden" value="ES" /><input id="lead-form-1_referrer" name="referrer" type="hidden" value="" /><input id="lead-form-1_formDetail" name="formDetail" type="hidden" value="Passive" /><input id="lead-form-1_Sync_to_Marketo__c" name="Sync_to_Marketo__c" type="hidden" value="true" /><input id="lead-form-1_RecordTypeId" name="RecordTypeId" type="hidden" value="012E0000000Vckz" /><input id="lead-form-1_LeadSource" name="LeadSource" type="hidden" value="Marketing Sourced" /><input id="lead-form-1_Source_Detail__c_account" name="Source_Detail__c_account" type="hidden" value="Public Web (Passive Lead Form)" /><input id="lead-form-1_audienceSegment" name="audienceSegment" type="hidden" value="Sales Leads" /><input id="lead-form-1_squareBU" name="squareBU" type="hidden" value="Square" /><input id="lead-form-1_cookieAffiliate" name="cookieAffiliate" type="hidden" value="" /><input id="lead-form-1_cookieCode" name="cookieCode" type="hidden" value="" /><input id="lead-form-1_cookieEntireURL" name="cookieEntireURL" type="hidden" value="" /><input name="_mkt_trk" type="hidden" /><input name="followUpList" type="hidden" value="[{"default":true,"followupType":"none","followupValue":null}]" /><div class="lead-form-button-container column no-shrink single-field-form-button"><button class="lead-form-submit-button" type="submit">Enviar</button></div></div><div class="content-width-medium align-left gap-bottom-line legal-text-field font-size-small"><p>*Es posible que terceros transcriban, usen y almacenen esta información de acuerdo con nuestra <a href="https://squareup.com/us/es/legal/general/privacy" target="_blank">Política de privacidad</a>.</p></div></form></div><div class="follow-up-form"><div class="single-column-lead-form-section"><div class="intro font-size-base align-left gap-left-none"><h2 class="balance-text h2" data-title-for="M68Sdr5AFlSvmBfYYEWLD">Encantados de conocerle.</h2><p>Creemos que los negocios son tan únicos como las personas que los administran. Cuéntenos más sobre usted para obtener contenido individualizado sobre los temas que más le interesen.</p></div><form data-button-success="Enviado. ¡Gracias!" data-error-message="Ocurrió un error al enviar el formulario" data-flash-message="¡Gracias!" data-follow-up-form="false" data-google-maps-bundle-url="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyCGymSrshTUGxNpFKwgy25U2USi1UzWijQ&libraries=places&callback=Sq.FieldAddressAutocomplete.init" data-lead-form="" data-lead-form-id="4790" data-marketo-base-url="//app-sj14.marketo.com" data-munchkin-id="424-IAB-218" data-required-checkbox-field="Selecciona al menos una de las opciones." data-required-field="Se necesita un {{field_name}} válido." data-required-radio-field="Selecciona una de las opciones." data-submit-once="true" data-validate="true" false="" novalidate="" ||=""><div><div class="grid-2-at-medium gap-bottom-line"><div class="column"><div class="field"><label for="lead-form-2_FirstName">Nombre</label><div class="field-input"><input data-container=".field" id="lead-form-2_FirstName" name="FirstName" required="" title="This field is required." type="text" /></div></div></div><div class="column"><div class="field"><label for="lead-form-2_LastName">Apellido</label><div class="field-input"><input data-container=".field" id="lead-form-2_LastName" name="LastName" required="" title="This field is required." type="text" /></div></div></div></div><div class="grid-2-at-medium gap-bottom-line"><div class="column"><fieldset class="field intl-phone-field" data-current-country-code="us"><legend>Teléfono</legend><div class="intl-phone-wrapper"><button aria-expanded="false" class="country-code-trigger" type="button"><span class="selected-flag icon-flag icon-flag-US"></span><span class="arrow-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" width="14" height="14"> <path d="M1 5l6 6 6-6" fill="none" stroke="#1a1a1a" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span></button><div class="intl-select-dropdown"><div class="intl-select-scroll"><div class="intl-select-option" data-country-code="US" data-country-number-code="+1" data-country-number-placeholder="000 000 0000"><input checked="" id="lead-form-2_US-country-code-prefix" name="country_code_prefix" type="radio" value="+1" /><label for="lead-form-2_US-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-US"></span><span class="intl-option-label">Estados Unidos</span> <span class="intl-option-country-code">+1</span></label></div><div class="intl-select-option" data-country-code="GB" data-country-number-code="+44" data-country-number-placeholder="0000 000000"><input id="lead-form-2_GB-country-code-prefix" name="country_code_prefix" type="radio" value="+44" /><label for="lead-form-2_GB-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-GB"></span><span class="intl-option-label">Reino Unido</span> <span class="intl-option-country-code">+44</span></label></div><div class="intl-select-option" data-country-code="AU" data-country-number-code="+61" data-country-number-placeholder="0000-000-000"><input id="lead-form-2_AU-country-code-prefix" name="country_code_prefix" type="radio" value="+61" /><label for="lead-form-2_AU-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-AU"></span><span class="intl-option-label">Australia</span> <span class="intl-option-country-code">+61</span></label></div><div class="intl-select-option" data-country-code="CA" data-country-number-code="+1" data-country-number-placeholder="000 000 0000"><input id="lead-form-2_CA-country-code-prefix" name="country_code_prefix" type="radio" value="+1" /><label for="lead-form-2_CA-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-CA"></span><span class="intl-option-label">Canadá</span> <span class="intl-option-country-code">+1</span></label></div><div class="intl-select-option" data-country-code="JP" data-country-number-code="+81" data-country-number-placeholder="00 0000 0000"><input id="lead-form-2_JP-country-code-prefix" name="country_code_prefix" type="radio" value="+81" /><label for="lead-form-2_JP-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-JP"></span><span class="intl-option-label">Japón</span> <span class="intl-option-country-code">+81</span></label></div><div class="intl-select-option" data-country-code="IE" data-country-number-code="+353" data-country-number-placeholder="0000000000"><input id="lead-form-2_IE-country-code-prefix" name="country_code_prefix" type="radio" value="+353" /><label for="lead-form-2_IE-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-IE"></span><span class="intl-option-label">Irlanda</span> <span class="intl-option-country-code">+353</span></label></div><div class="intl-select-option" data-country-code="ES" data-country-number-code="+34" data-country-number-placeholder="000000000"><input id="lead-form-2_ES-country-code-prefix" name="country_code_prefix" type="radio" value="+34" /><label for="lead-form-2_ES-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-ES"></span><span class="intl-option-label">España</span> <span class="intl-option-country-code">+34</span></label></div><div class="intl-select-option" data-country-code="FR" data-country-number-code="+33" data-country-number-placeholder="00 00 00 00 00"><input id="lead-form-2_FR-country-code-prefix" name="country_code_prefix" type="radio" value="+33" /><label for="lead-form-2_FR-country-code-prefix" tabindex="-1"><span class="icon-flag icon-flag-FR"></span><span class="intl-option-label">Francia</span> <span class="intl-option-country-code">+33</span></label></div></div></div><div class="field-input line-number-input"><input data-container=".field" data-strip-non-digits="true" data-whitelist="[\d \-()+]" pattern="^[\d]{10,11}$" placeholder="(000) 000-0000" required="" title="Must be a phone number. <span class='mktoErrorDetail'>503-555-1212</span>" type="tel" /></div><input class="full-number-with-country-code-input" id="lead-form-2_Phone" name="Phone" type="hidden" /></div></fieldset></div><div class="column"><div class="field"><label for="lead-form-2_Company">Nombre del Negocio</label><div class="field-input"><input data-container=".field" id="lead-form-2_Company" name="Company" required="" title="This field is required." type="text" /></div></div></div></div><div class="grid-2-at-medium gap-bottom-line"><div class="column"><div class="field"><label for="lead-form-2_Industry">Industria</label><div class="field-input"><select data-container=".field" id="lead-form-2_Industry" name="Industry" required="" title="This field is required."><option disabled="" selected="" value="">Escoger...</option><option value="Retail">Al por menor</option><option value="Wellness">Bienestar</option><option value="Charities, Education and Membership">Caridades, Educación y Membresía</option><option value="Food and Drink">Comida y bebida</option><option value="Beauty">Estética</option><option value="Fitness">Fitness</option><option value="Home and Repair">Hogar y reparación</option><option value="Leisure and Entertainment">Ocio y entretenimiento</option><option value="Health">Salud</option><option value="Professional Services">Servicios profesionales</option><option value="Transportation">Transporte</option></select></div></div></div><div class="column"><div class="field"><label for="lead-form-2_Revenue_Range__c_account">Ingresos anuales estimados</label><div class="field-input"><select data-container=".field" id="lead-form-2_Revenue_Range__c_account" name="Revenue_Range__c_account" required="" title="This field is required."><option disabled="" selected="" value="">Escoger...</option><option value="0 - $10k">0 - $10 mil</option><option value="$10k - $50k">$10 mil - $50 mil</option><option value="$50k - $100k">$50 mil - $100 mil</option><option value="$100k - $250k">$100 mil - $250 mil</option><option value="$250k - $500k">$250 mil - $500 mil</option><option value="$500k - $1M">$500 mil - 1 millon</option><option value="$1M - $5M">1 - 5 millones</option><option value="$5M - $10M">5 - 10 millones</option><option value="$10M - $20M">10 - 20 millones</option><option value="$20M - $30M">20 - 30 millones</option><option value="$30M - $50M">30 - 50 millones</option><option value="> $50M">> 50 millones</option></select></div></div></div></div><div class="grid-1-at-medium gap-bottom-line"><div class="column"><fieldset class="field" data-container=".field" data-required="true" title="Selecciona al menos una de las opciones."><div class="grid-space-none"><div class="col"><legend></legend></div><div class="col"><input id="lead-form-2_Email_Opt_Out__c_False" name="Email_Opt_Out__c" type="checkbox" value="False" /><label for="lead-form-2_Email_Opt_Out__c_False">Al marcar la casilla, aceptas recibir llamadas y mensajes de texto automáticos de marketing e informativos al número de teléfono que proporcionaste arriba. Registrarse no es una condición de compra. Certificas que tienes 18 años o más.*</label></div></div></fieldset></div></div><input data-marketo-parameter-auto-fill-key="email" id="lead-form-2_Email" name="Email" type="hidden" value="" /><input id="lead-form-2_Sync_to_Marketo__c" name="Sync_to_Marketo__c" type="hidden" value="true" /><input id="lead-form-2_squareBU" name="squareBU" type="hidden" value="Square" /><input id="lead-form-2_cookieAffiliate" name="cookieAffiliate" type="hidden" value="" /><input id="lead-form-2_cookieCode" name="cookieCode" type="hidden" value="" /><input id="lead-form-2_cookieEntireURL" name="cookieEntireURL" type="hidden" value="" /><input name="_mkt_trk" type="hidden" /><input name="followUpList" type="hidden" value="[{"default":true,"followupType":"none","followupValue":null}]" /><div class="column gap-bottom-line"><button class="lead-form-submit-button" type="submit">Enviar</button></div></div><div class=" align-left gap-bottom-line legal-text-field font-size-small"><p>*Es posible que terceros transcriban, usen y almacenen esta información de acuerdo con nuestra <a href="https://squareup.com/us/es/legal/general/privacy" target="_blank">Política de privacidad</a>.</p></div></form></div></div></div></section><section class="section-multi-column bg-white auto-layout flex-valign-middle" data-entry-id="2PULQ4tBBrEMQcK74UExH9"><div class="content"><div class="grid-2-at-medium multi-column-grid align-left grid-space-small grid-align-center grid-valign-top grid-row-equal-heights"><div class="column"><div data-entry-id="hF4Ruxz1AsZnL6xKJYRt7"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h5" data-title-for="hF4Ruxz1AsZnL6xKJYRt7">Conéctate y crea</h3><p>Para obtener más funcionalidades con su sistema de PDV, conéctese con decenas de socios en nuestro Mercado de Aplicaciones de Square o cree una solución personalizada con las API de Square.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="6zlY4s0GCaOlXH48uGnn9e"><a class="arrow" href="https://squareup.com/us/es/app-marketplace">Explorar el Mercado de Aplicaciones</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="41AGdmciha08lfhBFje2Ge"><a class="arrow" href="https://squareup.com/us/es/find-an-agency">Buscar una agencia</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="6XGvyZDaI8e91ULgLtPVcO"><a class="arrow" href="https://developer.squareup.com/us/es">Visitar Square para Desarrolladores</a></div></div></div></div></div></div></div></div><div class="column"><div data-entry-id="7omvBRSFUDvNutTgrPfaDk"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-normal"><h3 class="balance-text h5" data-title-for="7omvBRSFUDvNutTgrPfaDk">Más información sobre los sistemas de PDV</h3><p>Para pequeños negocios o grandes empresas, desde restaurantes y tiendas minoristas hasta servicios basados en citas, el sistema de punto de venta correcto puede ayudarte a administrar tu actividad diaria fácilmente. Explora y averigua cómo puede ayudarte un sistema de PDV.</p><div class="grid grid-space-base"><div class="column"><div class="display-inline-block" data-entry-id="3Ru5SIWncK3iT4IXJAMLc0"><a class="arrow" href="/us/es/the-bottom-line/operating-your-business/what-pos-system">Qué es un PDV</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="lHAjJrUpw0PeAj7dv0GRd"><a class="arrow" href="/us/es/the-bottom-line/operating-your-business/best-pos-system">La mejor guía para PDV</a></div></div><div class="column"><div class="display-inline-block" data-entry-id="4icR3NJeac7iZwl9JVbqoS"><a class="arrow" href="/us/es/point-of-sale/ipad-point-of-sale">Sistema de PDV para iPad </a></div></div><div class="column"><div class="display-inline-block" data-entry-id="6wcW7EcK3pQYCvLoCATevF"><a class="arrow" href="/help/us/es/topic/226">Ayuda</a></div></div></div></div></div></div></div></div></div></div></section><section class="section-multi-column bg-invert auto-layout flex-valign-middle" data-entry-id="1CiLnd6pMEGrma1lMiVMeg"><div class="content"><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="cU6e1EERMFoVSEnVWsaPT"><div class="grid grid-space-line"><div class="column"><div class="headings-compact content-max-width font-size-tiny"><p class="balance-text color-gray">¹La Cuenta de cheques Square es proporcionada por Sutton Bank, Member FDIC. La Tarjeta de débito Square es emitida por Sutton Bank, Member FDIC, de conformidad con una licencia de Mastercard. Puedes usarla en cualquier lugar donde acepten Mastercard. Las cuentas están aseguradas por la FDIC por hasta $250,000.</p></div></div></div></div></div></div></div></section></div></main><footer class="page-footer" id="footer" role="contentinfo"><div class="content pad-vert-medium"><nav class="primary align-center align-left-at-small gap-bottom-medium" role="navigation"><div class="grid-2-at-small grid-4-at-large grid-space-none grid-space-small-at-small"><div class="column" data-entry-id="37ncuJRMimn8RmIHWh4gdH"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-37ncuJRMimn8RmIHWh4gdH" href="#">Productos</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-37ncuJRMimn8RmIHWh4gdH"><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="1g7hLiNeoJxbUrnGcQFH0Z"><a href="/us/es/commerce">Comercio</a></li><li data-entry-id="6Odk9bI4rGX3xdvZZTm9eM"><a href="/us/es/point-of-sale">Punto de venta</a></li><li data-entry-id="3XX5w4nUP7fEKJhWx2pSY4"><a href="/us/es/payments">Pagos</a></li><li data-entry-id="6rBeFcj4PvDJF9obV1Lagg"><a href="/us/es/online-store">En línea</a></li><li data-entry-id="5DaZ4JVgCYWlL7IaEzA89m"><a href="/us/es/point-of-sale/restaurants/kiosk-software">Kiosk</a></li><li data-entry-id="6tsXFSvVoGD5IkiZ2IrfGD"><a href="/us/es/invoices">Facturas</a></li><li data-entry-id="2bGpBSkovynnSNMACUVcFL"><a href="/us/es/customers">Clientes</a></li><li data-entry-id="6IjLbWF5F4oVLtI2PRuTgs"><a href="/us/es/marketing">Marketing</a></li><li data-entry-id="WfSEBeXY1AX7NCJJQ3ioq"><a href="/us/es/software/loyalty">Fidelidad</a></li><li data-entry-id="xjpafoJB3i0XY3otTuMi1"><a href="/us/es/point-of-sale/features/customer-directory">Directorio de clientes</a></li><li data-entry-id="2NCpZLlwuLxayCNuyIQnL4"><a href="/us/es/banking">Banca</a></li><li data-entry-id="2aoa4qxAzgrVoiuJ8jIsbM"><a href="/us/es/staff">Personal</a></li><li data-entry-id="3bqZ0Pnk1et0cE0tWTunLg"><a href="/us/es/payroll">Nómina</a></li><li data-entry-id="3cE1V0ywz3jZVqCSuwBYcb"><a href="/us/es/staff/advanced-access">Acceso avanzado</a></li><li data-entry-id="3bKQlIbVlsWxuWfuZtEAaj"><a href="/us/es/buy-now-pay-later">Compra ahora y paga después</a></li><li data-entry-id="F5AvgAr88Qx9lh2DTL3Ic"><a href="/us/es/hardware">Hardware</a></li><li data-entry-id="EWXC3vI0QB8EVt1pyiSCJ"><a href="/us/es/software">Software y soluciones empresariales</a></li></ul></div></div></div><div class="column" data-entry-id="4c8f4SIGtE1FF6oLN0GMdw"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-4c8f4SIGtE1FF6oLN0GMdw" href="#">Tipos de negocios</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-4c8f4SIGtE1FF6oLN0GMdw"><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="6R0bej9jgkk7JFCVFlwrtQ"><a href="/us/es/point-of-sale/restaurants">Alimentos y bebidas</a></li><li data-entry-id="5YXl7sSkXfqPASVPidDhFE"><a href="/us/es/point-of-sale/restaurants/quick-service">Servicio rápido</a></li><li data-entry-id="Oq62gBimLNcvrL2QxEOiX"><a href="/us/es/point-of-sale/restaurants/full-service">Servicio completo</a></li><li data-entry-id="7iC6zvKm2zt77sRyARw49w"><a href="/us/es/point-of-sale/restaurants/fast-casual">Rápido y casual</a></li><li data-entry-id="5gdOwQpu3qzWKNlAB4OcCp"><a href="/us/es/point-of-sale/restaurants/bars">Bares y cervecerías</a></li><li data-entry-id="4zyMbXNOaYiMrfyjP0nvnJ"><a href="/us/es/point-of-sale/retail">Tiendas</a></li><li data-entry-id="7kEKBegMUAslnU6Bq3JXVr"><a href="/us/es/solutions/beauty">Salónes de belleza</a></li><li data-entry-id="1ZgJBaVAPH0N4vIci8cTtK"><a href="/us/es/solutions/barbershop">Barberías</a></li><li data-entry-id="ZKcurjYhHFVEsT4Iwnjj3"><a href="/us/es/solutions/hair-salon">Peluquerías</a></li><li data-entry-id="2XytV184bDD5Kr4S2MmN8B"><a href="/us/es/solutions/nail-salon">Salónes de manicura y pedicura</a></li><li data-entry-id="4HqR7ewduFbfCPcC81I5QH"><a href="/us/es/solutions/spa">Day spas</a></li><li data-entry-id="3dwl6d0TQpbcTK3znDUz9y"><a href="/us/es/solutions/tattoo-and-piercing">Tatuajes y piercings</a></li><li data-entry-id="528KXOMB4iob3MzAMncyS5"><a href="/us/es/solutions/med-spa">Spas médicos</a></li><li data-entry-id="fy3iiypkbKbIR1giwKECF"><a href="/us/es/solutions/fitness">Cuidado físico</a></li><li data-entry-id="7M8QY82HYhDM8LTqbrwNsW"><a href="/us/es/solutions/professional-services">Servicios profesionales</a></li><li data-entry-id="1AjHEF8unomxLBs6nppW6T"><a href="/us/es/solutions/home-and-repair">Hogar y servicios de reparación</a></li><li data-entry-id="7u4WZSkarZMEkbQjDYFOfE"><a href="/us/es/large-businesses">Negocios grandes</a></li><li data-entry-id="3H4C6RKJvIESsVvKRGnHce"><a href="/us/es/franchises">Franquicias</a></li></ul></div></div></div><div class="column" data-entry-id="1DbiGhGNQsKeFb4wOFqle7"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-1DbiGhGNQsKeFb4wOFqle7" href="#">Recursos</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-1DbiGhGNQsKeFb4wOFqle7"><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="2PPT0zZc15wlBlY3QSRqaY"><a href="/us/es/pricing">Precios</a></li><li data-entry-id="3Rg6Em1U4eIe4v9e76IjDF"><a href="/us/es/why-square">¿Por qué Square?</a></li><li data-entry-id="1jfYLYmWmngGcKUk6Zc42P"><a href="/us/es/testimonials">Testimonios</a></li><li data-entry-id="6WzcuoS6iYm4NVQs7FUPmM"><a href="/us/es/townsquare">Blog</a></li><li data-entry-id="10rUDfjlwurBpJU84azwur"><a href="/us/es/sales">Ventas</a></li><li data-entry-id="1dI6Psg7DGOWsSPPZdZXam"><a href="https://squareup.com/help/us/es">Atención al Cliente</a></li><li data-entry-id="5NfYgEnAR2b7fhAE4so3RP"><a href="https://www.sellercommunity.com/t5/Seller-Community-US-ES/ct-p/Seller_Community_US-ES">Comunidad Square</a></li><li data-entry-id="2fZhkNbSYQrrDyoboRTGfY"><a href="https://developer.squareup.com/us/es">Plataforma para desarrolladores</a></li><li data-entry-id="2cZAKLzdlxthnx7u1qhji2"><a href="/us/es/payments/merchant-services">Servicios de comercio</a></li><li data-entry-id="7KebY298qXN85dSloXIWe2"><a href="http://square.fello.com/">Alquiler de hardware</a></li></ul></div></div></div><div class="column" data-entry-id="75IRQn2eiXXVUxt10PodaB"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-75IRQn2eiXXVUxt10PodaB" href="#">Contacto</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-75IRQn2eiXXVUxt10PodaB"><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="4jCkFcVwAt3jLoBpWuXsVN"><a>Atención al cliente: 1 (855) 700-6000</a></li><li data-entry-id="owCHVkusmKgWZz08kH9JT"><a>Ventas: 1 (800) 470-1673</a></li></ul></div></div><div class="pad-top-small" data-entry-id="gLB2bFmpnN7gI798O9BqH"><div class="h6 gap-bottom-base"><a class="caret" data-transition-state="on" data-transition-target="footer-gLB2bFmpnN7gI798O9BqH" href="#">Square</a></div><div class="collapse fade" data-transition-state="on" data-transition-types="collapse fade" id="footer-gLB2bFmpnN7gI798O9BqH"><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="3d6YE6nqTKFLcxE3T2n9cQ"><a href="/us/es/about">Acerca de</a></li><li data-entry-id="7fVdWgvVF9ArPXEE1eDuni"><a href="/us/es/press">Medios de comunicación</a></li><li data-entry-id="4nlIJ2HUqUcD2Jk4obWIaz"><a href="https://careers.squareup.com/us/es">Puestos de trabajo</a></li><li data-entry-id="2pnJXLKNWU7IeXVySUpDTL"><a href="/us/es/referral-program">Referidos</a></li><li data-entry-id="7weDDsC82jlEvTVnpUGxSB"><a href="/us/es/partnerships">Socios</a></li></ul></div></div></div></div></div></nav><nav class="tertiary" role="navigation"><div class="grid-flex-at-extra-small grid-space-line grid-align-justify"><div class="column no-shrink"><a class="grid-auto-at-extra-small grid-space-base grid-valign-center" href="#locale-selector-modal"><div class="column"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1M12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1M12 23C12 23 8 19.7 8 12C8 4.3 12 1 12 1M12 23C12 23 16 19.7 16 12C16 4.3 12 1 12 1M1 9H23M1 15H23" stroke="#1a1a1a" stroke-width="2"/> </svg> </div><div class="column">Estados Unidos (Español)</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/Square/" 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/square/" 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/square/" title="Instagram"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20"> <path fill="#2F3C4E" d="M17.8 6.7c0-.9-.2-1.4-.4-1.9-.2-.6-.5-1-1-1.4-.5-.5-.9-.7-1.4-1-.5-.2-1.1-.3-1.9-.4H10c-2.1 0-2.5 0-3.3.1-.9 0-1.4.2-1.9.4-.6.2-1 .4-1.4.9-.5.4-.7.9-1 1.4-.2.6-.3 1.1-.3 2-.1.7-.1 1-.1 3.2s0 2.5.1 3.3c0 .9.2 1.4.4 1.9.2.6.5 1 1 1.4s.9.7 1.4 1c.4.2 1.1.3 1.9.4H10c2.1 0 2.4 0 3.2-.1.9 0 1.4-.2 1.9-.4.6-.2 1-.5 1.4-1 .5-.5.7-.9 1-1.4.2-.5.3-1.1.4-1.9 0-.9.1-1 .1-3.2-.1-2.1-.1-2.5-.2-3.3zm-1.4 6.5c0 .8-.2 1.2-.2 1.5-.2.4-.3.6-.6.9-.2.2-.6.5-.9.6-.3.1-.7.2-1.5.2-.9 0-1.1.1-3.2.1s-2.4 0-3.2-.1c-.8 0-1.2-.2-1.5-.2-.5-.1-.7-.2-1-.6-.2-.2-.5-.6-.6-.9-.2-.3-.3-.7-.3-1.5 0-.9-.1-1.1-.1-3.2 0-2.2 0-2.4.1-3.2 0-.8.2-1.2.2-1.5.2-.4.3-.6.6-.9.2-.2.6-.5.9-.6.5-.1.9-.3 1.7-.3.9 0 1.2-.1 3.2-.1s2.3 0 3.1.1c.8 0 1.2.2 1.5.2.4.2.6.3.9.6.3.3.5.7.6 1 .2.3.3.7.3 1.5 0 .9.1 1.1.1 3.2 0 2.2 0 2.4-.1 3.2zM10 5.9c-2.2 0-4.1 1.8-4.1 4.1s1.8 4.1 4.1 4.1 4-1.9 4-4.1-1.8-4.1-4-4.1m0 6.7c-1.4 0-2.6-1.2-2.6-2.6S8.5 7.4 10 7.4s2.6 1.2 2.6 2.6-1.2 2.6-2.6 2.6m5.1-6.8c0 .6-.4 1-1 1s-1-.4-1-1 .4-1 1-1 1 .4 1 1"/> </svg> </a></div></nav></div></div></nav><div class="grid-flex-at-medium"><div class="column expand align-center align-left-at-medium"><p class="copyright">© 2024 Block, Inc.</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="#">Preferencias de cookies</a><a class="na-one-trust-link hidden" href="#">No compartir mi información personal. </a></li><li><a href="https://squareup.com/us/es/legal/general/privacy">Aviso de privacidad</a></li><li><a href="https://squareup.com/us/es/legal/general/payments/secure">Seguridad</a></li><li><a href="https://squareup.com/us/es/legal/general/ua">Condiciones de servicio</a></li><li><a href="https://squareup.com/us/es/legal/general/gov">Entidades oficiales</a></li><li><a href="https://squareup.com/us/es/legal/general/licenses"> Licenses</a></li><li><a href="https://squareup.com/us/en/legal/capital/capital-licenses">Licencias de Square Capital, LLC</a></li><li><a href="https://squareup.com/us/es/legal/general/consumer-health-privacy">Consumer Health Privacy</a></li><li><a href="https://squareup.com/us/es/legal/general/dc">Declaration of Conformity</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="Cerrar"></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>Elige tu región e idioma</h4><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/au/en/point-of-sale?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/point-of-sale?country_redirection=true">Canada (English)</a></li><li><a href="/ca/fr/point-of-sale?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/point-of-sale?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/point-of-sale?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/point-of-sale?country_redirection=true">日本 (日本語)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/es/es/point-of-sale?country_redirection=true">España (Español)</a></li><li><a href="/es/ca/point-of-sale?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/point-of-sale?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/point-of-sale?country_redirection=true">United States (English)</a></li><li><a href="/us/es/point-of-sale?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/point-of-sale?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/point-of-sale?country_redirection=true">Canada (English)</a></li><li><a href="/ca/fr/point-of-sale?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/point-of-sale?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/point-of-sale?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/point-of-sale?country_redirection=true">日本 (日本語)</a></li></ul><ul class="reset border-bottom gap-none pad-top-line pad-bottom-line"><li><a href="/es/es/point-of-sale?country_redirection=true">España (Español)</a></li><li><a href="/es/ca/point-of-sale?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/point-of-sale?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/point-of-sale?country_redirection=true">United States (English)</a></li><li><a href="/us/es/point-of-sale?country_redirection=true">Estados Unidos (Español)</a></li></ul></div></div></div></div></div></body></html>