:root { --backgrounds--background-white: var(--_main-collection---color--white); --_typography---fonts--font-family--body: "Satoshi Variable",Arial,sans-serif; --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --_typography---fonts--font-size--paragraph: clamp(.9375rem,.913rem + .1087vw,1rem); --_typography---fonts--line-height--paragraph: 1.3em; --_typography---fonts--font-weight--regular: 400; --_typography---fonts--font-family--heading: "Bespoke Serif Variable",Georgia,sans-serif; --texts--title: var(--_main-collection---color--grey-scale-cold--grey-950); --_typography---fonts--font-size--h1: clamp(2.6127rem,2.1424rem + 2.0904vw,3.8147rem); --_typography---fonts--line-height--h1: 1.3em; --_typography---fonts--font-size--h2: clamp(2.1773rem,1.8351rem + 1.5208vw,3.0518rem); --_typography---fonts--line-height--h2: 1.3em; --_typography---fonts--font-size--h3: clamp(1.8144rem,1.569rem + 1.0904vw,2.4414rem); --_typography---fonts--line-height--h3: 1.3em; --_typography---fonts--font-size--h4: clamp(1.512rem,1.3394rem + .7672vw,1.9531rem); --_typography---fonts--line-height--h4: 1.3em; --_typography---fonts--font-size--h5: clamp(1.26rem,1.1416rem + .5261vw,1.5625rem); --_typography---fonts--line-height--h5: 1.3em; --_typography---fonts--font-size--h6: clamp(1.05rem,.9717rem + .3478vw,1.25rem); --_typography---fonts--line-height--h6: 1.3em; --texts--link: var(--_main-collection---color--primary--primary-950); --_main-collection---spacing--spacing-40: 2.5rem; --_main-collection---spacing--spacing-8: .5rem; --_ui-styles---stroke--border-quote: .1875rem; --_main-collection---color--primary--primary-600: #3482dc; --_typography---fonts--font-size--paragraph-l: clamp(1.35rem,1.3148rem + .1565vw,1.44rem); --_typography---fonts--line-height--paragraph-l: 1.3em; --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--grey-scale-warm--greywarm-050); --_main-collection---spacing--spacing-32: 2rem; --_main-collection---spacing--spacing-4: .25rem; --_main-collection---spacing--spacing-16: 1rem; --_main-collection---spacing--spacing-24: 1.5rem; --_main-collection---spacing--spacing-56: 3.5rem; --_main-collection---spacing--spacing-64: 4rem; --_main-collection---spacing--spacing-80: 5rem; --_main-collection---spacing--spacing-120: 7.5rem; --_typography---fonts--font-weight--medium: 500; --_typography---fonts--font-size--paragraph-m: clamp(1.125rem,1.0957rem + .1304vw,1.2rem); --_typography---fonts--line-height--paragraph-m: 1.3em; --_main-collection---color--grey-scale-cold--grey-950: #141515; --_primitives---colors--white: #fff; --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --_typography---fonts--font-size--paragraph-xs: .75rem; --_typography---fonts--line-height--paragraph-xs: 1.3em; --text-color--text-alternate\: var(--base-color-neutral--white\); --_ui-styles---stroke--border-1: 1px; --primary-button--border: var(--_main-collection---color--primary--primary-950); --_ui-styles---radius--large: 40px; --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --_typography---fonts--font-weight--bold: 700; --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --_main-collection---spacing--spacing-12: .75rem; --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --_main-collection---color--grey-scale-cold--grey-500: #758281; --tertiary-button--icon-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --_main-collection---color--grey-scale-warm--greywarm-200: #d4d1c9; --_main-collection---color--grey-scale-warm--greywarm-700: #685a51; --_main-collection---color--grey-scale-warm--greywarm-500: #8c7d6e; --_main-collection---color--grey-scale-warm--greywarm-100: #eae8e4; --_main-collection---color--primary--primary-950: #1c2f4f; --_main-collection---color--primary--primary-700: #2b6dca; --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --_ui-styles---radius--small: 24px; --_primitives---colors--neutral-darkest: black; --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --_ui-styles---radius--medium: 32px; --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --_typography---fonts--font-size--paragraph-s: .875rem; --_typography---fonts--line-height--paragraph-s: 1.3em; --_main-collection---color--primary--primary-900: #264c82; --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --_ui-styles---padding-global--small: 3.5rem; --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --_ui-styles---padding-global--medium: 5rem; --_ui-styles---padding-global--large: 7.5rem; --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --_ui-styles---radius--xxsmall: 8px; --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --_primitives---opacity--transparent: transparent; --_main-collection---color--white: #fff; --backgrounds--background-100: var(--_main-collection---color--grey-scale-warm--greywarm-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --_main-collection---color--grey-scale-warm--greywarm-700-rgba20: #685a5133; --_main-collection---color--primary--primary-700-rgba20: #2b6dca33; --_main-collection---color--secondary--secondary-700-rgba20: #b32b1e33; --_main-collection---color--secondary--secondary-600: #ce3427; --_main-collection---color--grey-scale-warm--greywarm-050: #f8f7f5; --_main-collection---spacing--spacing-2: .125rem; --_ui-styles---radius--xsmall: 12px; --_main-collection---color--grey-scale-warm--greywarm-600: #7e6f63; --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --_main-collection---color--grey-scale-cold--grey-100: #eceeee; --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --_main-collection---color--grey-scale-cold--grey-200: #dadddd; --_main-collection---color--primary--primary-300: #9bd3f5; --backgrounds--background-200: var(--_main-collection---color--grey-scale-warm--greywarm-200); --backgrounds--background-300: var(--_main-collection---color--grey-scale-cold--grey-300); --_main-collection---color--primary--primary-800: #2959a4; --_main-collection---color--grey-scale-cold--grey-300: #b9c0bf; --_main-collection---color--primary--primary-200: #c4e4f9; --_main-collection---color--secondary--secondary-200: #fdcfcb; --_main-collection---color--grey-scale-cold--grey-600: #5f6a6a; --_primitives---colors--neutral-lightest: #eee; --_primitives---colors--neutral-lighter: #ccc; --_primitives---colors--neutral-light: #aaa; --_primitives---colors--neutral: #666; --_primitives---colors--neutral-dark: #444; --_primitives---colors--neutral-darker: #222; --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --_primitives---opacity--white-5: #ffffff0d; --_primitives---opacity--white-10: #ffffff1a; --secondary-button--hover-icon: var(--_main-collection---color--white); --_primitives---opacity--white-15: #ffffff26; --_primitives---opacity--white-20: #fff3; --_primitives---opacity--white-30: #ffffff4d; --_primitives---opacity--white-40: #fff6; --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --_primitives---opacity--white-50: #ffffff80; --_primitives---opacity--white-60: #fff9; --_primitives---opacity--neutral-darkest-5: #0000000d; --_primitives---opacity--neutral-darkest-10: #0000001a; --_primitives---opacity--neutral-darkest-15: #00000026; --_primitives---opacity--neutral-darkest-20: #0003; --_primitives---opacity--neutral-darkest-30: #0000004d; --_primitives---opacity--neutral-darkest-40: #0006; --_primitives---opacity--neutral-darkest-50: #00000080; --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --_primitives---opacity--neutral-darkest-60: #0009; --input--color: white; --_ui-styles---stroke--divider: 1px; --_main-collection---color--grey-scale-cold--grey-050: #f7f8f8; --_ui-styles---padding-global--regular: 4rem; --_main-collection---color--grey-scale-cold--grey-400: #929e9d; --_main-collection---color--grey-scale-cold--grey-700: #4d5757; --_main-collection---color--grey-scale-cold--grey-800: #3c4343; --_ui-styles---padding-global--xsmall: 2.5rem; --_ui-styles---padding-global--xxsmall: 1.5rem; --_main-collection---color--grey-scale-cold--grey-900: #292d2d; --_main-collection---color--grey-scale-warm--greywarm-300: #b9b3a7; --_main-collection---color--grey-scale-warm--greywarm-400: #9f9384; --_main-collection---color--grey-scale-warm--greywarm-800: #564a43; --_main-collection---color--grey-scale-warm--greywarm-900: #463d37; --_main-collection---color--grey-scale-warm--greywarm-950: #26201d; --_main-collection---color--grey-scale-warm--greywarm-300-rgba10: #b9b3a71a; --_main-collection---color--primary--primary-050: #f0f8fe; --_main-collection---color--primary--primary-100: #deeefb; --_main-collection---color--primary--primary-400: #6cbaee; --_main-collection---color--primary--primary-500: #4199e7; --_main-collection---color--secondary--secondary-050: #fef4f2; --_main-collection---color--secondary--secondary-100: #fde5e3; --_main-collection---color--secondary--secondary-300: #faaea8; --_main-collection---color--secondary--secondary-400: #f77f73; --_main-collection---color--secondary--secondary-500: #eb4233; --_main-collection---color--secondary--secondary-700: #b32b1e; --_main-collection---color--secondary--secondary-800: #97271d; --_main-collection---color--secondary--secondary-900: #7d271f; --_main-collection---color--secondary--secondary-950: #44100b; --_main-collection---fonts--font-family--titles: "Bespoke Serif Variable Italic",Georgia,sans-serif; --_main-collection---fonts--font-family--paragraphs: "Satoshi Variable",Arial,sans-serif; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } body { background-color: var(--backgrounds--background-white); font-family: var(--_typography---fonts--font-family--body); color: var(--texts--body); font-size: var(--_typography---fonts--font-size--paragraph); line-height: var(--_typography---fonts--line-height--paragraph); font-weight: var(--_typography---fonts--font-weight--regular) } h1 { font-family: var(--_typography---fonts--font-family--heading); color: var(--texts--title); font-size: var(--_typography---fonts--font-size--h1); line-height: var(--_typography---fonts--line-height--h1); font-style: italic; font-weight: var(--_typography---fonts--font-weight--regular); overflow-wrap: anywhere; margin-top: 0; margin-bottom: 0 } h2 { font-family: var(--_typography---fonts--font-family--heading); color: var(--texts--title); font-size: var(--_typography---fonts--font-size--h2); line-height: var(--_typography---fonts--line-height--h2); font-style: italic; font-weight: var(--_typography---fonts--font-weight--regular); overflow-wrap: anywhere; margin-top: 0; margin-bottom: 0 } h3 { font-family: var(--_typography---fonts--font-family--heading); color: var(--texts--title); font-size: var(--_typography---fonts--font-size--h3); line-height: var(--_typography---fonts--line-height--h3); font-style: italic; font-weight: var(--_typography---fonts--font-weight--regular); margin-top: 0; margin-bottom: 0 } h4 { font-family: var(--_typography---fonts--font-family--heading); color: var(--texts--title); font-size: var(--_typography---fonts--font-size--h4); line-height: var(--_typography---fonts--line-height--h4); font-style: italic; font-weight: var(--_typography---fonts--font-weight--regular); margin-top: 0; margin-bottom: 0 } h5 { font-family: var(--_typography---fonts--font-family--heading); color: var(--texts--title); font-size: var(--_typography---fonts--font-size--h5); line-height: var(--_typography---fonts--line-height--h5); font-style: italic; font-weight: var(--_typography---fonts--font-weight--regular); margin-top: 0; margin-bottom: 0 } h6 { font-family: var(--_typography---fonts--font-family--heading); color: var(--texts--title); font-size: var(--_typography---fonts--font-size--h6); line-height: var(--_typography---fonts--line-height--h6); font-style: italic; font-weight: var(--_typography---fonts--font-weight--regular); margin-top: 0; margin-bottom: 0 } p { font-size: var(--_typography---fonts--font-size--paragraph); line-height: var(--_typography---fonts--line-height--paragraph); font-weight: var(--_typography---fonts--font-weight--regular); margin-bottom: 0 } a { font-family: var(--_typography---fonts--font-family--body); color: var(--texts--link); font-size: var(--_typography---fonts--font-size--paragraph); line-height: var(--_typography---fonts--line-height--paragraph); font-weight: var(--_typography---fonts--font-weight--regular); text-decoration: none } ul,ol { padding-left: var(--_main-collection---spacing--spacing-40); margin-top: 1rem; margin-bottom: 1rem } li { margin-bottom: var(--_main-collection---spacing--spacing-8) } img { max-width: 100%; display: inline-block } label { margin-bottom: .25rem } blockquote { border-left: var(--_ui-styles---stroke--border-quote)solid var(--_main-collection---color--primary--primary-600); color: var(--texts--title); font-size: var(--_typography---fonts--font-size--paragraph-l); line-height: var(--_typography---fonts--line-height--paragraph-l); font-weight: var(--_typography---fonts--font-weight--regular); margin-bottom: 0; padding: .75rem 1.25rem } figure { margin-top: 3rem; margin-bottom: 3rem } figcaption { text-align: center; margin-top: .25rem } .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid } .w-form-formradioinput--inputType-custom { border: 1px solid #ccc; border-radius: 50%; width: 12px; height: 12px } .w-form-formradioinput--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec } .w-form-formradioinput--inputType-custom.w--redirected-checked { border-width: 4px; border-color: #3898ec } .w-pagination-wrapper { flex-wrap: wrap; justify-content: center; display: flex } .w-pagination-previous { color: #333; background-color: #fafafa; border: 1px solid #ccc; border-radius: 2px; margin-left: 10px; margin-right: 10px; padding: 9px 20px; font-size: 14px; display: block } .w-page-count { text-align: center; width: 100%; margin-top: 20px } .w-pagination-next { color: #333; background-color: #fafafa; border: 1px solid #ccc; border-radius: 2px; margin-left: 10px; margin-right: 10px; padding: 9px 20px; font-size: 14px; display: block } .global-styles { display: block; position: fixed; inset: 0% auto auto 0% } .z-index-1 { z-index: 1; position: relative } .text-style-link { color: var(--tertiary-button--text) } .text-style-link:hover,.text-style-link.text-size-small.is-underline,.text-style-link.text-size-small.is-underline,.text-style-link.text-size-small.is-underline { text-decoration: underline } .container-large { width: 100%; max-width: 80rem; margin-left: auto; margin-right: auto } .max-width-large { width: 100%; max-width: 48rem } .main-wrapper { position: relative } .margin-medium { margin: var(--_main-collection---spacing--spacing-32) } .margin-xxlarge { margin: var(--_main-collection---spacing--spacing-64) } .margin-top,.margin-top.margin-custom1,.margin-top.margin-huge,.margin-top.margin-small,.margin-top.margin-tiny,.margin-top.margin-custom3,.margin-top.margin-medium,.margin-top.margin-xxsmall,.margin-top.margin-xxhuge,.margin-top.margin-custom2,.margin-top.margin-xsmall,.margin-top.margin-large,.margin-top.margin-xxlarge,.margin-top.margin-xlarge,.margin-top.margin-0,.margin-top.margin-xhuge,.margin-top.margin-medium,.margin-top.margin-xxlarge { margin-bottom: 0; margin-left: 0; margin-right: 0 } .text-size-medium { color: var(--texts--body); font-size: var(--_typography---fonts--font-size--paragraph-m); line-height: var(--_typography---fonts--line-height--paragraph-m) } .heading-style-h2 { font-size: var(--_typography---fonts--font-size--h2); line-height: var(--_typography---fonts--line-height--h2) } .heading-style-h2.is-default-color { color: var(--_main-collection---color--grey-scale-cold--grey-950) } .heading-style-h6 { font-size: var(--_typography---fonts--font-size--h6); line-height: var(--_typography---fonts--line-height--h6) } .icon-1x1-xsmall { aspect-ratio: 1; width: 1.5rem; height: auto; display: block } .icon-1x1-xsmall.is-hover { display: none } .heading-style-h5 { font-family: var(--_typography---fonts--font-family--heading); color: var(--texts--title); font-size: var(--_typography---fonts--font-size--h5); line-height: var(--_typography---fonts--line-height--h5) } .text-size-tiny { font-size: var(--_typography---fonts--font-size--paragraph-xs); line-height: var(--_typography---fonts--line-height--paragraph-xs) } .button { border: var(--_ui-styles---stroke--border-1)solid var(--primary-button--border); border-radius: var(--_ui-styles---radius--large); background-color: var(--primary-button--background); color: var(--primary-button--text); font-size: var(--_typography---fonts--font-size--paragraph); line-height: var(--_typography---fonts--line-height--paragraph); font-weight: var(--_typography---fonts--font-weight--bold); text-align: center; height: auto; margin-bottom: 0; text-decoration: none; transition: border-color .15s linear,color .15s linear,background-color .15s linear; overflow: hidden } .button:hover { border-color: var(--primary-button--hover-border); color: var(--primary-button--hover-text) } .button.is-small { padding: var(--_main-collection---spacing--spacing-8)var(--_main-collection---spacing--spacing-24) } .button.is-alternate { border-color: var(--primary-button--border); background-color: var(--primary-button--background); color: var(--primary-button--text); --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-300); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--grey-scale-cold--grey-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-050); --input--checked: var(--_main-collection---color--white); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--white); --input--focused-background: var(--_main-collection---color--white); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-900); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--grey-scale-cold--grey-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--grey-scale-cold--grey-800); --backgrounds--background-300: var(--_main-collection---color--grey-scale-cold--grey-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .button.is-alternate:hover { border-color: var(--primary-button--hover-border); background-color: var(--primary-button--hover-background); color: var(--primary-button--hover-text) } .button.is-alternate.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-300); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-100); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-800); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .button.is-alternate.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-100); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--primary--primary-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-900); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-800); --backgrounds--background-300: var(--_main-collection---color--primary--primary-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .button.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .button.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .button.is-link { padding: var(--_main-collection---spacing--spacing-12)0rem; background-color: var(--tertiary-button--background); color: var(--tertiary-button--text); text-align: left; border-style: none; text-decoration: none } .button.is-link:hover { color: var(--tertiary-button--hover-text) } .button.is-link.is-alternate { background-color: var(--tertiary-button--background); color: var(--tertiary-button--text) } .button.is-link.is-alternate:hover { background-color: var(--tertiary-button--hover-background); color: var(--tertiary-button--hover-text) } .button.is-link.is-icon-only { background-color: var(--tertiary-button--icon-background) } .button.is-link.is-icon-only:hover { background-color: var(--tertiary-button--hover-icon-background) } .button.is-link.is-icon { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: center; align-items: center } .button.is-link.is-icon.is-list-pagination-disabled { color: var(--_main-collection---color--grey-scale-cold--grey-500) } .button.is-icon { grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); justify-content: center; align-items: center; display: flex; overflow: hidden } .button.is-secondary { border-color: var(--secondary-button--border); background-color: var(--secondary-button--background); color: var(--secondary-button--text) } .button.is-secondary:hover { border-color: var(--secondary-button--hover-border); background-color: var(--secondary-button--hover-background); color: var(--secondary-button--hover-text) } .button.is-secondary.is-alternate { border-color: var(--secondary-button--border); background-color: var(--secondary-button--background); color: var(--secondary-button--text) } .button.is-secondary.is-alternate:hover { border-color: var(--secondary-button--hover-border); background-color: var(--secondary-button--hover-background); color: var(--secondary-button--hover-text) } .button.is-icon-only { padding-right: var(--_main-collection---spacing--spacing-12); padding-left: var(--_main-collection---spacing--spacing-12); grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); justify-content: center; align-items: center; min-width: 46px; max-width: 46px; min-height: 46px; max-height: 46px; display: flex; position: relative } .button.is-icon-only.is-small-icon { padding: var(--_main-collection---spacing--spacing-8); max-width: 40px; max-height: 40px } .button.is-filter { border-color: var(--_main-collection---color--grey-scale-warm--greywarm-200); background-color: var(--secondary-button--background); color: var(--_main-collection---color--grey-scale-warm--greywarm-700); font-weight: var(--_typography---fonts--font-weight--regular); margin-bottom: 0; position: relative } .button.is-filter:hover { border-color: var(--_main-collection---color--grey-scale-warm--greywarm-500); background-color: var(--_main-collection---color--grey-scale-warm--greywarm-100); color: var(--_main-collection---color--primary--primary-950) } .button.is-filter.is-alternate { border-color: var(--secondary-button--border); background-color: var(--secondary-button--background); color: var(--secondary-button--text) } .button.is-filter.is-alternate:hover { border-color: var(--secondary-button--hover-border); background-color: var(--secondary-button--hover-background); color: var(--secondary-button--hover-text) } .button.is-filter.is-active { border-color: var(--_main-collection---color--grey-scale-warm--greywarm-500); background-color: var(--_main-collection---color--grey-scale-warm--greywarm-100); color: var(--_main-collection---color--primary--primary-950) } .button.is-select-filter { border-color: var(--_main-collection---color--grey-scale-warm--greywarm-200); background-color: var(--secondary-button--background); color: var(--_main-collection---color--grey-scale-warm--greywarm-700); font-weight: var(--_typography---fonts--font-weight--regular); padding-right: 3rem } .button.is-select-filter:hover { border-color: var(--_main-collection---color--grey-scale-warm--greywarm-500); background-color: var(--_main-collection---color--grey-scale-warm--greywarm-100); color: var(--_main-collection---color--primary--primary-950) } .button.is-select-filter.is-alternate { border-color: var(--secondary-button--border); background-color: var(--secondary-button--background); color: var(--secondary-button--text) } .button.is-select-filter.is-alternate:hover { border-color: var(--secondary-button--hover-border); background-color: var(--secondary-button--hover-background); color: var(--secondary-button--hover-text) } .text-size-regular,.text-size-regular.is-pro-dark { color: var(--texts--body) } .form_input { padding: var(--_main-collection---spacing--spacing-12)var(--_main-collection---spacing--spacing-16); border: 1px solid var(--input--border); border-radius: var(--_ui-styles---radius--large); background-color: var(--input--background); color: var(--input--text); font-size: var(--_typography---fonts--font-size--paragraph); line-height: var(--_typography---fonts--line-height--paragraph); font-weight: var(--_typography---fonts--font-weight--regular); --_typography---fonts--font-family--body: "Satoshi Variable",Arial,sans-serif; --_typography---fonts--font-size--paragraph: clamp(.9375rem,.913rem + .1087vw,1rem); --_typography---fonts--line-height--paragraph: 1.3em; --_typography---fonts--font-weight--regular: 400; --_typography---fonts--font-family--heading: "Bespoke Serif Variable",Georgia,sans-serif; --_typography---fonts--font-size--h1: clamp(2.6127rem,2.1424rem + 2.0904vw,3.8147rem); --_typography---fonts--line-height--h1: 1.3em; --_typography---fonts--font-size--h2: clamp(2.1773rem,1.8351rem + 1.5208vw,3.0518rem); --_typography---fonts--line-height--h2: 1.3em; --_typography---fonts--font-size--h3: clamp(1.8144rem,1.569rem + 1.0904vw,2.4414rem); --_typography---fonts--line-height--h3: 1.3em; --_typography---fonts--font-size--h4: clamp(1.512rem,1.3394rem + .7672vw,1.9531rem); --_typography---fonts--line-height--h4: 1.3em; --_typography---fonts--font-size--h5: clamp(1.26rem,1.1416rem + .5261vw,1.5625rem); --_typography---fonts--line-height--h5: 1.3em; --_typography---fonts--font-size--h6: clamp(1.05rem,.9717rem + .3478vw,1.25rem); --_typography---fonts--line-height--h6: 1.3em; --_typography---fonts--font-size--paragraph-l: clamp(1.35rem,1.3148rem + .1565vw,1.44rem); --_typography---fonts--line-height--paragraph-l: 1.3em; --_typography---fonts--font-weight--medium: 500; --_typography---fonts--font-size--paragraph-m: clamp(1.125rem,1.0957rem + .1304vw,1.2rem); --_typography---fonts--line-height--paragraph-m: 1.3em; --_typography---fonts--font-size--paragraph-xs: .75rem; --_typography---fonts--line-height--paragraph-xs: 1.3em; --_typography---fonts--font-weight--bold: 700; --_typography---fonts--font-size--paragraph-s: .875rem; --_typography---fonts--line-height--paragraph-s: 1.3em; height: auto; min-height: 2.75rem; margin-bottom: 0 } .form_input:focus { border-color: var(--input--focused-border); background-color: var(--input--focused-background) } .form_input::placeholder { color: var(--input--placeholder) } .form_input.is-text-area { border-radius: var(--_ui-styles---radius--small); height: auto; min-height: 11.25rem; padding-top: .75rem; padding-bottom: .75rem; overflow: auto } .form_input.is-select-input { background-image: url(https://cdn.prod.website-files.com/69256d39fe09e7054284ebaf/69256d3bfe09e7054284ed06_0df3132a5fa428d32083cc36c458d563_chevron-down.svg); background-position: 98%; background-repeat: no-repeat; background-size: auto } .form_input.is-alternate { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-300); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--grey-scale-cold--grey-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-050); --input--checked: var(--_main-collection---color--white); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--white); --input--focused-background: var(--_main-collection---color--white); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-900); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--grey-scale-cold--grey-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--grey-scale-cold--grey-800); --backgrounds--background-300: var(--_main-collection---color--grey-scale-cold--grey-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .button-group { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); flex-wrap: wrap; align-items: center; display: flex } .button-group:where(.w-variant-b5eaa235-309a-63ad-f9eb-79034006a80a) { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .button-group.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .button-group.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .button-group.is-center { justify-content: center; align-items: center } .icon-embed-xsmall { z-index: 1; flex-direction: column; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: flex } .icon-embed-xsmall.is-accent { color: var(--color-scheme-1--accent) } .text-size-small { font-size: var(--_typography---fonts--font-size--paragraph-s); line-height: var(--_typography---fonts--line-height--paragraph-s) } .text-size-small.nav-link { color: var(--_main-collection---color--primary--primary-900) } .text-rich-text { color: var(--texts--body) } .text-rich-text h1 { margin-top: 2rem; margin-bottom: 1rem } .text-rich-text blockquote { margin-top: 1.5rem; margin-bottom: 1.5rem; font-style: italic } .text-rich-text h2,.text-rich-text h3,.text-rich-text h4 { margin-top: 1.5rem; margin-bottom: 1rem } .text-rich-text h5,.text-rich-text h6 { margin-top: 1.25rem; margin-bottom: 1rem } .text-rich-text p { margin-bottom: 1rem } .text-rich-text figcaption { border-left: 2px solid var(--texts--body); text-align: left; margin-top: .5rem; padding-left: .5rem; font-size: .875rem } .text-rich-text.text-size-large { font-size: var(--_typography---fonts--font-size--paragraph-l); line-height: var(--_typography---fonts--line-height--paragraph-l) } .padding-global { padding-left: 5%; padding-right: 5% } .padding-global.padding-section-large.padding-bottom-0 { padding-bottom: 0 } .padding-section-medium { padding-top: var(--_ui-styles---padding-global--medium); padding-bottom: var(--_ui-styles---padding-global--medium) } .padding-section-large { padding-top: var(--_ui-styles---padding-global--large); padding-bottom: var(--_ui-styles---padding-global--large) } .padding-section-large.padding-top-0 { padding-top: 0 } .padding-section-large.padding-bottom-0 { padding-bottom: 0 } .tag { padding: var(--_main-collection---spacing--spacing-4)var(--_main-collection---spacing--spacing-12); grid-column-gap: .5rem; grid-row-gap: .5rem; border: 1px solid var(--tag--border); border-radius: var(--_ui-styles---radius--xxsmall); background-color: var(--tag--background); color: var(--tag--text); font-size: var(--_typography---fonts--font-size--paragraph-s); line-height: var(--_typography---fonts--line-height--paragraph-s); font-weight: var(--_typography---fonts--font-weight--medium); flex: 0 auto; justify-content: center; align-items: center; text-decoration: none; display: inline-flex } .tag.is-text { border-style: none; border-color: var(--_primitives---opacity--transparent); background-color: var(--_primitives---opacity--transparent); padding: 0; display: inline-block } .tag.is-text.is-alternate { background-color: var(--_primitives---opacity--transparent); color: var(--_main-collection---color--white) } .tag.is-alternate { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-300); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--grey-scale-cold--grey-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-050); --input--checked: var(--_main-collection---color--white); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--white); --input--focused-background: var(--_main-collection---color--white); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-900); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--grey-scale-cold--grey-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--grey-scale-cold--grey-800); --backgrounds--background-300: var(--_main-collection---color--grey-scale-cold--grey-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .tag.is-alternate.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-100); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--primary--primary-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-900); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-800); --backgrounds--background-300: var(--_main-collection---color--primary--primary-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .tag.is-alternate.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-300); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-100); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-800); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .tag.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .tag.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .icon-shape { padding: var(--_main-collection---spacing--spacing-12); aspect-ratio: 1; background-color: var(--backgrounds--background-100); color: var(--secondary-button--icon); object-fit: contain; border-radius: 50%; justify-content: center; align-items: center; width: 3rem; height: 3rem; transition: background-color .2s,height .2s ease-in-out,width .2s ease-in-out; display: flex } .icon-shape.is-alternate { background-color: var(--backgrounds--background-050); --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-300); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--grey-scale-cold--grey-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-050); --input--checked: var(--_main-collection---color--white); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--white); --input--focused-background: var(--_main-collection---color--white); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-900); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--grey-scale-cold--grey-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--grey-scale-cold--grey-800); --backgrounds--background-300: var(--_main-collection---color--grey-scale-cold--grey-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .icon-shape.is-alternate.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-100); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--primary--primary-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-900); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-800); --backgrounds--background-300: var(--_main-collection---color--primary--primary-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .icon-shape.is-alternate.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-300); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-100); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-800); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .icon-shape.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .icon-shape.is-pro.is-gradient { background-image: linear-gradient(180deg,var(--backgrounds--background-100),var(--backgrounds--gradient-icon)) } .icon-shape.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .icon-shape.is-private.is-gradient { background-image: linear-gradient(180deg,var(--backgrounds--background-100),var(--backgrounds--gradient-icon)) } .icon-shape.is-white { background-color: var(--backgrounds--background-white) } .icon-shape.is-white:hover { color: var(--secondary-button--hover-background) } .icon-shape.is-large { padding: var(--_main-collection---spacing--spacing-16); width: 4rem; height: 4rem } .icon-shape.is-small { padding: var(--_main-collection---spacing--spacing-8); width: 2.5rem; height: 2.5rem } .icon-shape.is-private-dark { background-color: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-300); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-100); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-800); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .icon-shape.is-base { background-color: var(--backgrounds--background-100); --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--grey-scale-cold--grey-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--grey-scale-warm--greywarm-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--grey-scale-warm--greywarm-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--grey-scale-warm--greywarm-200); --backgrounds--background-300: var(--_main-collection---color--grey-scale-cold--grey-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .icon-shape.is-gradient { background-image: linear-gradient(180deg,var(--backgrounds--background-100),var(--_main-collection---color--grey-scale-warm--greywarm-700-rgba20)) } .icon-shape.is-gradient:where(.w-variant-26d629fe-a213-070b-21fd-e2549e21bd0a) { background-image: linear-gradient(180deg,var(--backgrounds--background-100),var(--_main-collection---color--primary--primary-700-rgba20)) } .icon-shape.is-gradient:where(.w-variant-3eb01898-fda6-ce60-f3e8-a826689ffdfb) { background-image: linear-gradient(180deg,var(--backgrounds--background-100),var(--_main-collection---color--secondary--secondary-700-rgba20)) } .icon-shape.is-gradient.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .icon-shape.is-gradient.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .icon-shape.is-outline { border: 1px solid var(--color-scheme-1--accent); background-color: var(--_primitives---opacity--transparent) } .card_featured-img { object-fit: cover; width: 100%; height: 100% } .card_featured-img.is-horizontal { aspect-ratio: auto; object-fit: contain } .card_featured-img.straight-top-left-corner { border-top-right-radius: var(--_main-collection---spacing--spacing-32); border-bottom-left-radius: var(--_ui-styles---radius--medium); border-bottom-right-radius: var(--_ui-styles---radius--medium) } .card_media { aspect-ratio: 3/2; object-fit: cover; width: 100%; height: auto; overflow: hidden } .card_media.straight-top-left-corner { border-top-right-radius: var(--_ui-styles---radius--medium); border-bottom-left-radius: var(--_ui-styles---radius--medium); border-bottom-right-radius: var(--_ui-styles---radius--medium) } .card_media.is-narrow { aspect-ratio: 16/9 } .card_media.straight-bottom-left-corner { border-top-left-radius: var(--_ui-styles---radius--medium); border-top-right-radius: var(--_ui-styles---radius--medium); border-bottom-right-radius: var(--_ui-styles---radius--medium) } .card_blog { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); flex-flow: column; height: 100%; transition: transform .3s; display: flex; position: relative } .card_blog:hover { transform: translateY(-12px) } .card_blog.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .card_blog.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .card_blog.is-horizontal { flex-flow: row } .card_blog.straight-top-left-corner { border-top-right-radius: var(--_ui-styles---radius--medium); border-bottom-left-radius: var(--_ui-styles---radius--medium); border-bottom-right-radius: var(--_ui-styles---radius--medium); background-color: var(--backgrounds--background-white) } .card_blog.straight-bottom-left-corner { border-top-left-radius: var(--_ui-styles---radius--medium); border-top-right-radius: var(--_ui-styles---radius--medium); border-bottom-right-radius: var(--_ui-styles---radius--medium) } .tag-group { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-wrap: wrap; align-items: center; display: flex } .card_blog_body { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); flex-flow: column; flex: 1; display: flex } .redirection_content { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex } .straight-top-left-corner { border-top-right-radius: var(--_ui-styles---radius--medium); border-bottom-left-radius: var(--_ui-styles---radius--medium); border-bottom-right-radius: var(--_ui-styles---radius--medium); overflow: hidden } .content-header { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); flex-flow: column; display: flex } .content-header.is-sticky { top: var(--_main-collection---spacing--spacing-24); position: sticky } .straight-bottom-left-corner { border-top-left-radius: var(--_main-collection---spacing--spacing-32); border-top-right-radius: var(--_main-collection---spacing--spacing-32); border-bottom-right-radius: var(--_main-collection---spacing--spacing-32); overflow: hidden } .footer_row_one { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); grid-template-rows: auto; grid-template-columns: 2fr 1fr; grid-auto-columns: 1fr; display: grid; display: none; } .footer_contact_card { padding: var(--_main-collection---spacing--spacing-40); grid-column-gap: var(--_main-collection---spacing--spacing-64); grid-row-gap: var(--_main-collection---spacing--spacing-64); background-color: var(--backgrounds--background-050); color: var(--texts--body); --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-100); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--primary--primary-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-900); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-800); --backgrounds--background-300: var(--_main-collection---color--primary--primary-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; grid-template-rows: auto; grid-template-columns: minmax(200px,40%) 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: flex-start; display: grid } .footer_contact_card-content { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex } .footer_contact_card-ctas { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid } .contact_card_cta { padding: var(--_main-collection---spacing--spacing-16); grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); border-radius: var(--_ui-styles---radius--medium); background-color: var(--color-scheme-1--accent); justify-content: flex-start; align-items: center; transition: transform .2s cubic-bezier(.455,.03,.515,.955); display: flex } .contact_card_cta:hover { transform: translate(4px,-4px) } .contact_card_cta-title { color: var(--texts--title) } .contact_card_cta-content { grid-column-gap: var(--_main-collection---spacing--spacing-4); grid-row-gap: var(--_main-collection---spacing--spacing-4); flex-flow: column; flex: 1; justify-content: flex-start; align-items: flex-start; display: flex } .footer_myceran_card { padding: var(--_main-collection---spacing--spacing-40); grid-column-gap: var(--_main-collection---spacing--spacing-64); grid-row-gap: var(--_main-collection---spacing--spacing-64); background-color: var(--backgrounds--background-100); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: flex-end; display: flex } .footer_myceran_card.straight-bottom-left-corner { transition: background-color .3s,transform .2s cubic-bezier(.455,.03,.515,.955) } .footer_myceran_card.straight-bottom-left-corner:hover { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; transform: translate(4px,-4px) } .div-block-7 { grid-column-gap: var(--_main-collection---spacing--spacing-8); grid-row-gap: var(--_main-collection---spacing--spacing-8); flex-flow: column; width: 100%; display: flex } .footer_row_two { padding: var(--_main-collection---spacing--spacing-40); grid-column-gap: var(--_main-collection---spacing--spacing-32); grid-row-gap: var(--_main-collection---spacing--spacing-32); background-color: var(--backgrounds--background-050); grid-template-rows: auto; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); grid-auto-columns: 1fr; display: grid } .footer_section_one { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); flex-flow: column; display: flex } .straight-top-right-corner { border-top-left-radius: var(--_main-collection---spacing--spacing-32); border-bottom-left-radius: var(--_main-collection---spacing--spacing-32); border-bottom-right-radius: var(--_main-collection---spacing--spacing-32); overflow: hidden } .footer_column_title { color: var(--_main-collection---color--grey-scale-warm--greywarm-500); font-weight: var(--_typography---fonts--font-weight--bold) } .footer_links_list { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); flex-flow: column; display: flex } .footer_column-links { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); flex-flow: column; display: flex } .collection_empty_state { padding: var(--_main-collection---spacing--spacing-24); border: 1px solid var(--backgrounds--background-100); border-radius: 0px var(--_ui-styles---radius--xsmall)var(--_ui-styles---radius--xsmall); background-color: var(--backgrounds--background-050); color: var(--_main-collection---color--grey-scale-warm--greywarm-600) } .collection_empty_state.is-none { display: none } .footer_component { grid-column-gap: var(--_main-collection---spacing--spacing-80); grid-row-gap: var(--_main-collection---spacing--spacing-80); flex-flow: column; display: flex } .footer_row_three { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-40); grid-template-rows: auto; grid-template-columns: minmax(200px,20%) 1fr; grid-auto-columns: 1fr; display: grid } .socials_list { grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); color: var(--_main-collection---color--grey-scale-cold--grey-950); justify-content: flex-start; align-items: center; display: flex } .social_item:hover { color: var(--tertiary-button--hover-icon) } .footer_column-brand { grid-column-gap: var(--_main-collection---spacing--spacing-32); grid-row-gap: var(--_main-collection---spacing--spacing-32); flex-flow: column; display: flex } .footer_ceran-description { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex } .footer_logo-image { width: 100% } .footer_navigation { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-40); grid-template-rows: auto; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); grid-auto-columns: 1fr; display: grid } .footer_row_four { grid-column-gap: 12rem; grid-row-gap: var(--_main-collection---spacing--spacing-32); grid-template-rows: auto; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); grid-auto-columns: 1fr; align-items: center; display: grid } .certifications_list { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); justify-content: space-between; align-items: center; display: flex } .certification_logo { max-height: 70px } .footer_secondary_logo { width: 100% } .footer_logo-link { width: 50%; max-width: 120px } .section_row_five { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); flex-flow: wrap; justify-content: space-between; align-items: center; display: flex } .div-block-8 { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-12); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex } .footer_language_dropdown { padding: var(--_main-collection---spacing--spacing-8)var(--_main-collection---spacing--spacing-24); grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); border: var(--_ui-styles---stroke--border-1)solid var(--_main-collection---color--grey-scale-cold--grey-950); border-radius: var(--_ui-styles---radius--large); color: var(--_main-collection---color--grey-scale-cold--grey-950); font-size: var(--_typography---fonts--line-height--paragraph); line-height: var(--_typography---fonts--line-height--paragraph); font-weight: var(--_typography---fonts--font-weight--bold); justify-content: flex-start; align-items: center; display: flex } .language_dropdown-label { color: var(--_main-collection---color--grey-scale-cold--grey-950); font-size: var(--_typography---fonts--font-size--paragraph); line-height: var(--_typography---fonts--line-height--paragraph) } .language_dropdown_icon { color: var(--_main-collection---color--grey-scale-cold--grey-950); margin-top: 0; margin-bottom: 0; margin-right: 0; position: static } .language_dropdown_image { aspect-ratio: 1; border-radius: var(--_ui-styles---radius--medium); object-fit: cover; width: 1.5rem; height: 1.5rem } .footer_languages_dropdown_list { padding: var(--_main-collection---spacing--spacing-12)var(--_main-collection---spacing--spacing-24); border-radius: var(--_ui-styles---radius--small); background-color: var(--_main-collection---color--grey-scale-cold--grey-100); font-size: var(--_typography---fonts--font-size--paragraph); line-height: var(--_typography---fonts--line-height--paragraph) } .footer_languages_dropdown_list.w--open { bottom: 100% } .div-block-9 { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-12); flex-flow: wrap; align-items: center; display: flex } .newsletter_section { position: relative; display: none; } .newsletter_card { padding: var(--_main-collection---spacing--spacing-40); grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40); background-color: var(--backgrounds--background-white); flex-flow: column; justify-content: flex-start; align-items: flex-start; max-width: 700px; display: inline-flex } .div-block-10 { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); flex-flow: column; display: flex } .icon_block { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex } .form { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); flex-flow: wrap; justify-content: flex-start; align-items: flex-end; display: flex } .newsletter_email_field { width: 100%; max-width: 300px } .form_newsletter_block { width: 100%; margin-bottom: 0 } .icon-image { width: 100% } .background_wrapper { z-index: -1; position: absolute; inset: 0%; overflow: hidden } .background_image { object-fit: cover; width: 100%; height: 100% } .hero_introduction_component { text-align: center; flex-flow: column; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; display: flex } .introduction_text { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); flex-flow: column; display: flex } .hero_intro_title { color: var(--_main-collection---color--grey-scale-cold--grey-950) } .section_hero_lvl2:where(.w-variant-330567ab-bc67-a268-4c14-c7ac54301aa7),.section_hero_lvl2.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .section_hero_lvl2.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .hero_lvl2_media { aspect-ratio: 3; object-fit: cover; justify-content: center; align-items: center; width: 100%; height: auto; max-height: 400px; display: flex; position: relative; overflow: hidden } .hero_lvl2_media-image { object-fit: cover; width: 100%; height: 100% } .hero_lvl2_media-image.display-none { display: none } .four-corners-radius { border-radius: var(--_ui-styles---radius--medium); overflow: hidden } .hero_lvl2_wrapper { flex-flow: column; justify-content: flex-start; align-items: center; display: flex } .display-none { display: none } .hero_lvl2_media-video { object-fit: cover; align-self: center; width: 100%; height: 100%; position: relative; overflow: hidden; padding-top: 0!important } .content-wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-32); grid-row-gap: var(--_main-collection---spacing--spacing-32); flex-flow: column; justify-content: flex-start; align-items: stretch; width: 100%; display: flex } .content-wrapper.is-sticky { top: var(--_main-collection---spacing--spacing-24); position: sticky } .content-wrapper.is-center { align-items: center } .text_media_image { object-fit: cover; width: 100%; height: 100%; min-height: 500px; display: inline-flex } .text_media_component { grid-column-gap: var(--_main-collection---spacing--spacing-80); grid-row-gap: var(--_main-collection---spacing--spacing-80); grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: grid } .section_text_media { background-color: var(--color-scheme-1--background); color: var(--texts--body); --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .section_text_media:where(.w-variant-99a061e0-2116-4e7f-76ac-59ce97979480),.section_text_media:where(.w-variant-8b353030-0be3-dd8c-06bf-72e024e6b6f6),.section_text_media:where(.w-variant-a58094c3-52dd-5d70-554a-9f1da12f2aca),.section_text_media.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .section_text_media.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .text_media_image-wrapper { grid-column-gap: 16px; grid-row-gap: 16px; aspect-ratio: 6/5; object-fit: cover; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; width: 100%; height: auto; max-height: 700px; position: relative; overflow: hidden } .text_media_content { max-width: 35rem } .text_media_content.is-left { margin-left: 5vw } .text_media_content.is-right { margin-right: 5vw } .text_media_content-wrapper { padding-top: var(--_main-collection---spacing--spacing-80); padding-bottom: var(--_main-collection---spacing--spacing-80); overflow: hidden } .two-right-corners-radius { border-top-right-radius: var(--_main-collection---spacing--spacing-32); border-bottom-right-radius: var(--_main-collection---spacing--spacing-32); overflow: hidden } .section_added_values:where(.w-variant-26d629fe-a213-070b-21fd-e2549e21bd0a) { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .section_added_values:where(.w-variant-3eb01898-fda6-ce60-f3e8-a826689ffdfb),.section_added_values.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .section_added_values.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .added_values_component { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56); flex-flow: column; display: flex } .added_values_component.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .added_values_grid { padding: var(--_main-collection---spacing--spacing-40); grid-column-gap: 3%; grid-row-gap: var(--_main-collection---spacing--spacing-40); background-color: var(--backgrounds--background-050); grid-template-rows: auto; grid-template-columns: repeat(auto-fit,minmax(20%,1fr)); grid-auto-columns: 1fr; display: grid } .added_values_grid.straight-bottom-left-corner.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .added_values_grid.straight-bottom-left-corner.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .added_value_item { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); flex-flow: column; display: flex } .added_value_item.is-center { text-align: center; justify-content: flex-start; align-items: center } .navbar_dropdown-content-right { flex: 1; display: flex; position: relative } .navbar_menu-left { grid-column-gap: 0rem; grid-row-gap: var(--_main-collection---spacing--spacing-16); flex: 1; align-self: flex-end; display: flex } .navbar_menu-button { padding: 0 } .navbar_menu-button.w--open { background-color: var(--_primitives---opacity--transparent) } .navbar_dropdown-column { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56); flex-flow: column; flex: 1; justify-content: flex-start; align-items: flex-start; display: flex } .dropdown-chevron { color: var(--_main-collection---color--primary--primary-900); flex-direction: column; justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex } .navbar_menu-right { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-12); flex-flow: wrap-reverse; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-end; align-items: stretch; display: flex } .navbar_logo { width: 100%; min-width: 85px; height: auto } .navbar_menu { flex: 1; justify-content: space-between; align-items: center; height: 100%; margin-left: 1.5rem; display: flex; position: static } .navbar_dropdown-content-left { grid-column-gap: 2rem; grid-row-gap: 0px; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr } .navbar_dropdown-link-list { grid-column-gap: 0px; grid-row-gap: var(--_main-collection---spacing--spacing-32); grid-template-rows: max-content; grid-template-columns: 1fr; grid-auto-rows: max-content; grid-auto-columns: 1fr; display: grid } .navbar_container { grid-column-gap: var(--_main-collection---spacing--spacing-8); grid-row-gap: var(--_main-collection---spacing--spacing-8); justify-content: space-between; align-items: center; width: 100%; max-width: 80rem; height: 100%; margin-left: auto; margin-right: auto; display: flex } .navbar_single-menu-dropdown { justify-content: flex-start; align-items: center; height: 100%; margin-left: 0; margin-right: 0; display: flex; position: relative } .navbar_dropdown-toggle { padding: var(--_main-collection---spacing--spacing-24)0rem; grid-column-gap: var(--_main-collection---spacing--spacing-4); color: var(--_main-collection---color--primary--primary-900); justify-content: flex-start; align-items: center; height: 100%; display: flex } .navbar_dropdown-toggle:hover { text-decoration: underline } .navbar_item-right { grid-column-gap: var(--_main-collection---spacing--spacing-4); grid-row-gap: var(--_main-collection---spacing--spacing-4); flex-direction: column; justify-content: center; align-items: flex-start; display: flex } .navbar_component { border-bottom: 0px solid var(--color-scheme-1--background); background-color: var(--_main-collection---color--grey-scale-warm--greywarm-050); color: var(--texts--body); align-items: center; width: 100%; min-height: 4.5rem; padding-left: 5%; padding-right: 5%; display: flex } .navbar_component.is-mobile { display: none } .navbar_dropdown-link { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: 0px; color: var(--texts--title); grid-template-rows: auto; grid-template-columns: max-content 1fr; grid-auto-columns: 1fr; align-items: flex-start; text-decoration: none; display: flex } .navbar_dropdown-link:hover { color: var(--tertiary-button--hover-text) } .navbar_icon-wrapper { flex: none } .navbar_logo-link { align-self: center; width: 100px; padding-left: 0 } .navbar_menu-right_column-one { grid-column-gap: var(--_main-collection---spacing--spacing-32); grid-row-gap: var(--_main-collection---spacing--spacing-16); justify-content: flex-end; align-items: center; display: flex } .navbar_ctas { padding-top: var(--_main-collection---spacing--spacing-16); padding-bottom: var(--_main-collection---spacing--spacing-16); grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); justify-content: flex-end; align-items: center; display: flex } .nav-link { padding: var(--_main-collection---spacing--spacing-8)0rem; color: var(--_main-collection---color--primary--primary-900); flex: none } .nav-link.text-size-small { font-size: var(--_typography---fonts--font-size--paragraph-s); line-height: var(--_typography---fonts--line-height--paragraph-s); font-size: var(--_typography---fonts--font-size--paragraph-s); line-height: var(--_typography---fonts--line-height--paragraph-s) } .navbar_dropdown-content-middle { grid-column-gap: 2rem; grid-row-gap: 0px; flex: 1; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr } .navbar_dropdown_first-level-contact { padding-top: var(--_main-collection---spacing--spacing-16); padding-bottom: var(--_main-collection---spacing--spacing-16); grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); justify-content: flex-start; align-items: center; display: flex } .navbar_dropdown-first-level-content { justify-content: space-between; align-items: stretch; width: 100%; display: flex } .navbar_link-heading { font-family: var(--_typography---fonts--font-family--body); font-size: var(--_typography---fonts--font-size--paragraph); line-height: var(--_typography---fonts--line-height--paragraph); font-style: normal; font-weight: var(--_typography---fonts--font-weight--medium) } .navbar_link-heading:hover { color: var(--tertiary-button--hover-text) } .navbar_dropdown-second-level-content { padding-top: var(--_main-collection---spacing--spacing-56); padding-bottom: var(--_main-collection---spacing--spacing-56); grid-column-gap: var(--_main-collection---spacing--spacing-80); grid-row-gap: var(--_main-collection---spacing--spacing-80); grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid } .navbar_link-description { color: var(--texts--body) } .navbar_button-group { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); flex-wrap: wrap; align-items: center; width: 100%; display: flex } .navbar_button-group.is-center { justify-content: center; align-items: center } .navbar_button-group.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_button-group.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_button { padding: var(--_main-collection---spacing--spacing-12)var(--_main-collection---spacing--spacing-24); border: var(--_ui-styles---stroke--border-1)solid var(--primary-button--border); border-radius: var(--_ui-styles---radius--large); background-color: var(--primary-button--background); color: var(--primary-button--text); font-size: var(--_typography---fonts--font-size--paragraph); line-height: var(--_typography---fonts--line-height--paragraph); font-weight: var(--_typography---fonts--font-weight--bold); text-align: center; justify-content: space-between; width: 100%; text-decoration: none; display: flex } .navbar_button:hover { border-color: var(--primary-button--hover-border); background-color: var(--primary-button--hover-background); color: var(--primary-button--hover-text) } .navbar_button.is-icon { grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); justify-content: center; align-items: center; display: flex } .navbar_button.is-secondary { border-color: var(--secondary-button--border); background-color: var(--secondary-button--background); color: var(--secondary-button--text) } .navbar_button.is-secondary:hover { border-color: var(--secondary-button--hover-border); background-color: var(--secondary-button--hover-background); color: var(--secondary-button--hover-text) } .navbar_button.is-secondary.is-alternate { border-color: var(--secondary-button--border); background-color: var(--secondary-button--background); color: var(--secondary-button--text) } .navbar_button.is-secondary.is-alternate:hover { border-color: var(--secondary-button--hover-border); background-color: var(--secondary-button--hover-background); color: var(--secondary-button--hover-text) } .navbar_button.is-small { padding: var(--_main-collection---spacing--spacing-8)var(--_main-collection---spacing--spacing-24) } .navbar_button.is-alternate { border-color: var(--primary-button--border); background-color: var(--primary-button--background); color: var(--primary-button--text); --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-300); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--grey-scale-cold--grey-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-050); --input--checked: var(--_main-collection---color--white); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--white); --input--focused-background: var(--_main-collection---color--white); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-900); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--grey-scale-cold--grey-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--grey-scale-cold--grey-800); --backgrounds--background-300: var(--_main-collection---color--grey-scale-cold--grey-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_button.is-alternate:hover { border-color: var(--primary-button--hover-border); background-color: var(--primary-button--hover-background); color: var(--primary-button--hover-text) } .navbar_button.is-alternate.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-300); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-100); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-800); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_button.is-alternate.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-100); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--primary--primary-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-900); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-800); --backgrounds--background-300: var(--_main-collection---color--primary--primary-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_button.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_button.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_button.is-icon-only { padding-right: var(--_main-collection---spacing--spacing-12); padding-left: var(--_main-collection---spacing--spacing-12); grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); justify-content: center; align-items: center; display: flex } .navbar_button.is-icon-only.is-small-icon { padding: var(--_main-collection---spacing--spacing-8); max-width: 40px; max-height: 40px } .navbar_button.is-link { background-color: var(--tertiary-button--background); color: var(--tertiary-button--text); text-align: left; border-style: none; justify-content: space-between; align-items: center; padding: 0; text-decoration: none } .navbar_button.is-link:hover { color: var(--tertiary-button--hover-text) } .navbar_button.is-link.is-alternate { background-color: var(--tertiary-button--background); color: var(--tertiary-button--text) } .navbar_button.is-link.is-alternate:hover { background-color: var(--tertiary-button--hover-background); color: var(--tertiary-button--hover-text) } .navbar_button.is-link.is-icon { grid-column-gap: .5rem; grid-row-gap: .5rem } .navbar_button.is-link.is-private { color: var(--_main-collection---color--primary--primary-950) } .navbar_button.is-link.is-private:hover { color: var(--_main-collection---color--secondary--secondary-600) } .navbar_button.is-link.is-icon-only { background-color: var(--tertiary-button--icon-background) } .navbar_button.is-link.is-icon-only:hover { background-color: var(--tertiary-button--hover-icon-background) } .navbar_redirection_component { padding: var(--_main-collection---spacing--spacing-24); grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); background-color: var(--backgrounds--background-050); color: var(--texts--body); justify-content: space-between; align-items: flex-start; width: 100%; transition: transform .3s; display: flex; position: relative } .navbar_redirection_component:hover { transform: translate(12px,-12px) } .navbar_redirection_component.straight-top-left-corner { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24) } .navbar_redirection_component.straight-top-left-corner.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_redirection_component.straight-top-left-corner.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_redirection_component.straight-top-left-corner.is-alternate { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-300); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--grey-scale-cold--grey-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-050); --input--checked: var(--_main-collection---color--white); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--white); --input--focused-background: var(--_main-collection---color--white); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-900); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--grey-scale-cold--grey-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--grey-scale-cold--grey-800); --backgrounds--background-300: var(--_main-collection---color--grey-scale-cold--grey-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_redirection_component.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_redirection_component.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_redirection_component.straight-bottom-left-corner { flex-flow: column } .div-block-20 { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); justify-content: space-between; width: 100%; display: flex } .card_navbar { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); flex-flow: column; transition: transform .3s; display: flex; position: relative } .card_navbar:hover { transform: translateY(-12px) } .card_navbar.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .card_navbar.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .card_navbar.is-horizontal { flex-flow: row } .card_navbar.straight-top-left-corner { border-top-right-radius: var(--_ui-styles---radius--medium); border-bottom-left-radius: var(--_ui-styles---radius--medium); border-bottom-right-radius: var(--_ui-styles---radius--medium); background-color: var(--backgrounds--background-white) } .card_navbar.straight-bottom-left-corner { border-top-left-radius: var(--_ui-styles---radius--medium); border-top-right-radius: var(--_ui-styles---radius--medium); border-bottom-right-radius: var(--_ui-styles---radius--medium) } .card_navbar_body { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); flex-flow: column; display: flex } .navbar_menu-right_column-two { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); align-items: stretch; display: flex } .persona_submenu { grid-column-gap: var(--_main-collection---spacing--spacing-32); grid-row-gap: var(--_main-collection---spacing--spacing-16); justify-content: flex-start; align-items: center; display: flex } .persona_submenu.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; align-self: stretch } .persona_submenu.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .card_navbar_content-wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-32); grid-row-gap: var(--_main-collection---spacing--spacing-32); flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex } .card_navbar_content-wrapper.is-sticky { top: var(--_main-collection---spacing--spacing-24); position: sticky } .dropdown_toggle-text { color: var(--texts--link) } .navbar_contact-icon { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); justify-content: flex-start; align-items: center; display: flex } .navbar_persona_menu-dropdown { justify-content: flex-start; align-items: center; margin-left: 0; margin-right: 0; display: flex; position: static } .persona_submenu-dropdown { border-bottom: 2px solid #0000; flex-flow: column; justify-content: center; align-self: stretch; margin-left: 0; margin-right: 0; transition: border-color .2s; display: flex; position: static } .persona_submenu-dropdown:hover { border-bottom-color: var(--backgrounds--background-300) } .persona_submenu-dropdown:focus { border-bottom: 2px solid var(--backgrounds--background-300) } .persona_submenu-dropdown.is-private:hover { border-bottom-color: var(--color-scheme-1--accent); --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .persona_submenu-dropdown.is-private:focus { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .persona_submenu-dropdown.is-pro:hover { border-bottom-color: var(--color-scheme-1--accent); --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .persona_submenu-dropdown.is-pro:focus { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_persona_dropdown-list { border-bottom: 1px solid var(--_main-collection---color--grey-scale-cold--grey-100); box-shadow: inset -1px 0 0 0 var(--_main-collection---color--grey-scale-cold--grey-100),inset 1px 0 0 0 var(--_main-collection---color--grey-scale-cold--grey-100) } .navbar_persona_dropdown-list.w--open { background-color: var(--backgrounds--background-white); width: 100vw; min-width: auto; max-width: 95rem; padding-left: 5%; padding-right: 5%; position: absolute; inset: 100% auto auto 50%; overflow: visible; transform: translate(-50%) } .navbar_persona_sub-dropdown-list { border: 1px solid var(--_main-collection---color--grey-scale-cold--grey-100); max-height: 75svh; overflow: auto } .navbar_persona_sub-dropdown-list.w--open { border-bottom-left-radius: var(--_ui-styles---radius--medium); border-bottom-right-radius: var(--_ui-styles---radius--medium); background-color: var(--backgrounds--background-white); box-shadow: 0 16px 16px -16px var(--_main-collection---color--grey-scale-warm--greywarm-700-rgba20); width: 100%; padding-left: 5%; padding-right: 5%; position: absolute; inset: 100% 0% auto } .navbar_persona_dropdown-toggle { padding: var(--_main-collection---spacing--spacing-24)var(--_main-collection---spacing--spacing-16)1.8rem; grid-column-gap: var(--_main-collection---spacing--spacing-4); color: var(--_main-collection---color--primary--primary-900); justify-content: flex-start; align-items: stretch; display: flex } .navbar_persona_dropdown-toggle:hover { text-decoration: underline } .navbar_persona_sub-dropdown-toggle { padding: var(--_main-collection---spacing--spacing-8)0rem; grid-column-gap: var(--_main-collection---spacing--spacing-4); color: var(--_main-collection---color--primary--primary-900); flex-flow: column; justify-content: center; align-items: center; height: 100%; display: flex } .navbar_single-dropdown-list.w--open { padding: var(--_main-collection---spacing--spacing-16); border-radius: var(--_ui-styles---radius--xsmall); background-color: var(--backgrounds--background-white); box-shadow: 0 4px 16px -8px var(--_main-collection---color--grey-scale-warm--greywarm-700-rgba20); width: auto; min-width: 200px; position: absolute; inset: 100% 0% auto -1rem; overflow: visible } .navbar_single-dropdown-list.is-single.w--open { width: auto; max-width: 300px } .navbar_single-container { flex-flow: column; display: flex } .navbar_single-dropdown-content { grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); flex-flow: column; width: 100%; display: flex } .navbar_training-centers-list { grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); flex-flow: column; display: flex } .menu-icon4_line-middle-top { z-index: 2; width: 24px; height: 2px; position: absolute; inset: 0 } .menu-icon4_line-middle-base { background-color: var(--texts--body); width: 24px; height: 2px; position: absolute } .menu-icon4_line-middle { background-color: var(--texts--body); justify-content: center; align-items: center; width: 24px; height: 2px; margin-top: 6px; margin-bottom: 6px; display: flex } .navbar_mobile_menu-wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); flex-flow: column; justify-content: flex-start; align-items: flex-start; height: 100%; max-height: 75svh; display: flex; overflow: auto } .menu-icon4_line-bottom { background-color: var(--texts--body); width: 24px; height: 2px } .menu-icon4_line-top { background-color: var(--texts--body); width: 24px; height: 2px; padding-bottom: 0; padding-right: 0 } .navbar_wrapper { grid-column-gap: 1rem; flex-direction: row; align-items: center; display: flex } .navbar_mobile_menu { padding: var(--_main-collection---spacing--spacing-24)5%; background-color: var(--_primitives---colors--white); box-shadow: 0 var(--_main-collection---spacing--spacing-16)var(--_main-collection---spacing--spacing-16)-1rem var(--_main-collection---color--grey-scale-warm--greywarm-700-rgba20); flex-direction: column; justify-content: center; align-items: center; transition: height .5s; display: flex; position: absolute; overflow: auto } .menu-icon_wrapper { flex-direction: column; justify-content: flex-start; align-items: center; display: flex } .navbar_mobile_menu-bottom { flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex } .navbar_mobile_menu-top { flex-flow: column; width: 100%; display: flex } .navbar_mobile_ctas { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); justify-content: space-between; align-items: center; width: 100%; display: flex } .navbar_mobile_menu-dropdown { border-bottom: 1px solid var(--_main-collection---color--grey-scale-cold--grey-100); color: var(--_main-collection---color--primary--primary-800); justify-content: space-between; align-items: center; width: 100% } .navbar_mobile_menu-dropdown.is-bottom-menu { border-bottom-style: none } .navbar_mobile_dropdown-toggle { padding: var(--_main-collection---spacing--spacing-16)0px; color: var(--_main-collection---color--primary--primary-800); justify-content: space-between; display: flex } .navbar_mobile_dropdown-toggle.w--open { color: var(--_main-collection---color--primary--primary-950); font-weight: var(--_typography---fonts--font-weight--bold) } .navbar_mobile_dropdown-toggle.is-large { font-size: var(--_typography---fonts--font-size--paragraph-m); font-size: var(--_typography---fonts--font-size--paragraph-m) } .mobile_dropdown-chevron { color: var(--_main-collection---color--grey-scale-cold--grey-300); flex-direction: column; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: flex } .navbar_mobile_dropdown-list { background-color: var(--_primitives---opacity--transparent); position: static; overflow: hidden } .navbar_mobile_dropdown-list.w--open { margin-bottom: var(--_main-collection---spacing--spacing-16); background-color: var(--_primitives---opacity--transparent); position: static } .navbar_mobile_dropdown-link { padding: var(--_main-collection---spacing--spacing-8)var(--_main-collection---spacing--spacing-16); margin-left: 0; margin-right: 0 } .navbar_mobile_dropdown-link:hover { color: var(--tertiary-button--text) } .navbar_mobile_dropdown-link.w--current { color: var(--_primitives---colors--neutral-darkest) } .navbar_mobile_link { padding: var(--_main-collection---spacing--spacing-16)0px; color: var(--_main-collection---color--primary--primary-800); margin-left: 0; margin-right: 0 } .navbar_mobile_submenu-dropdown { padding-left: var(--_main-collection---spacing--spacing-16); color: var(--texts--body); font-weight: var(--_typography---fonts--font-weight--regular); justify-content: space-between; align-items: center; width: 100% } .navbar_mobile_subdropdown-list { position: static; overflow: hidden } .navbar_mobile_subdropdown-list.w--open { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); background-color: var(--_primitives---opacity--transparent); color: var(--_main-collection---color--primary--primary-800); flex-flow: column; display: flex; position: static } .navbar_link_block { padding: var(--_main-collection---spacing--spacing-16); grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); border: 1px solid var(--_main-collection---color--primary--primary-200); border-top-left-radius: var(--_ui-styles---radius--small); border-top-right-radius: var(--_ui-styles---radius--small); border-bottom-right-radius: var(--_ui-styles---radius--small); justify-content: space-between; align-items: center; display: flex } .navbar_link_block.is-private { border-color: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black; border-color: var(--_main-collection---color--secondary--secondary-200) } .navbar_link_block-icon { padding: var(--_main-collection---spacing--spacing-8); aspect-ratio: 1; background-color: var(--secondary-button--hover-background); color: var(--_main-collection---color--white); object-fit: contain; border-radius: 50%; justify-content: center; align-self: flex-start; align-items: center; width: 2rem; height: 2rem; transition: background-color .2s,height .2s ease-in-out,width .2s ease-in-out; display: flex } .navbar_link_block-icon.is-alternate { background-color: var(--backgrounds--background-050); --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-300); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--grey-scale-cold--grey-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-050); --input--checked: var(--_main-collection---color--white); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--white); --input--focused-background: var(--_main-collection---color--white); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-900); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--grey-scale-cold--grey-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--grey-scale-cold--grey-800); --backgrounds--background-300: var(--_main-collection---color--grey-scale-cold--grey-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_link_block-icon.is-alternate.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-100); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--primary--primary-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-900); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-800); --backgrounds--background-300: var(--_main-collection---color--primary--primary-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_link_block-icon.is-alternate.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-300); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-100); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-800); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_link_block-icon.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_link_block-icon.is-pro.is-gradient { background-image: linear-gradient(180deg,var(--backgrounds--background-100),var(--backgrounds--gradient-icon)) } .navbar_link_block-icon.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_link_block-icon.is-private.is-gradient { background-image: linear-gradient(180deg,var(--backgrounds--background-100),var(--backgrounds--gradient-icon)) } .navbar_link_block-icon.is-gradient { background-image: linear-gradient(180deg,var(--backgrounds--background-100),var(--_main-collection---color--grey-scale-warm--greywarm-700-rgba20)) } .navbar_link_block-icon.is-gradient.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_link_block-icon.is-gradient.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_link_block-icon.is-white { background-color: var(--backgrounds--background-white) } .navbar_link_block-icon.is-white:hover { background-color: var(--backgrounds--background-050); color: var(--secondary-button--hover-background) } .navbar_link_block-icon.is-large { padding: var(--_main-collection---spacing--spacing-16); width: 4rem; height: 4rem } .navbar_link_block-icon.is-small { padding: var(--_main-collection---spacing--spacing-8); width: 2.5rem; height: 2.5rem } .navbar_link_block-icon.is-private-dark { background-color: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-300); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-100); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-800); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .navbar_link_block-icon.is-outline { border: 1px solid var(--color-scheme-1--accent); background-color: var(--_primitives---opacity--transparent) } .navbar_link-list { grid-column-gap: var(--_main-collection---spacing--spacing-4); grid-row-gap: var(--_main-collection---spacing--spacing-4); flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex } .navbar_mobile_subdropdown-toggle { padding: var(--_main-collection---spacing--spacing-12)0px; color: var(--_main-collection---color--primary--primary-800); justify-content: space-between; display: flex } .navbar_mobile_subdropdown-toggle.w--open { color: var(--_main-collection---color--primary--primary-950); font-weight: var(--_typography---fonts--font-weight--bold) } .navbar_mobile_subdropdown-toggle.is-large { font-size: var(--_typography---fonts--font-size--paragraph-m) } .menu-bottom-links { width: 100% } .menu-bottom-language { border-top: 1px solid var(--_main-collection---color--grey-scale-cold--grey-100); width: 100% } .navbar_mobile_link-wrapper { color: var(--_main-collection---color--primary--primary-800) } .publications_catalog_component { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56); flex-flow: column; justify-content: flex-start; align-items: center; display: flex } .publications_collection_list { grid-column-gap: 2%; grid-row-gap: var(--_main-collection---spacing--spacing-40); grid-template-rows: auto; grid-template-columns: repeat(auto-fit,minmax(200px,32%)); grid-auto-columns: 1fr; display: grid } .card_blog_content-header { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); flex-flow: column; flex: 1; display: flex } .card_blog_content-header.is-sticky { top: var(--_main-collection---spacing--spacing-24); position: sticky } .card_blog_content-wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-32); grid-row-gap: var(--_main-collection---spacing--spacing-32); flex-flow: column; justify-content: flex-start; align-items: stretch; height: 100%; display: flex } .card_blog_content-wrapper.is-sticky { top: var(--_main-collection---spacing--spacing-24); position: sticky } .publications_catalog_filters { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); justify-content: flex-start; align-items: center; display: flex } .publications_filters_list { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); flex-flow: wrap; justify-content: center; align-items: center; display: flex } .form_filters_block { margin-bottom: 0 } .form_filters_block.show-tablet { display: none } .form_filters { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); flex-flow: wrap; justify-content: center; align-items: center } .filter-radio-button { opacity: 0; cursor: pointer; border: 0 #000; width: 100%; height: 100%; margin-top: 0; margin-left: 0; position: absolute; inset: 0% } .catalog_pagination { margin-top: var(--_main-collection---spacing--spacing-56); grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); flex-flow: row; justify-content: center; align-items: center } .page-count { cursor: pointer; width: auto; margin-top: 0 } .page-count:hover { color: var(--_main-collection---color--primary--primary-950) } .pagination_numbers { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); justify-content: center; align-items: center; display: flex } .filter-radio-label { margin-bottom: 0 } .filters_radio { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); flex-flow: wrap; justify-content: center; align-items: center; display: flex } .button-bg-hover { z-index: 0; border-radius: var(--_ui-styles---radius--medium); background-color: var(--primary-button--hover-background); width: 110%; height: 110%; transition: transform .15s linear; position: absolute; inset: -5% 0% 0% -5%; transform: translate(-101%) } .button-content { z-index: 1; grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); justify-content: center; align-items: center; display: flex; position: relative } .button-wrapper { padding: var(--_main-collection---spacing--spacing-12)var(--_main-collection---spacing--spacing-24); line-height: var(--_typography---fonts--line-height--paragraph); height: auto; margin-bottom: 0; position: relative; overflow: hidden } .button-wrapper:hover { border-color: var(--primary-button--hover-border); color: var(--primary-button--hover-text) } .button-wrapper.is-link { padding: var(--_main-collection---spacing--spacing-12)0rem; background-color: var(--tertiary-button--background); color: var(--tertiary-button--text); text-align: left; border-style: none; text-decoration: none } .button-wrapper.is-link:hover { color: var(--tertiary-button--hover-text) } .button-wrapper.is-link.is-alternate { background-color: var(--tertiary-button--background); color: var(--tertiary-button--text) } .button-wrapper.is-link.is-alternate:hover { background-color: var(--tertiary-button--hover-background); color: var(--tertiary-button--hover-text) } .button-wrapper.is-link.is-icon { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: center; align-items: center } .button-wrapper.is-link.is-icon.is-list-pagination-disabled { color: var(--_main-collection---color--grey-scale-cold--grey-500) } .button-wrapper.is-link.is-icon-only { background-color: var(--tertiary-button--icon-background) } .button-wrapper.is-link.is-icon-only:hover { background-color: var(--tertiary-button--hover-icon-background) } .button-wrapper.is-icon { grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); justify-content: center; align-items: center; display: flex; overflow: hidden } .button-wrapper.is-secondary { border-color: var(--secondary-button--border); background-color: var(--secondary-button--background); color: var(--secondary-button--text) } .button-wrapper.is-secondary:hover { border-color: var(--secondary-button--hover-border); color: var(--secondary-button--hover-text) } .button-wrapper.is-secondary.is-alternate { border-color: var(--secondary-button--border); background-color: var(--secondary-button--background); color: var(--secondary-button--text) } .button-wrapper.is-secondary.is-alternate:hover { border-color: var(--secondary-button--hover-border); background-color: var(--secondary-button--hover-background); color: var(--secondary-button--hover-text) } .button-wrapper.is-small { padding: var(--_main-collection---spacing--spacing-8)var(--_main-collection---spacing--spacing-24) } .button-wrapper.is-alternate { border-color: var(--primary-button--border); background-color: var(--primary-button--background); color: var(--primary-button--text); --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-300); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--grey-scale-cold--grey-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-050); --input--checked: var(--_main-collection---color--white); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--white); --input--focused-background: var(--_main-collection---color--white); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-900); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--grey-scale-cold--grey-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--grey-scale-cold--grey-800); --backgrounds--background-300: var(--_main-collection---color--grey-scale-cold--grey-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .button-wrapper.is-alternate:hover { border-color: var(--primary-button--hover-border); background-color: var(--primary-button--hover-background); color: var(--primary-button--hover-text) } .button-wrapper.is-alternate.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-300); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-100); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-800); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .button-wrapper.is-alternate.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-100); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--primary--primary-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-900); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-800); --backgrounds--background-300: var(--_main-collection---color--primary--primary-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .button-wrapper.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .button-wrapper.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } .button-wrapper.is-icon-only { padding-right: var(--_main-collection---spacing--spacing-12); padding-left: var(--_main-collection---spacing--spacing-12); grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); justify-content: center; align-items: center; min-width: 46px; max-width: 46px; min-height: 46px; max-height: 46px; display: flex } .button-wrapper.is-icon-only.is-small-icon { padding: var(--_main-collection---spacing--spacing-8); max-width: 40px; max-height: 40px } .button-wrapper.is-select-filter { border-color: var(--_main-collection---color--grey-scale-warm--greywarm-200); background-color: var(--secondary-button--background); color: var(--_main-collection---color--grey-scale-warm--greywarm-700); font-weight: var(--_typography---fonts--font-weight--regular); padding-right: 3rem } .button-wrapper.is-select-filter:hover { border-color: var(--_main-collection---color--grey-scale-warm--greywarm-500); background-color: var(--_main-collection---color--grey-scale-warm--greywarm-100); color: var(--_main-collection---color--primary--primary-950) } .button-wrapper.is-select-filter.is-alternate { border-color: var(--secondary-button--border); background-color: var(--secondary-button--background); color: var(--secondary-button--text) } .button-wrapper.is-select-filter.is-alternate:hover { border-color: var(--secondary-button--hover-border); background-color: var(--secondary-button--hover-background); color: var(--secondary-button--hover-text) } .button-wrapper.is-filter { border-color: var(--_main-collection---color--grey-scale-warm--greywarm-200); background-color: var(--secondary-button--background); color: var(--_main-collection---color--grey-scale-warm--greywarm-700); font-weight: var(--_typography---fonts--font-weight--regular); margin-bottom: 0; position: relative } .button-wrapper.is-filter:hover { border-color: var(--_main-collection---color--grey-scale-warm--greywarm-500); background-color: var(--_main-collection---color--grey-scale-warm--greywarm-100); color: var(--_main-collection---color--primary--primary-950) } .button-wrapper.is-filter.is-alternate { border-color: var(--secondary-button--border); background-color: var(--secondary-button--background); color: var(--secondary-button--text) } .button-wrapper.is-filter.is-alternate:hover { border-color: var(--secondary-button--hover-border); background-color: var(--secondary-button--hover-background); color: var(--secondary-button--hover-text) } .button-wrapper.is-filter.is-active { border-color: var(--_main-collection---color--grey-scale-warm--greywarm-500); background-color: var(--_main-collection---color--grey-scale-warm--greywarm-100); color: var(--_main-collection---color--primary--primary-950) } ._w-button { padding: var(--_main-collection---spacing--spacing-12)var(--_main-collection---spacing--spacing-24); border: var(--_ui-styles---stroke--border-1)solid var(--primary-button--border); border-radius: var(--_ui-styles---radius--large); background-color: var(--primary-button--background); color: var(--primary-button--text); font-size: var(--_typography---fonts--font-size--paragraph); line-height: var(--_typography---fonts--line-height--paragraph); font-weight: var(--_typography---fonts--font-weight--bold); text-align: center; height: auto; margin-bottom: 0; text-decoration: none; transition: border-color .15s linear,color .15s linear,background-color .15s linear; overflow: hidden } ._w-button:hover { border-color: var(--primary-button--hover-border); color: var(--primary-button--hover-text) } ._w-button.is-link { padding: var(--_main-collection---spacing--spacing-12)0rem; background-color: var(--tertiary-button--background); color: var(--tertiary-button--text); text-align: left; border-style: none; text-decoration: none } ._w-button.is-link:hover { color: var(--tertiary-button--hover-text) } ._w-button.is-link.is-alternate { background-color: var(--tertiary-button--background); color: var(--tertiary-button--text) } ._w-button.is-link.is-alternate:hover { background-color: var(--tertiary-button--hover-background); color: var(--tertiary-button--hover-text) } ._w-button.is-link.is-icon { grid-column-gap: .5rem; grid-row-gap: .5rem; justify-content: center; align-items: center } ._w-button.is-link.is-icon.is-list-pagination-disabled { color: var(--_main-collection---color--grey-scale-cold--grey-500) } ._w-button.is-link.is-icon-only { background-color: var(--tertiary-button--icon-background) } ._w-button.is-link.is-icon-only:hover { background-color: var(--tertiary-button--hover-icon-background) } ._w-button.is-icon { grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); justify-content: center; align-items: center; display: flex; overflow: hidden } ._w-button.is-small { padding: var(--_main-collection---spacing--spacing-8)var(--_main-collection---spacing--spacing-24) } ._w-button.is-alternate { border-color: var(--primary-button--border); background-color: var(--primary-button--background); color: var(--primary-button--text); --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-300); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--grey-scale-cold--grey-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-050); --input--checked: var(--_main-collection---color--white); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--white); --input--focused-background: var(--_main-collection---color--white); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-900); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--grey-scale-cold--grey-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--grey-scale-cold--grey-800); --backgrounds--background-300: var(--_main-collection---color--grey-scale-cold--grey-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } ._w-button.is-alternate:hover { border-color: var(--primary-button--hover-border); background-color: var(--primary-button--hover-background); color: var(--primary-button--hover-text) } ._w-button.is-alternate.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-300); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-100); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-800); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } ._w-button.is-alternate.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-100); --texts--title: var(--_main-collection---color--white); --texts--link: var(--_main-collection---color--white); --tertiary-button--text: var(--_main-collection---color--white); --backgrounds--background-050: var(--_main-collection---color--primary--primary-950); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--white); --primary-button--background: var(--_main-collection---color--white); --primary-button--text: var(--_main-collection---color--primary--primary-900); --primary-button--hover-border: var(--_main-collection---color--primary--primary-100); --primary-button--hover-text: var(--_main-collection---color--primary--primary-950); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-200); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--white); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-100); --secondary-button--border: var(--_main-collection---color--white); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--white); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-100); --secondary-button--hover-text: var(--_main-collection---color--primary--primary-950); --primary-button--hover-background: var(--_main-collection---color--primary--primary-100); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-900); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-900); --secondary-button--icon: var(--_main-collection---color--white); --backgrounds--gradient-icon: var(--_main-collection---color--grey-scale-warm--greywarm-050); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-200); --backgrounds--gradient-background: var(--_main-collection---color--grey-scale-warm--greywarm-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-800); --backgrounds--background-300: var(--_main-collection---color--primary--primary-700); --primary-button--icon: var(--_main-collection---color--primary--primary-900); --primary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-icon: var(--_main-collection---color--primary--primary-950); --tertiary-button--icon: var(--_main-collection---color--white); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } ._w-button.is-private { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--secondary--secondary-950); --texts--link: var(--_main-collection---color--secondary--secondary-950); --tertiary-button--text: var(--_main-collection---color--secondary--secondary-600); --backgrounds--background-050: var(--_main-collection---color--secondary--secondary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--secondary--secondary-600); --primary-button--background: var(--_main-collection---color--secondary--secondary-600); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--secondary--secondary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--secondary--secondary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--border: var(--_main-collection---color--secondary--secondary-600); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--secondary--secondary-600); --secondary-button--hover-border: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--secondary--secondary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--secondary--secondary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--secondary--secondary-200); --tag--background: var(--_main-collection---color--secondary--secondary-100); --tag--text: var(--_main-collection---color--secondary--secondary-700); --backgrounds--background-100: var(--_main-collection---color--secondary--secondary-100); --secondary-button--icon: var(--_main-collection---color--secondary--secondary-600); --backgrounds--gradient-icon: var(--_main-collection---color--secondary--secondary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--secondary--secondary-800); --backgrounds--gradient-background: var(--_main-collection---color--secondary--secondary-050); --backgrounds--background-200: var(--_main-collection---color--secondary--secondary-200); --backgrounds--background-300: var(--_main-collection---color--secondary--secondary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--secondary--secondary-600); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } ._w-button.is-pro { --backgrounds--background-white: var(--_main-collection---color--white); --texts--body: var(--_main-collection---color--grey-scale-cold--grey-700); --texts--title: var(--_main-collection---color--primary--primary-950); --texts--link: var(--_main-collection---color--primary--primary-950); --tertiary-button--text: var(--_main-collection---color--primary--primary-950); --backgrounds--background-050: var(--_main-collection---color--primary--primary-050); --input--check-radio: var(--_main-collection---color--grey-scale-cold--grey-950); --input--checked: var(--_main-collection---color--primary--primary-950); --text-color--text-alternate\: var(--base-color-neutral--white\); --primary-button--border: var(--_main-collection---color--primary--primary-950); --primary-button--background: var(--_main-collection---color--primary--primary-950); --primary-button--text: var(--_main-collection---color--white); --primary-button--hover-border: var(--_main-collection---color--primary--primary-800); --primary-button--hover-text: var(--_main-collection---color--white); --tertiary-button--background: var(--_primitives---opacity--transparent); --tertiary-button--hover-text: var(--_main-collection---color--primary--primary-800); --tertiary-button--hover-background: var(--_primitives---opacity--transparent); --tertiary-button--icon-background: var(--_main-collection---color--primary--primary-050); --tertiary-button--hover-icon-background: var(--_main-collection---color--primary--primary-800); --secondary-button--border: var(--_main-collection---color--primary--primary-950); --secondary-button--background: var(--_primitives---opacity--transparent); --secondary-button--text: var(--_main-collection---color--primary--primary-950); --secondary-button--hover-border: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-background: var(--_main-collection---color--primary--primary-800); --secondary-button--hover-text: var(--_main-collection---color--white); --primary-button--hover-background: var(--_main-collection---color--primary--primary-800); --input--border: var(--_main-collection---color--grey-scale-cold--grey-050); --input--background: var(--_main-collection---color--grey-scale-cold--grey-050); --input--text: var(--_main-collection---color--grey-scale-cold--grey-700); --input--focused-border: var(--_main-collection---color--grey-scale-cold--grey-100); --input--focused-background: var(--_main-collection---color--grey-scale-cold--grey-100); --input--placeholder: var(--_main-collection---color--grey-scale-cold--grey-400); --color-scheme-1--accent: var(--_main-collection---color--primary--primary-500); --color-scheme-1--border: var(--_main-collection---color--grey-scale-cold--grey-200); --color-scheme-1--foreground: var(--_main-collection---color--grey-scale-warm--greywarm-050); --shadow-s: var(--_main-collection---color--grey-scale-warm--greywarm-300-rgba10); --background-color--background-secondary\: var(--base-color-neutral--neutral-lightest\); --border-color--border-primary\: var(--base-color-neutral--black\); --color-scheme-1--background: var(--_main-collection---color--white); --tag--border: var(--_main-collection---color--primary--primary-200); --tag--background: var(--_main-collection---color--primary--primary-100); --tag--text: var(--_main-collection---color--primary--primary-700); --backgrounds--background-100: var(--_main-collection---color--primary--primary-100); --secondary-button--icon: var(--_main-collection---color--primary--primary-950); --backgrounds--gradient-icon: var(--_main-collection---color--primary--primary-700-rgba20); --tertiary-button--hover-icon: var(--_main-collection---color--primary--primary-800); --backgrounds--gradient-background: var(--_main-collection---color--primary--primary-050); --backgrounds--background-200: var(--_main-collection---color--primary--primary-200); --backgrounds--background-300: var(--_main-collection---color--primary--primary-300); --primary-button--icon: var(--_main-collection---color--white); --primary-button--hover-icon: var(--_main-collection---color--white); --secondary-button--hover-icon: var(--_main-collection---color--white); --tertiary-button--icon: var(--_main-collection---color--primary--primary-950); --input--icon: var(--_main-collection---color--grey-scale-cold--grey-950); --input--color: white; --base-color-neutral--white\: white; --base-color-neutral--neutral-lightest\: #eee; --base-color-neutral--black\: black } ._w-button.is-icon-only { padding-right: var(--_main-collection---spacing--spacing-12); padding-left: var(--_main-collection---spacing--spacing-12); grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); justify-content: center; align-items: center; min-width: 46px; max-width: 46px; min-height: 46px; max-height: 46px; display: flex } ._w-button.is-icon-only.is-small-icon { padding: var(--_main-collection---spacing--spacing-8); max-width: 40px; max-height: 40px } ._w-button.is-filter { border-color: var(--_main-collection---color--grey-scale-warm--greywarm-200); background-color: var(--secondary-button--background); color: var(--_main-collection---color--grey-scale-warm--greywarm-700); font-weight: var(--_typography---fonts--font-weight--regular); margin-bottom: 0; position: relative } ._w-button.is-filter:hover { border-color: var(--_main-collection---color--grey-scale-warm--greywarm-500); background-color: var(--_main-collection---color--grey-scale-warm--greywarm-100); color: var(--_main-collection---color--primary--primary-950) } ._w-button.is-filter.is-alternate { border-color: var(--secondary-button--border); background-color: var(--secondary-button--background); color: var(--secondary-button--text) } ._w-button.is-filter.is-alternate:hover { border-color: var(--secondary-button--hover-border); background-color: var(--secondary-button--hover-background); color: var(--secondary-button--hover-text) } ._w-button.is-filter.is-active { border-color: var(--_main-collection---color--grey-scale-warm--greywarm-500); background-color: var(--_main-collection---color--grey-scale-warm--greywarm-100); color: var(--_main-collection---color--primary--primary-950) } ._w-button.is-select-filter { border-color: var(--_main-collection---color--grey-scale-warm--greywarm-200); background-color: var(--secondary-button--background); color: var(--_main-collection---color--grey-scale-warm--greywarm-700); font-weight: var(--_typography---fonts--font-weight--regular); padding-right: 3rem } ._w-button.is-select-filter:hover { border-color: var(--_main-collection---color--grey-scale-warm--greywarm-500); background-color: var(--_main-collection---color--grey-scale-warm--greywarm-100); color: var(--_main-collection---color--primary--primary-950) } ._w-button.is-select-filter.is-alternate { border-color: var(--secondary-button--border); background-color: var(--secondary-button--background); color: var(--secondary-button--text) } ._w-button.is-select-filter.is-alternate:hover { border-color: var(--secondary-button--hover-border); background-color: var(--secondary-button--hover-background); color: var(--secondary-button--hover-text) } ._w-button.is-secondary { border-color: var(--secondary-button--border); background-color: var(--secondary-button--background); color: var(--secondary-button--text) } ._w-button.is-secondary:hover { border-color: var(--secondary-button--hover-border); background-color: var(--primary-button--hover-background); color: var(--secondary-button--hover-text) } ._w-button.is-secondary.is-alternate { border-color: var(--secondary-button--border); background-color: var(--secondary-button--background); color: var(--secondary-button--text) } ._w-button.is-secondary.is-alternate:hover { border-color: var(--secondary-button--hover-border); background-color: var(--secondary-button--hover-background); color: var(--secondary-button--hover-text) } .introduction_content { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); flex-flow: column; justify-content: flex-start; align-items: center; display: flex } .locales-list { grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); flex-flow: column; justify-content: flex-start; align-items: flex-start; width: auto; display: flex } .navbar_languages-dropdown-list.w--open { padding: var(--_main-collection---spacing--spacing-16); border-radius: var(--_ui-styles---radius--xsmall); background-color: var(--backgrounds--background-white); box-shadow: 0 4px 16px -8px var(--_main-collection---color--grey-scale-warm--greywarm-700-rgba20); width: auto; position: absolute; inset: 100% auto auto -1rem; overflow: visible } .navbar_languages-dropdown-list.is-single.w--open { width: auto; max-width: 300px } .header-mobile-locales-list { grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); flex-flow: column; justify-content: flex-start; align-items: flex-start; width: auto; display: flex } .hero_lvl2_video-wrapper { aspect-ratio: 3; object-fit: cover; justify-content: center; align-items: center; width: 100%; height: 400px; display: flex; position: relative; overflow: hidden } .nav-link { padding: var(--_main-collection---spacing--spacing-24)var(--_main-collection---spacing--spacing-8) } .nav-link.text-size-small:hover { text-decoration: underline } .nav-link.text-size-small.is-flex-center { color: var(--texts--link) } .certification_link { transition: transform .15s linear } .certification_link:hover { transform: scale(1.2) } .form_message { text-align: center; padding: 1rem 1rem 1rem 1em } .form_message.is-success { color: #455c37; background-color: #e6f7de } .form_message.is-error { color: #2d2525; background-color: #ffe3e3 } .djm-digital-link { justify-content: flex-start; align-items: center; display: flex } .copyright { grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-8); align-items: center; display: flex } .is-flex-center { justify-content: center; align-items: center; height: 100%; display: flex } @media screen and (max-width: 991px) { body { --_ui-styles---stroke--border-quote:.1875rem; --_ui-styles---stroke--border-1: 1px; --_ui-styles---radius--large: 40px; --_ui-styles---radius--small: 24px; --_ui-styles---radius--medium: 32px; --_ui-styles---padding-global--small: 3.5rem; --_ui-styles---padding-global--medium: 5rem; --_ui-styles---padding-global--large: 7.5rem; --_ui-styles---radius--xxsmall: 8px; --_ui-styles---radius--xsmall: 12px; --_ui-styles---stroke--divider: 1px; --_ui-styles---padding-global--regular: 4rem; --_ui-styles---padding-global--xsmall: 2.5rem; --_ui-styles---padding-global--xxsmall: 1.5rem } .hide-tablet { display: none } .max-width-full-tablet { width: 100%; max-width: none } .margin-large { margin: 2.5rem } .margin-xlarge { margin: 3.5rem } .margin-xxlarge { margin: 4.5rem } .margin-huge { margin: 5rem } .margin-xhuge { margin: 6rem } .margin-xxhuge { margin: 7.5rem } .padding-large { padding: 2.5rem } .padding-xlarge { padding: 3.5rem } .padding-xxlarge { padding: 4.5rem } .padding-huge { padding: 5rem } .padding-xhuge { padding: 6rem } .padding-xxhuge { padding: 7.5rem } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0 } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0 } .margin-left { margin-top: 0; margin-bottom: 0; margin-right: 0 } .margin-right { margin-top: 0; margin-bottom: 0; margin-left: 0 } .margin-vertical { margin-left: 0; margin-right: 0 } .margin-horizontal { margin-top: 0; margin-bottom: 0 } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0 } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0 } .padding-left { padding-top: 0; padding-bottom: 0; padding-right: 0 } .padding-right { padding-top: 0; padding-bottom: 0; padding-left: 0 } .padding-vertical { padding-left: 0; padding-right: 0 } .padding-horizontal { padding-top: 0; padding-bottom: 0 } .rl-styleguide_item-row { grid-template-columns: auto 1fr } .rl-styleguide_icons-list { grid-auto-flow: row } .text-size-small.nav-link { width: 100% } .padding-section-medium { padding-top: 4rem; padding-bottom: 4rem } .padding-section-large { padding-top: 6rem; padding-bottom: 6rem } .spacer-large { padding-top: 2.5rem } .spacer-xlarge { padding-top: 3.5rem } .spacer-xxlarge { padding-top: 4.5rem } .spacer-huge { padding-top: var(--_main-collection---spacing--spacing-64) } .spacer-xhuge { padding-top: 6rem } .spacer-xxhuge { padding-top: 7.5rem } .rl-styleguide_component { grid-row-gap: 4rem; grid-template-columns: 1fr; grid-auto-flow: row; min-height: auto; padding-top: 4rem } .rl-styleguide_image { height: 100%; max-height: none } .rl-styleguide_content { max-width: none; margin-left: 4rem; margin-right: 4rem } .rl-styleguide_image-wrapper { height: 640px } .rl-styleguide_scheme-list { grid-template-columns: 1fr } .card_component_vertical.straight-top-left-corner { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); grid-template-columns: 1fr } .card_body-vertical { padding: 0rem var(--_main-collection---spacing--spacing-16)var(--_main-collection---spacing--spacing-24) } .center_component { grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40); grid-template-columns: 35% 1fr } .center_body { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24) } .testimonial_company_item { padding: var(--_main-collection---spacing--spacing-32) } .footer_row_one { grid-template-columns: 2fr; grid-auto-flow: row } .footer_contact_card { grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40) } .footer_row_four { grid-template-columns: minmax(200px,1fr) } .newsletter_card { max-width: 85% } .hero_lvl2_wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-64); grid-row-gap: var(--_main-collection---spacing--spacing-64) } .persona_component { grid-template-columns: minmax(200px,1fr); position: relative } .persona_card-slot-wrapper { width: 100% } .persona_content { padding-right: 0 } .persona_content.is-sticky { top: var(--_main-collection---spacing--spacing-24); top: var(--_main-collection---spacing--spacing-24); position: sticky } .persona_card-slot { grid-column-gap: var(--_main-collection---spacing--spacing-16); flex-flow: wrap; grid-template-rows: auto; grid-template-columns: repeat(auto-fit,minmax(30%,1fr)); grid-auto-columns: 1fr; grid-auto-flow: row; display: grid } .persona_component_vertical { position: relative } .persona_vertical_content.is-sticky { top: var(--_main-collection---spacing--spacing-24); top: var(--_main-collection---spacing--spacing-24); position: sticky } .method_ceran_component { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56) } .method_row-one { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56); flex-flow: wrap; justify-content: flex-start } .kpi-list { justify-content: flex-start } .method_row-two { grid-template-columns: repeat(auto-fit,minmax(48%,1fr)) } .bento_boxes_grid { grid-template-columns: minmax(48%,1fr) minmax(48%,1fr) } .bento_box_two { background-image: linear-gradient(90deg,var(--backgrounds--background-050),var(--backgrounds--background-050)); grid-template-columns: 1fr } .bento_box-side-image { aspect-ratio: 2; object-fit: contain; object-position: 50% 100% } .padding-section-large-2 { padding-top: 6rem; padding-bottom: 6rem } .heading-style-h2-2 { font-size: 2.75rem } .padding-section-large-3 { padding-top: 6rem; padding-bottom: 6rem } .faq_component { grid-row-gap: var(--_main-collection---spacing--spacing-24) } .heading-style-h4-2 { font-size: 1.75rem } .solutions_component { grid-column-gap: var(--_main-collection---spacing--spacing-64); grid-row-gap: var(--_main-collection---spacing--spacing-64) } .solutions-collection.gap-huge { margin-bottom: var(--_main-collection---spacing--spacing-64); margin-bottom: var(--_main-collection---spacing--spacing-64) } .swiper-navigation.gap-huge { padding-top: var(--_main-collection---spacing--spacing-64); padding-top: var(--_main-collection---spacing--spacing-64) } .text_media_image { min-height: auto; position: static } .text_media_component { grid-column-gap: var(--_main-collection---spacing--spacing-64); grid-row-gap: var(--_main-collection---spacing--spacing-64); grid-template-columns: 1fr } .text_media_component.is-right-image { flex-flow: column-reverse; justify-content: flex-end; align-items: stretch; display: flex } .text_media_image-wrapper.two-right-corners-radius.is-fullwidth { width: 95% } .text_media_image-wrapper.two-left-corners-radius.is-fullwidth { align-self: flex-end; width: 95%; margin-left: auto } .text_media_content { max-width: 100%; margin-left: 5%; margin-right: 5%; padding-left: 0 } .layout528_image { position: static } .layout528_component { grid-template-columns: 1fr } .layout528_image-wrapper { min-height: 0 } .layout528_content { margin-left: 5%; margin-right: 5% } .text_media_content-wrapper { padding-top: 0; padding-bottom: 0 } .layout540_image { position: static } .layout540_component { grid-template-columns: 1fr } .layout540_image-wrapper { min-height: 0 } .layout540_content { margin-left: 5%; margin-right: 5% } .language_level_component { grid-template-columns: 1fr 1fr } .testimonial_component { grid-column-gap: var(--_main-collection---spacing--spacing-64); grid-row-gap: var(--_main-collection---spacing--spacing-64) } .testimonials-b2b-collection { width: 75% } .added_values_grid { grid-template-columns: repeat(auto-fit,minmax(45%,1fr)) } .collection-list { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16) } .kpis_header { grid-template-columns: repeat(auto-fit,minmax(45%,80%)) } .kpis_grid { grid-template-columns: repeat(auto-fit,minmax(45%,1fr)) } .ceran_values_grid { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-template-columns: repeat(auto-fit,45%) } .ceran_value_card { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); grid-template-columns: 60px 1fr } .support_process_component { grid-template-columns: repeat(auto-fit,minmax(100%,1fr)) } .text_background_card { max-width: 85% } .learning_method_list { grid-column-gap: var(--_main-collection---spacing--spacing-80); grid-row-gap: var(--_main-collection---spacing--spacing-80) } .card_case_study { padding: var(--_main-collection---spacing--spacing-32); grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40); grid-template-columns: minmax(35%,1fr) repeat(auto-fit,minmax(55%,1fr)) } .case_study_component,.blog_component { grid-column-gap: var(--_main-collection---spacing--spacing-64); grid-row-gap: var(--_main-collection---spacing--spacing-64) } .blog-collection-list { grid-column-gap: 4%; grid-template-columns: repeat(auto-fit,48%) } .collection-tabs-label-list { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); flex-flow: wrap; grid-template-columns: repeat(auto-fit,minmax(33%,1fr)); justify-content: center; display: flex } .collection-tabs-label-item { min-width: 140px } .persona_tabs_card { grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40); grid-template-columns: 1fr } .menu-icon { flex-direction: column; justify-content: center; align-items: center; width: 48px; height: 48px; margin-right: -.5rem; padding-bottom: 0; padding-right: 0; display: flex } .navbar_dropdown-content-right { align-items: flex-start; max-width: none } .navbar_menu-left { margin-top: var(--_main-collection---spacing--spacing-40); flex-flow: column; align-items: flex-start } .navbar5_link { width: auto; padding: .75rem 0; font-size: 1.125rem } .navbar_dropdown-content { flex-direction: column } .navbar_menu-button.w--open { background-color: var(--_primitives---opacity--transparent) } .dropdown-chevron { inset: auto 0% auto auto } .navbar_dropdown-background-layer { min-width: 100% } .navbar_menu-right { margin-top: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-32); flex-flow: column wrap; flex: none; grid-template-rows: auto auto; grid-template-columns: 1fr; justify-content: flex-end; align-items: stretch; padding-top: 0; padding-bottom: 0 } .navbar5_blog-list { width: 100% } .navbar_menu { padding: var(--_main-collection---spacing--spacing-24)5% var(--_main-collection---spacing--spacing-120); background-color: var(--backgrounds--background-white); -webkit-text-fill-color: inherit; background-clip: border-box; align-self: stretch; min-width: 100%; height: 100dvh; margin-left: 0; transition: height .5s; position: absolute; overflow: auto } .navbar_dropdown-content-left { align-content: start; align-items: start; padding-left: 0; padding-right: 0 } .navbar5_large-item-content { width: 100% } .menu-icon_line-top { background-color: var(--texts--body); width: 24px; height: 2px; padding-bottom: 0; padding-right: 0 } .navbar_dropdown-list { position: relative; overflow: hidden } .navbar_dropdown-list.w--open { border-style: none; align-items: flex-start; min-width: auto; margin-bottom: 1.5rem; padding: 0 0 0; position: relative; top: 0; left: 0; right: 0 } .menu-icon_line-bottom { background-color: var(--texts--body); width: 24px; height: 2px; padding-bottom: 0; padding-right: 0 } .navbar_container { align-items: flex-start; height: auto } .navbar_single-menu-dropdown { flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; position: relative } .navbar_dropdown-toggle { color: var(--_main-collection---color--primary--primary-900); justify-content: flex-start; align-items: center; width: 100%; display: flex } .navbar_dropdown-toggle:hover { font-weight: var(--_typography---fonts--font-weight--medium) } .navbar_dropdown-toggle.w--open { width: 100% } .navbar_component { padding-top: var(--_main-collection---spacing--spacing-8); padding-bottom: var(--_main-collection---spacing--spacing-8); min-height: auto } .navbar_component.is-mobile { display: flex } .navbar_component.is-desktop { display: none } .navbar_logo-link,.navbar_logo-link.w--current { align-self: center } .navbar5_blog-item { width: 100% } .menu-icon_line-middle { background-color: var(--texts--body); justify-content: center; align-items: center; width: 24px; height: 2px; margin-top: 6px; margin-bottom: 6px; padding-bottom: 0; padding-right: 0; display: flex } .navbar_dropdown-content-wrapper { width: 100% } .menu-icon1_line-middle-inner { width: 4px; height: 0; padding-bottom: 0; padding-right: 0 } .navbar_menu-right_column-one { flex-flow: column; justify-content: flex-end; align-self: flex-start; align-items: flex-start } .navbar_dropdown-content-middle { align-content: start; align-items: start; padding-left: 0; padding-right: 0 } .navbar_dropdown_first-level-contact { display: none } .navbar_dropdown-first-level-content { flex-direction: column; justify-content: flex-start; align-items: flex-start; height: 100% } .navbar_dropdown-second-level-content { padding-top: var(--_main-collection---spacing--spacing-24); padding-bottom: var(--_main-collection---spacing--spacing-24); grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56); flex-flow: wrap; grid-template-columns: 1fr } .card_navbar { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: center; display: grid } .navbar_menu-right_column-two { justify-content: space-between; display: none } .persona_submenu { grid-row-gap: var(--_main-collection---spacing--spacing-8); flex-flow: wrap; width: 100% } .card_navbar_content-wrapper { padding-top: var(--_main-collection---spacing--spacing-12) } .navbar_submenu-dropdown { width: 100%; position: relative } .text-block-2 { color: var(--_main-collection---color--primary--primary-900) } .navbar_persona_menu-dropdown { padding: 0rem 0rem var(--_main-collection---spacing--spacing-16); grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); border-bottom: 1px solid var(--_main-collection---color--grey-scale-cold--grey-200); flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; position: relative } .persona_submenu-dropdown { border-bottom-style: none; border-bottom-width: 0; width: 100%; position: relative } .persona_submenu-dropdown:hover { border-bottom-style: none; border-bottom-width: 0 } .navbar_persona_dropdown-list { width: 100vw; height: 100dvh; position: relative; overflow: auto } .navbar_persona_dropdown-list.w--open { border-style: none; align-items: flex-start; min-width: auto; margin-bottom: 1.5rem; padding-top: 0; padding-bottom: 0; position: fixed; inset: 0% } .navbar_persona_sub-dropdown-list { flex: 1; align-self: stretch; position: relative; overflow: auto } .navbar_persona_sub-dropdown-list.w--open { border-style: none; align-items: flex-start; min-width: auto; height: 100vh; padding-left: 0; padding-right: 0; position: relative; top: 0; left: 0; right: 0; overflow: auto } .navbar_persona_dropdown-toggle { color: var(--_main-collection---color--primary--primary-900); justify-content: flex-start; align-items: center; width: 100%; display: flex } .navbar_persona_dropdown-toggle:hover { font-weight: var(--_typography---fonts--font-weight--medium) } .navbar_persona_dropdown-toggle.w--open { border-bottom: 2px solid var(--_main-collection---color--grey-scale-cold--grey-200); font-weight: var(--_typography---fonts--font-weight--medium); width: 100% } .navbar_persona_sub-dropdown-toggle { color: var(--_main-collection---color--primary--primary-900); justify-content: flex-start; align-items: center; width: 100%; display: flex } .navbar_persona_sub-dropdown-toggle:hover { font-weight: var(--_typography---fonts--font-weight--medium) } .navbar_persona_sub-dropdown-toggle.w--open { border-bottom: 1px solid var(--color-scheme-1--accent); font-weight: var(--_typography---fonts--font-weight--medium); width: 100% } .navbar_menu-mobile-top { grid-row-gap: var(--_main-collection---spacing--spacing-32); flex-flow: row; flex: none; grid-template-rows: auto auto; grid-template-columns: 1fr; justify-content: space-between; align-items: stretch; padding-top: 0; padding-bottom: 0; display: flex } .navbar_back-button { display: block } .navbar_single-dropdown-list { position: relative; overflow: hidden } .navbar_single-dropdown-list.w--open { margin-top: var(--_main-collection---spacing--spacing-8); margin-bottom: var(--_main-collection---spacing--spacing-8); border-style: none; align-items: flex-start; min-width: auto; padding: 0 0 0; position: relative; top: 0; left: 0; right: 0 } .navbar_single-dropdown-content { flex-direction: column } .menu-icon4_line-middle-top { z-index: 2; width: 24px; height: 2px; padding-bottom: 0; padding-right: 0; position: absolute; inset: 0 } .menu-icon4_line-middle-base { background-color: var(--texts--body); justify-content: center; align-items: center; width: 24px; height: 2px; padding-bottom: 0; padding-right: 0; display: flex; position: absolute } .navbar_menu-dropdown { flex-direction: column; justify-content: center; align-items: center; display: block; position: relative } .navbar4_dropdown-link { margin-top: 0; margin-bottom: 0; padding-top: 1rem; padding-bottom: 1rem; padding-right: 0; font-size: 20px } .navbar4_menu-button { margin-left: -.5rem; padding: 0 } .navbar4_menu-button.w--open { background-color: var(--_primitives---opacity--transparent) } .menu-icon4_line-middle { background-color: var(--texts--body); justify-content: center; align-items: center; width: 24px; height: 2px; margin-top: 6px; margin-bottom: 6px; padding-bottom: 0; padding-right: 0; display: flex; position: static } .dropdown-chevron-2 { inset: auto 0% auto auto } .dropdown-chevron-2.is-navbar { width: 1.25rem; height: 1.25rem } .navbar_mobile_menu-wrapper { justify-content: flex-start; align-items: center; margin-top: 0 } .menu-icon4_line-bottom { background-color: var(--texts--body); width: 24px; height: 2px; padding-bottom: 0; padding-right: 0 } .navbar4_dropdown-list { position: static; overflow: hidden } .navbar4_dropdown-list.w--open { border-style: none; padding: 0; position: static } .menu-icon4_line-top { background-color: var(--texts--body); width: 24px; height: 2px; padding-bottom: 0; padding-right: 0 } .navbar4_link { margin-top: 0; margin-bottom: 0; padding: .75rem 0; font-size: 1.25rem; position: static } .navbar_mobile_menu { z-index: 1; background-color: var(--color-scheme-1--background); -webkit-text-fill-color: inherit; background-clip: border-box; flex-direction: column; justify-content: center; margin-left: 0; display: block } .navbar4_container { grid-auto-columns: 1fr } .menu-icon4 { flex-direction: column; justify-content: center; align-items: center; width: 48px; height: 48px; margin-right: -.5rem; padding-bottom: 0; padding-right: 0; display: flex; position: relative } .menu-icon_wrapper { flex-direction: column; justify-content: flex-start; align-items: center; display: flex } .navbar4_dropdown-toggle { align-items: center; width: 100%; margin: 0; padding: .75rem 2rem .75rem 0; display: flex; position: relative } .navbar_mobile_menu-bottom { flex-flow: column; align-self: stretch; width: 100%; display: flex } .mobile_dropdown-chevron { inset: auto 0% auto auto } .navbar_mobile_dropdown-list { position: static; overflow: hidden } .navbar_mobile_dropdown-list.w--open { border-style: none; padding: 0; position: static } .navbar_mobile_subdropdown-list { position: static; overflow: hidden } .navbar_mobile_subdropdown-list.w--open { border-style: none; padding: 0; position: static } .form_content_wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40); grid-template-columns: minmax(200px,1fr) } .publications_collection_list { grid-column-gap: 4%; grid-template-columns: repeat(auto-fit,minmax(200px,48%)) } .hide-desktop-only { display: block } .prices_grid { grid-column-gap: 3%; grid-template-columns: repeat(auto-fit,minmax(200px,48%)) } .hero_publication_wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-64); grid-row-gap: var(--_main-collection---spacing--spacing-64) } .publication_body_component { flex-flow: column-reverse; grid-template-columns: 1fr; justify-content: flex-end; align-items: flex-start; display: flex } .publication_sidebar-content { flex-flow: column-reverse } .publication_sidebar { width: 100% } .hero_book_wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-64); grid-row-gap: var(--_main-collection---spacing--spacing-64) } .hero_book_component { grid-template-columns: 1fr } .book_hero_image-wrapper { aspect-ratio: 4/3 } .book_presentation_component { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56); grid-template-columns: 1fr } .navbar_languages-dropdown-list { position: relative; overflow: hidden } .navbar_languages-dropdown-list.w--open { margin-top: var(--_main-collection---spacing--spacing-8); margin-bottom: var(--_main-collection---spacing--spacing-8); border-style: none; align-items: flex-start; min-width: auto; padding: 0 0 0; position: relative; top: 0; left: 0; right: 0 } .header-mobile-locales-list { margin-left: var(--_main-collection---spacing--spacing-16) } .faq_full_component { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); grid-template-columns: 35% 1fr } .solutions-wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-64); grid-row-gap: var(--_main-collection---spacing--spacing-64) } } @media screen and (max-width: 767px) { body { --_ui-styles---stroke--border-quote:.1875rem; --_ui-styles---stroke--border-1: 1px; --_ui-styles---radius--large: 40px; --_ui-styles---radius--small: 24px; --_ui-styles---radius--medium: 32px; --_ui-styles---padding-global--small: 3.5rem; --_ui-styles---padding-global--medium: 5rem; --_ui-styles---padding-global--large: 7.5rem; --_ui-styles---radius--xxsmall: 8px; --_ui-styles---radius--xsmall: 12px; --_ui-styles---stroke--divider: 1px; --_ui-styles---padding-global--regular: 4rem; --_ui-styles---padding-global--xsmall: 2.5rem; --_ui-styles---padding-global--xxsmall: 1.5rem } .hide-mobile-landscape { display: none } .max-width-full-mobile-landscape { width: 100%; max-width: none } .margin-xsmall { margin: .75rem } .margin-small { margin: 1.25rem } .margin-medium { margin: 1.5rem } .margin-large { margin: 2rem } .margin-xlarge { margin: 2.5rem } .margin-xxlarge { margin: 3rem } .margin-huge { margin: 3.5rem } .margin-xhuge { margin: 4rem } .margin-xxhuge { margin: 5rem } .padding-xsmall { padding: .75rem } .padding-small { padding: 1.25rem } .padding-medium { padding: 1.5rem } .padding-large { padding: 2rem } .padding-xlarge { padding: 2.5rem } .padding-xxlarge { padding: 3rem } .padding-huge { padding: 3.5rem } .padding-xhuge { padding: 4rem } .padding-xxhuge { padding: 5rem } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0 } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0 } .margin-left { margin-top: 0; margin-bottom: 0; margin-right: 0 } .margin-right { margin-top: 0; margin-bottom: 0; margin-left: 0 } .margin-vertical { margin-left: 0; margin-right: 0 } .margin-horizontal { margin-top: 0; margin-bottom: 0 } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0 } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0 } .padding-left { padding-top: 0; padding-bottom: 0; padding-right: 0 } .padding-right { padding-top: 0; padding-bottom: 0; padding-left: 0 } .padding-vertical { padding-left: 0; padding-right: 0 } .padding-horizontal { padding-top: 0; padding-bottom: 0 } .text-weight-medium { align-self: stretch } .text-size-medium { font-size: 1rem } .text-style-quote { font-size: 1.125rem } .text-style-nowrap { white-space: normal } .text-size-large { font-size: 1.125rem } .padding-section-small { padding-top: 2rem; padding-bottom: 2rem } .padding-section-medium { padding-top: 3rem; padding-bottom: 3rem } .padding-section-large { padding-top: 4rem; padding-bottom: 4rem } .spacer-xsmall { padding-top: .75rem } .spacer-small { padding-top: 1.25rem } .spacer-medium { padding-top: 1.5rem } .spacer-large { padding-top: 2rem } .spacer-xlarge { padding-top: 2.5rem } .spacer-xxlarge { padding-top: 3rem } .spacer-huge { padding-top: var(--_main-collection---spacing--spacing-56) } .spacer-xhuge { padding-top: 4rem } .spacer-xxhuge { padding-top: 5rem } .rl-styleguide_component { padding-top: 4rem } .rl-styleguide_content { margin-left: 2.5rem; margin-right: 2.5rem } .category-filter-menu { width: 100vw; margin-left: -5vw; padding-left: 5vw; overflow: scroll } .client-logo { max-width: 170px; max-height: 75px } .center_component { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); grid-template-columns: 1fr } .footer_contact_card { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56); grid-template-columns: 1fr } .footer_component { grid-column-gap: var(--_main-collection---spacing--spacing-64); grid-row-gap: var(--_main-collection---spacing--spacing-64) } .footer_row_three { grid-template-columns: minmax(200px,100%) } .certification_logo { max-height: 60px } .hero_lvl2_media.four-corners-radius { aspect-ratio: 2; aspect-ratio: 2 } .persona_component { grid-template-columns: minmax(295px,1fr) } .persona_card-slot-wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16) } .persona_content { padding-right: var(--_main-collection---spacing--spacing-80) } .persona_content.is-sticky { position: relative; top: auto } .persona_card-slot { grid-template-columns: repeat(auto-fit,minmax(48%,1fr)) } .persona_component_vertical { grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40); grid-template-columns: minmax(295px,1fr) } .persona_vertical_content.is-sticky { position: relative; top: auto } .content-wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24) } .content-wrapper.is-sticky { position: relative; top: 0 } .method_row-two { grid-template-columns: repeat(auto-fit,minmax(100%,1fr)) } .bento_boxes_grid { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16) } .bento_box-content-wrapper { padding: var(--_main-collection---spacing--spacing-24) } .button-2.is-navbar-button { padding: .25rem 1rem } .text-size-medium-2 { font-size: 1rem } .padding-section-large-2 { padding-top: 4rem; padding-bottom: 4rem } .cta65_component { height: auto; max-height: none } .heading-style-h2-2 { font-size: 2.25rem } .contact_gallery { grid-template-columns: minmax(60%,1fr) 1fr } .contact_gallery.align-center { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16) } .faq_question { padding-top: 1rem; padding-bottom: 1rem } .text-size-medium-3 { font-size: 1rem } .padding-section-large-3 { padding-top: 4rem; padding-bottom: 4rem } .faq_component { grid-template-columns: 1fr } .heading-style-h4-2 { font-size: 1.5rem; line-height: 1.4 } .faq_icon-wrapper { width: 1.75rem } .solutions_component { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56) } .solutions-collection.gap-huge { margin-bottom: var(--_main-collection---spacing--spacing-56); margin-bottom: var(--_main-collection---spacing--spacing-56) } .swiper-navigation.gap-huge { padding-top: var(--_main-collection---spacing--spacing-56); padding-top: var(--_main-collection---spacing--spacing-56) } .text_media_image { min-height: auto } .text_media_component { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56); grid-template-columns: 1fr } .layout528_component,.layout540_component { grid-template-columns: 1fr } .language_level_component { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); grid-template-columns: 1fr } .language_level_media-wrapper { aspect-ratio: 16/9; object-fit: cover } .testimonial_component { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56) } .testimonials-b2b-collection { width: 70% } .added_values_component.is-pro { grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40); grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40) } .added_values_grid { padding: var(--_main-collection---spacing--spacing-32) } .collection-list { grid-column-gap: var(--_main-collection---spacing--spacing-32); grid-row-gap: var(--_main-collection---spacing--spacing-32) } .financial_help_component { grid-template-columns: repeat(auto-fit,minmax(100%,1fr)) } .kpis_header { grid-template-columns: repeat(auto-fit,minmax(45%,100%)) } .ceran_values_component { grid-column-gap: var(--_main-collection---spacing--spacing-64); grid-row-gap: var(--_main-collection---spacing--spacing-64) } .ceran_values_grid { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56); grid-template-columns: repeat(auto-fit,100%) } .support_process_step { grid-column-gap: var(--_main-collection---spacing--spacing-32); grid-row-gap: var(--_main-collection---spacing--spacing-32) } .learning_method_component { grid-template-columns: repeat(auto-fit,minmax(100%,1fr)) } .learning_method_list { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56) } .video_component { grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40) } .card_case_study { grid-column-gap: var(--_main-collection---spacing--spacing-32); grid-row-gap: var(--_main-collection---spacing--spacing-32); grid-template-columns: minmax(35%,1fr) } .case_study_component { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56) } .case_study-carousel { grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40) } .blog_component { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56) } .blog-collection-list { grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40); grid-template-columns: repeat(auto-fit,100%) } .navbar_menu { padding-bottom: 6rem } .navbar_dropdown-content-left { grid-row-gap: 1.5rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr } .navbar_dropdown-link-list { max-width: none } .navbar_component { min-height: 4rem } .navbar_logo-link { width: 85px } .navbar5_blog-item { grid-template-columns: .6fr 1fr } .navbar_dropdown-content-middle { grid-row-gap: 1.5rem; flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr } .navbar_dropdown-second-level-content { grid-template-columns: repeat(auto-fit,minmax(200px,100%)) } .card_navbar_content-wrapper { padding-top: var(--_main-collection---spacing--spacing-12); grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16) } .card_navbar_content-wrapper.is-sticky { position: relative; top: 0 } .navbar4_component { min-height: 4rem } .card_content-wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24) } .card_content-wrapper.is-sticky { position: relative; top: 0 } .faq_cta_card { padding: var(--_main-collection---spacing--spacing-32) } .publications_collection_list { grid-template-columns: repeat(auto-fit,minmax(200px,48%)) } .card_blog_content-wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24) } .card_blog_content-wrapper.is-sticky { position: relative; top: 0 } .form_filters_block.show-tablet { display: block } .prices_grid { grid-column-gap: 4%; grid-template-columns: repeat(auto-fit,minmax(200px,47%)) } .hero_publication-reading-time { flex-flow: wrap } .publication_body_featured-book { grid-template-columns: 1fr } .featured_book_image-wrapper { aspect-ratio: 4/5 } .publication_body_featured-article { grid-template-columns: 1fr } .featured_article_image-wrapper { aspect-ratio: 4/5 } .faq_full_component { grid-template-columns: 1fr } .hero_lvl2_video-wrapper.four-corners-radius { aspect-ratio: 2; aspect-ratio: 2 } } @media screen and (max-width: 479px) { body { --_ui-styles---stroke--border-quote:.1875rem; --_ui-styles---stroke--border-1: 1px; --_ui-styles---radius--large: 24px; --_ui-styles---radius--small: 12px; --_ui-styles---radius--medium: 16px; --_ui-styles---padding-global--small: 3.5rem; --_ui-styles---padding-global--medium: 5rem; --_ui-styles---padding-global--large: 7.5rem; --_ui-styles---radius--xxsmall: 4px; --_ui-styles---radius--xsmall: 8px; --_ui-styles---stroke--divider: 1px; --_ui-styles---padding-global--regular: 4rem; --_ui-styles---padding-global--xsmall: 2.5rem; --_ui-styles---padding-global--xxsmall: 1.5rem } .hide-mobile-portrait { display: none } .utility_component { height: 75vh } .utility_form-block { padding: var(--_main-collection---spacing--spacing-32) } .margin-top { margin-bottom: 0; margin-left: 0; margin-right: 0 } .margin-bottom { margin-top: 0; margin-left: 0; margin-right: 0 } .margin-left { margin-top: 0; margin-bottom: 0; margin-right: 0 } .margin-right { margin-top: 0; margin-bottom: 0; margin-left: 0 } .margin-vertical { margin-left: 0; margin-right: 0 } .margin-horizontal { margin-top: 0; margin-bottom: 0 } .padding-top { padding-bottom: 0; padding-left: 0; padding-right: 0 } .padding-bottom { padding-top: 0; padding-left: 0; padding-right: 0 } .padding-left { padding-top: 0; padding-bottom: 0; padding-right: 0 } .padding-right { padding-top: 0; padding-bottom: 0; padding-left: 0 } .padding-vertical { padding-left: 0; padding-right: 0 } .padding-horizontal { padding-top: 0; padding-bottom: 0 } .max-width-full-mobile-portrait { width: 100%; max-width: none } .button.is-icon { text-align: left; text-align: left } .button-group { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16) } .button-group.align-center { justify-content: center; align-items: center } .icon-embed-xsmall { flex: none } .rl-styleguide_component { grid-template-columns: 1fr } .icon-shape { padding: var(--_main-collection---spacing--spacing-8) } .card_body { padding-right: var(--_main-collection---spacing--spacing-12); padding-bottom: var(--_main-collection---spacing--spacing-12); padding-left: var(--_main-collection---spacing--spacing-12); grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16) } .card_body-vertical { padding-right: var(--_main-collection---spacing--spacing-12); padding-bottom: var(--_main-collection---spacing--spacing-16); padding-left: var(--_main-collection---spacing--spacing-12); grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24) } .card_blog_body { padding-bottom: var(--_main-collection---spacing--spacing-12); grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16) } .redirection_component.straight-top-left-corner { padding-right: var(--_main-collection---spacing--spacing-16); padding-left: var(--_main-collection---spacing--spacing-16); grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); padding-right: var(--_main-collection---spacing--spacing-16); padding-left: var(--_main-collection---spacing--spacing-16); grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); flex-flow: column-reverse; align-items: flex-end } .icon.is-icon { text-align: left; text-align: left } .redirection_content { width: 100% } .center_component { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16) } .center_body { grid-template-columns: 1fr } .center_content { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16) } .testimonial_card { padding: var(--_main-collection---spacing--spacing-24); grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16) } .testimonial_identity { grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12) } .testimonial_identity-media { flex: none; width: 40px; height: 40px } .testimonial_goal { grid-column-gap: var(--_main-collection---spacing--spacing-2); grid-row-gap: var(--_main-collection---spacing--spacing-2) } .testimonial_company_item { padding: var(--_main-collection---spacing--spacing-24); grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24) } .testimonial_header { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); flex-flow: column; justify-content: flex-start; align-items: flex-start } .testimonial_logo { max-width: 120px; max-height: 40px } .footer_contact_card { padding: var(--_main-collection---spacing--spacing-32); grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40) } .footer_contact_card.straight-top-left-corner { padding: var(--_main-collection---spacing--spacing-24); padding: var(--_main-collection---spacing--spacing-24) } .footer_myceran_card { padding: var(--_main-collection---spacing--spacing-32); grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56) } .footer_myceran_card.straight-bottom-left-corner { padding: var(--_main-collection---spacing--spacing-24); padding: var(--_main-collection---spacing--spacing-24) } .footer_row_two { padding: var(--_main-collection---spacing--spacing-32) } .footer_row_two.straight-top-right-corner { padding: var(--_main-collection---spacing--spacing-24); grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); padding: var(--_main-collection---spacing--spacing-24); grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24) } .footer_links_list { grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12) } .footer_column-links { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16) } .footer_navigation { grid-row-gap: var(--_main-collection---spacing--spacing-32) } .certifications_list { flex-flow: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-around } .certification_item { justify-content: center; align-items: center } .contact_card-icon-left { display: none } .newsletter_card { padding: var(--_main-collection---spacing--spacing-24); grid-column-gap: var(--_main-collection---spacing--spacing-32); grid-row-gap: var(--_main-collection---spacing--spacing-32); max-width: 100% } .icon-shape-copy { padding: var(--_main-collection---spacing--spacing-8) } .hero_scroll { grid-column-gap: var(--_main-collection---spacing--spacing-8); grid-row-gap: var(--_main-collection---spacing--spacing-8) } .hero_home_punchline-wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); text-align: center; flex-flow: column; justify-content: space-between } .hero_lvl2_media.four-corners-radius { aspect-ratio: 3/2; aspect-ratio: 3/2 } .hero_lvl2_wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56) } .persona_content { padding-right: 0 } .persona_card-slot { grid-template-columns: repeat(auto-fit,minmax(100%,1fr)); grid-auto-flow: row } .content-wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24) } .method_ceran_component,.method_row-one { grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40) } .kpi-list { flex-flow: wrap } .methode_block_text { padding: var(--_main-collection---spacing--spacing-24) } .bento_boxes_grid { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); grid-template-rows: repeat(auto-fit,minmax(200px,1fr)); grid-template-columns: minmax(100%,1fr) } .contact_gallery { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); grid-template-columns: 1fr; width: 95% } .faq_accordion { padding-right: var(--_main-collection---spacing--spacing-16); padding-left: var(--_main-collection---spacing--spacing-16) } .text_media_image { min-height: auto } .text_media_component { grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40); grid-template-columns: 1fr } .layout528_component,.layout540_component { grid-template-columns: 1fr } .language_level_content-wrapper { padding: var(--_main-collection---spacing--spacing-24) } .testimonials-b2b-collection { width: 100% } .added_values_grid { padding: var(--_main-collection---spacing--spacing-32)var(--_main-collection---spacing--spacing-24); grid-template-columns: repeat(auto-fit,100%) } .added_value_item { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16) } .collection-list { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24) } .kpis_component { grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40) } .kpis_grid { grid-template-columns: repeat(auto-fit,minmax(100%,1fr)) } .ceran_values_grid { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56) } .ceran_value_card { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); grid-template-columns: 100% } .ceran_value_icon { max-width: 48px } .support_process_step { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24) } .text_background_card { padding: var(--_main-collection---spacing--spacing-24); grid-column-gap: var(--_main-collection---spacing--spacing-32); grid-row-gap: var(--_main-collection---spacing--spacing-32); max-width: 100% } .learning_method_list { grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40) } .card_case_study { padding: var(--_main-collection---spacing--spacing-24) } .blog-collection-list { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24) } .collection-tabs-label-item { width: 100% } .persona_tabs_card { padding: var(--_main-collection---spacing--spacing-24); grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24) } .navbar_dropdown-column { grid-column-gap: var(--_main-collection---spacing--spacing-32); grid-row-gap: var(--_main-collection---spacing--spacing-32) } .navbar5_blog-list { grid-column-gap: 0px; grid-row-gap: .5rem; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid } .navbar_dropdown-content-left { grid-template-columns: 1fr } .navbar5_large-item-content { margin-top: 1rem } .navbar_dropdown-link { padding-left: 0 } .navbar5_blog-item { flex-direction: column; display: flex } .navbar_dropdown-content-middle { padding-bottom: var(--_main-collection---spacing--spacing-12); grid-template-columns: 1fr } .navbar_dropdown-second-level-content { grid-column-gap: var(--_main-collection---spacing--spacing-32); grid-row-gap: var(--_main-collection---spacing--spacing-32) } .navbar_button-group { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16) } .navbar_button.is-icon { text-align: left; text-align: left } .navbar_redirection_component.straight-top-left-corner { padding-right: var(--_main-collection---spacing--spacing-16); padding-left: var(--_main-collection---spacing--spacing-16); grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); padding-right: var(--_main-collection---spacing--spacing-16); padding-left: var(--_main-collection---spacing--spacing-16); grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); flex-flow: column-reverse; align-items: flex-end } .card_navbar { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); flex-flow: column; grid-template-columns: 1fr } .card_navbar_body { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16) } .card_navbar_content-wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-12); grid-row-gap: var(--_main-collection---spacing--spacing-12); padding-top: 0 } .navbar_mobile_menu-wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24) } .navbar_mobile_menu { padding-top: var(--_main-collection---spacing--spacing-24); padding-bottom: var(--_main-collection---spacing--spacing-24) } .navbar_mobile_dropdown-link { white-space: normal } .navbar_link_block-icon { padding: var(--_main-collection---spacing--spacing-8) } .card_content-wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24) } .form_content_wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-32); grid-row-gap: var(--_main-collection---spacing--spacing-32) } .faq_cta_card { padding-right: var(--_main-collection---spacing--spacing-24); padding-left: var(--_main-collection---spacing--spacing-24) } .publications_catalog_component { grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40) } .publications_collection_list { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24); grid-template-columns: repeat(auto-fit,100%) } .card_blog_content-wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-24); grid-row-gap: var(--_main-collection---spacing--spacing-24) } .prices_component-wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40) } .prices_grid { grid-column-gap: var(--_main-collection---spacing--spacing-32); grid-row-gap: var(--_main-collection---spacing--spacing-32); grid-template-columns: repeat(auto-fit,100%) } .hero_publication_wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56) } .hero_publication-meta-wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-16); grid-row-gap: var(--_main-collection---spacing--spacing-16); flex-flow: column; align-items: center } .publication_body_featured-book { padding: var(--_main-collection---spacing--spacing-24) } .publication_body_content { grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40) } .publication_body_intro { padding: var(--_main-collection---spacing--spacing-24) } .publication_sidebar-content { grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40) } .publication_body_featured-article { padding: var(--_main-collection---spacing--spacing-24) } .hero_book_wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56) } .book_presentation_component { grid-column-gap: var(--_main-collection---spacing--spacing-40); grid-row-gap: var(--_main-collection---spacing--spacing-40) } .button-copy.is-icon,.button-wrapper.is-icon,._w-button.is-icon,.button-nav.is-icon { text-align: left; text-align: left } .solutions-wrapper { grid-column-gap: var(--_main-collection---spacing--spacing-56); grid-row-gap: var(--_main-collection---spacing--spacing-56) } .hero_lvl2_video-wrapper.four-corners-radius { aspect-ratio: 3/2; aspect-ratio: 3/2 } .copyright { flex-flow: column; justify-content: flex-start; align-items: flex-start } } #w-node-faf773f6-ea70-b292-fd1a-a37feb4f75ee-eb4f75eb { align-self: center } @media screen and (max-width: 991px) { #w-node-_9d1885d0-00de-983f-df3f-ea93088d1993-088d1966 { grid-area:span 1/span 1/span 1/span 1 } #w-node-_9d1885d0-00de-983f-df3f-ea93088d19b9-088d1966,#w-node-_9d1885d0-00de-983f-df3f-ea93088d19df-088d1966,#w-node-_9d1885d0-00de-983f-df3f-ea93088d1a16-088d1966,#w-node-_9d1885d0-00de-983f-df3f-ea93088d1a43-088d1966 { grid-area: span 1/span 2/span 1/span 2 } } @media screen and (max-width: 767px) { #w-node-_3f65afda-1117-c7e1-890e-18d8ac4d9132-ac4d90be { grid-area:span 1/span 1/span 1/span 1 } #w-node-_9d1885d0-00de-983f-df3f-ea93088d1993-088d1966,#w-node-_9d1885d0-00de-983f-df3f-ea93088d19b9-088d1966,#w-node-_9d1885d0-00de-983f-df3f-ea93088d19df-088d1966,#w-node-_9d1885d0-00de-983f-df3f-ea93088d1a16-088d1966,#w-node-_9d1885d0-00de-983f-df3f-ea93088d1a43-088d1966 { grid-column: span 1/span 1 } }