*/ --main-display: flex; --main-flex-direction: column; --main-align-items: stretch; --main-padding: 0 0 64px; --main-background: transparent; /* Blocks */ /* Bullet List */ /* DEFAULT BLOCK */ /* Bullet list */ --bullet_list-display: flex; --bullet_list-flex-direction: column; --bullet_list-align-items: center; --bullet_list-justify-content: flex-start; --bullet_list-gap: 8px; --bullet_list-padding: 0 var(--g-content-padding) var(--g-content-padding); --bullet_list-padding-m: 0 var(--g-content-padding-m) var(--g-content-padding-m); --bullet_list-padding-l: 0 var(--g-content-padding-l) var(--g-content-padding-l); --bullet_list-margin: 0; --bullet_list-margin-m: 0; --bullet_list-margin-l: 0; --bullet_list-background: transparent; --bullet_list-list-style: disc inside; /* Bullet list item */ --bullet_list-item-width: 100%; --bullet_list-item-width-m: var(--g-content-max-width-m); --bullet_list-item-width-l: var(--g-content-max-width-l); --bullet_list-item-padding: 0; --bullet_list-item-padding-m: 0; --bullet_list-item-padding-l: 0; --bullet_list-item-margin: 0 0 0 2em; --bullet_list-item-margin-m: 0 0 0 2em; --bullet_list-item-margin-l: 0 0 0 2em; --bullet_list-item-background: transparent; --bullet_list-item-color: var(--g-th1-text-color); --bullet_list-item-font-family: inherit; --bullet_list-item-font-size: inherit; --bullet_list-item-font-size-m: inherit; --bullet_list-item-font-size-l: inherit; --bullet_list-item-font-weight: inherit; --bullet_list-item-font-style: inherit; --bullet_list-item-line-height: inherit; --bullet_list-item-letter-spacing: inherit; --bullet_list-item-text-transform: inherit; --bullet_list-item-text-align: inherit; /* Nested links */ --bullet_list-item-link-color: var(--g-th1-link-color); --bullet_list-item-link-hover-color: var(--g-th1-link-hover-color); --bullet_list-item-link-active-color: var(--g-th1-link-active-color); /* VARIANT 1 */ /* Bullet list */ --bullet_list--v1-display: flex; --bullet_list--v1-flex-direction: column; --bullet_list--v1-align-items: center; --bullet_list--v1-justify-content: flex-start; --bullet_list--v1-gap: 8px; --bullet_list--v1-padding: 0 var(--g-content-padding) var(--g-content-padding); --bullet_list--v1-padding-m: 0 var(--g-content-padding-m) var(--g-content-padding-m); --bullet_list--v1-padding-l: 0 var(--g-content-padding-l) var(--g-content-padding-l); --bullet_list--v1-margin: 0; --bullet_list--v1-margin-m: 0; --bullet_list--v1-margin-l: 0; --bullet_list--v1-background: var(--g-th2-background); --bullet_list--v1-list-style: disc inside; /* Bullet list item */ --bullet_list-item--v1-width: 100%; --bullet_list-item--v1-width-m: var(--g-content-max-width-m); --bullet_list-item--v1-width-l: var(--g-content-max-width-l); --bullet_list-item--v1-padding: 0; --bullet_list-item--v1-padding-m: 0; --bullet_list-item--v1-padding-l: 0; --bullet_list-item--v1-margin: 0 0 0 2em; --bullet_list-item--v1-margin-m: 0 0 0 2em; --bullet_list-item--v1-margin-l: 0 0 0 2em; --bullet_list-item--v1-background: transparent; --bullet_list-item--v1-color: var(--g-th2-text-color); --bullet_list-item--v1-font-family: inherit; --bullet_list-item--v1-font-size: inherit; --bullet_list-item--v1-font-size-m: inherit; --bullet_list-item--v1-font-size-l: inherit; --bullet_list-item--v1-font-weight: inherit; --bullet_list-item--v1-font-style: inherit; --bullet_list-item--v1-line-height: inherit; --bullet_list-item--v1-letter-spacing: inherit; --bullet_list-item--v1-text-transform: inherit; --bullet_list-item--v1-text-align: inherit; /* Nested links */ --bullet_list-item--v1-link-color: var(--g-th2-link-color); --bullet_list-item--v1-link-hover-color: var(--g-th2-link-hover-color); --bullet_list-item--v1-link-active-color: var(--g-th2-link-active-color); /* Heading */ /* DEFAULT BLOCK */ /* Heading */ --heading-display: flex; --heading-flex-direction: column; --heading-align-items: center; --heading-justify-content: flex-start; --heading-padding: 0 var(--g-content-padding) var(--g-content-padding); --heading-padding-m: 0 var(--g-content-padding-m) var(--g-content-padding-m); --heading-padding-l: 0 var(--g-content-padding-l) var(--g-content-padding-l); --heading-margin: 0; --heading-margin-m: 0; --heading-margin-l: 0; --heading-background: transparent; /* Heading inner */ --heading-inner-display: block; --heading-inner-width: 100%; --heading-inner-width-m: var(--g-content-max-width-m); --heading-inner-width-l: var(--g-content-max-width-l); --heading-inner-color: var(--g-heading-color); --heading-inner-font-family: var(--g-heading-font-family); --heading-inner-font-size: var(--g-heading-font-size-m); --heading-inner-font-size-m: var(--g-heading-font-size-l); --heading-inner-font-size-l: var(--g-heading-font-size-xl); --heading-inner-font-weight: var(--g-heading-font-weight); --heading-inner-font-style: var(--g-heading-font-style); --heading-inner-line-height: var(--g-heading-line-height); --heading-inner-letter-spacing: var(--g-heading-letter-spacing); --heading-inner-text-transform: var(--g-heading-text-transform); --heading-inner-text-align: var(--g-heading-text-align); /* Heading inner -> Links */ --heading-inner-link-color: var(--g-th1-link-color); --heading-inner-link-hover-color: var(--g-th1-link-hover-color); --heading-inner-link-active-color: var(--g-th1-link-active-color); /* VARIANT - 2XL */ /* Heading */ --heading--2xl-display: flex; --heading--2xl-flex-direction: column; --heading--2xl-align-items: center; --heading--2xl-justify-content: flex-start; --heading--2xl-padding: 0 var(--g-content-padding) var(--g-content-padding); --heading--2xl-padding-m: 0 var(--g-content-padding-m) var(--g-content-padding-m); --heading--2xl-padding-l: 0 var(--g-content-padding-l) var(--g-content-padding-l); --heading--2xl-margin: 0; --heading--2xl-margin-m: 0; --heading--2xl-margin-l: 0; --heading--2xl-background: transparent; /* Heading inner */ --heading-inner--2xl-display: block; --heading-inner--2xl-width: 100%; --heading-inner--2xl-width-m: var(--g-content-max-width-m); --heading-inner--2xl-width-l: var(--g-content-max-width-l); --heading-inner--2xl-color: var(--g-heading-color); --heading-inner--2xl-font-family: var(--g-heading-font-family); --heading-inner--2xl-font-size: var(--g-heading-font-size-m); --heading-inner--2xl-font-size-m: var(--g-heading-font-size-l); --heading-inner--2xl-font-size-l: var(--g-heading-font-size-xl); --heading-inner--2xl-font-weight: var(--g-heading-font-weight); --heading-inner--2xl-font-style: var(--g-heading-font-style); --heading-inner--2xl-line-height: var(--g-heading-line-height); --heading-inner--2xl-letter-spacing: var(--g-heading-letter-spacing); --heading-inner--2xl-text-transform: var(--g-heading-text-transform); --heading-inner--2xl-text-align: var(--g-heading-text-align); /* Heading inner -> Links */ --heading-inner--2xl-link-color: var(--g-th1-link-color); --heading-inner--2xl-link-hover-color: var(--g-th1-link-hover-color); --heading-inner--2xl-link-active-color: var(--g-th1-link-active-color); /* VARIANT - XL */ /* Heading */ --heading--xl-display: flex; --heading--xl-flex-direction: column; --heading--xl-align-items: center; --heading--xl-justify-content: flex-start; --heading--xl-padding: 0 var(--g-content-padding) var(--g-content-padding); --heading--xl-padding-m: 0 var(--g-content-padding-m) var(--g-content-padding-m); --heading--xl-padding-l: 0 var(--g-content-padding-l) var(--g-content-padding-l); --heading--xl-margin: 0; --heading--xl-margin-m: 0; --heading--xl-margin-l: 0; --heading--xl-background: transparent; /* Heading inner */ --heading-inner--xl-display: block; --heading-inner--xl-width: 100%; --heading-inner--xl-width-m: var(--g-content-max-width-m); --heading-inner--xl-width-l: var(--g-content-max-width-l); --heading-inner--xl-color: var(--g-heading-color); --heading-inner--xl-font-family: var(--g-heading-font-family); --heading-inner--xl-font-size: var(--g-heading-font-size-m); --heading-inner--xl-font-size-m: var(--g-heading-font-size-l); --heading-inner--xl-font-size-l: var(--g-heading-font-size-xl); --heading-inner--xl-font-weight: var(--g-heading-font-weight); --heading-inner--xl-font-style: var(--g-heading-font-style); --heading-inner--xl-line-height: var(--g-heading-line-height); --heading-inner--xl-letter-spacing: var(--g-heading-letter-spacing); --heading-inner--xl-text-transform: var(--g-heading-text-transform); --heading-inner--xl-text-align: var(--g-heading-text-align); /* Heading inner -> Links */ --heading-inner--xl-link-color: var(--g-th1-link-color); --heading-inner--xl-link-hover-color: var(--g-th1-link-hover-color); --heading-inner--xl-link-active-color: var(--g-th1-link-active-color); /* VARIANT - L */ /* Heading */ --heading--l-display: flex; --heading--l-flex-direction: column; --heading--l-align-items: center; --heading--l-justify-content: flex-start; --heading--l-padding: 0 var(--g-content-padding) var(--g-content-padding); --heading--l-padding-m: 0 var(--g-content-padding-m) var(--g-content-padding-m); --heading--l-padding-l: 0 var(--g-content-padding-l) var(--g-content-padding-l); --heading--l-margin: 0; --heading--l-margin-m: 0; --heading--l-margin-l: 0; --heading--l-background: transparent; /* Heading inner */ --heading-inner--l-display: block; --heading-inner--l-width: 100%; --heading-inner--l-width-m: var(--g-content-max-width-m); --heading-inner--l-width-l: var(--g-content-max-width-l); --heading-inner--l-color: var(--g-heading-color); --heading-inner--l-font-family: var(--g-heading-font-family); --heading-inner--l-font-size: var(--g-heading-font-size-m); --heading-inner--l-font-size-m: var(--g-heading-font-size-l); --heading-inner--l-font-size-l: var(--g-heading-font-size-xl); --heading-inner--l-font-weight: var(--g-heading-font-weight); --heading-inner--l-font-style: var(--g-heading-font-style); --heading-inner--l-line-height: var(--g-heading-line-height); --heading-inner--l-letter-spacing: var(--g-heading-letter-spacing); --heading-inner--l-text-transform: var(--g-heading-text-transform); --heading-inner--l-text-align: var(--g-heading-text-align); /* Heading inner -> Links */ --heading-inner--l-link-color: var(--g-th1-link-color); --heading-inner--l-link-hover-color: var(--g-th1-link-hover-color); --heading-inner--l-link-active-color: var(--g-th1-link-active-color); /* VARIANT - S */ /* Heading */ --heading--s-display: flex; --heading--s-flex-direction: column; --heading--s-align-items: center; --heading--s-justify-content: flex-start; --heading--s-padding: 0 var(--g-content-padding) var(--g-content-padding); --heading--s-padding-m: 0 var(--g-content-padding-m) var(--g-content-padding-m); --heading--s-padding-l: 0 var(--g-content-padding-l) var(--g-content-padding-l); --heading--s-margin: 0; --heading--s-margin-m: 0; --heading--s-margin-l: 0; --heading--s-background: transparent; /* Heading inner */ --heading-inner--s-display: block; --heading-inner--s-width: 100%; --heading-inner--s-width-m: var(--g-content-max-width-m); --heading-inner--s-width-l: var(--g-content-max-width-l); --heading-inner--s-color: var(--g-heading-color); --heading-inner--s-font-family: var(--g-heading-font-family); --heading-inner--s-font-size: var(--g-heading-font-size-m); --heading-inner--s-font-size-m: var(--g-heading-font-size-l); --heading-inner--s-font-size-l: var(--g-heading-font-size-xl); --heading-inner--s-font-weight: var(--g-heading-font-weight); --heading-inner--s-font-style: var(--g-heading-font-style); --heading-inner--s-line-height: var(--g-heading-line-height); --heading-inner--s-letter-spacing: var(--g-heading-letter-spacing); --heading-inner--s-text-transform: var(--g-heading-text-transform); --heading-inner--s-text-align: var(--g-heading-text-align); /* Heading inner -> Links */ --heading-inner--s-link-color: var(--g-th1-link-color); --heading-inner--s-link-hover-color: var(--g-th1-link-hover-color); --heading-inner--s-link-active-color: var(--g-th1-link-active-color); /* VARIANT - XS */ /* Heading */ --heading--xs-display: flex; --heading--xs-flex-direction: column; --heading--xs-align-items: center; --heading--xs-justify-content: flex-start; --heading--xs-padding: 0 var(--g-content-padding) var(--g-content-padding); --heading--xs-padding-m: 0 var(--g-content-padding-m) var(--g-content-padding-m); --heading--xs-padding-l: 0 var(--g-content-padding-l) var(--g-content-padding-l); --heading--xs-margin: 0; --heading--xs-margin-m: 0; --heading--xs-margin-l: 0; --heading--xs-background: transparent; /* Heading inner */ --heading-inner--xs-display: block; --heading-inner--xs-width: 100%; --heading-inner--xs-width-m: var(--g-content-max-width-m); --heading-inner--xs-width-l: var(--g-content-max-width-l); --heading-inner--xs-color: var(--g-heading-color); --heading-inner--xs-font-family: var(--g-heading-font-family); --heading-inner--xs-font-size: var(--g-heading-font-size-m); --heading-inner--xs-font-size-m: var(--g-heading-font-size-l); --heading-inner--xs-font-size-l: var(--g-heading-font-size-xl); --heading-inner--xs-font-weight: var(--g-heading-font-weight); --heading-inner--xs-font-style: var(--g-heading-font-style); --heading-inner--xs-line-height: var(--g-heading-line-height); --heading-inner--xs-letter-spacing: var(--g-heading-letter-spacing); --heading-inner--xs-text-transform: var(--g-heading-text-transform); --heading-inner--xs-text-align: var(--g-heading-text-align); /* Heading inner -> Links */ --heading-inner--xs-link-color: var(--g-th1-link-color); --heading-inner--xs-link-hover-color: var(--g-th1-link-hover-color); --heading-inner--xs-link-active-color: var(--g-th1-link-active-color); /* Heading 2XL */ /* Heading XL */ /* Heading L */ --typo-h-large-colour: var(--meta-swatch-mono-1); --typo-h-large-font-face: 'face1'; --typo-h-large-font-size: 40px; --typo-h-large-font-weight: bold; --typo-h-large-font-style: normal; --typo-h-large-line-height: 1.2; --typo-h-large-letter-spacing: -0.03rem; --typo-h-large-text-transform: none; --typo-h-large-text-align: left; --typo-h-large-margin: 1.5rem 0 0.7rem; /* Heading M */ --typo-h-medium-colour: var(--meta-swatch-mono-1); --typo-h-medium-font-face: 'face1'; --typo-h-medium-font-size: 24px; --typo-h-medium-font-weight: bold; --typo-h-medium-font-style: normal; --typo-h-medium-line-height: 1.2; --typo-h-medium-letter-spacing: -0.03rem; --typo-h-medium-text-transform: none; --typo-h-medium-text-align: left; --typo-h-medium-margin: 1.5rem 0 0.7rem; /* Heading S */ --typo-h-small-colour: var(--meta-swatch-mono-1); --typo-h-small-font-face: 'face1'; --typo-h-small-font-size: 18px; --typo-h-small-font-weight: bold; --typo-h-small-font-style: normal; --typo-h-small-line-height: 1.2; --typo-h-small-letter-spacing: -0.03rem; --typo-h-small-text-transform: none; --typo-h-small-text-align: left; --typo-h-small-margin: 1.5rem 0 0.7rem; /* Heading XS */ /* Heading 2XS */ /* Heading 3XS */ /* Image */ /* DEFAULT BLOCK */ /* Image */ --image-display: flex; --image-flex-direction: column; --image-align-items: center; --image-justify-content: center; --image-padding: 0 var(--g-content-padding) var(--g-content-padding); --image-padding-m: 0 var(--g-content-padding-m) var(--g-content-padding-m); --image-padding-l: 0 var(--g-content-padding-l) var(--g-content-padding-l); --image-margin: 0; --image-margin-m: 0; --image-margin-l: 0; --image-background: transparent; /* Image inner */ --image-inner-display: flex; --image-inner-flex-direction: column; --image-inner-align-items: center; --image-inner-justify-items: center; --image-inner-justify-content: center; --image-inner-gap: 8px; --image-inner-width: var(--g-content-max-width); --image-inner-width-m: var(--g-content-max-width-m); --image-inner-width-l: var(--g-content-max-width-l); --image-inner-padding: 0; --image-inner-padding-m: 0; --image-inner-padding-l: 0; --image-inner-margin: 0; --image-inner-margin-m: 0; --image-inner-margin-l: 0; --image-inner-background: transparent; --image-inner-border-radius: 0; --image-inner-border: none; --image-inner-overflow: hidden; /* Image file */ --image-file-width: unset; --image-file-height: unset; --image-file-min-width: var(--g-content-min-width); --image-file-max-width: var(--g-content-max-width); --image-file-justify-self: unset; --image-file-align-self: unset; --image-file-padding: 0; --image-file-margin: 0; --image-file-background: transparent; --image-file-border-radius: var(--g-border-radius); --image-file-border: none; --image-file-object-fit: cover; --image-file-object-position: center; /* Image caption */ --image-caption-display: block; --image-caption-width: 100%; --image-caption-height: auto; --image-caption-padding: 8px; --image-caption-margin: 0; --image-caption-background: transparent; --image-caption-color: var(--g-mono-2); --image-caption-font-family: var(--g-th1-font-family); --image-caption-font-size: var(--g-text-font-size-s); --image-caption-font-size-m: var(--g-text-font-size-s); --image-caption-font-size-l: var(--g-text-font-size-s); --image-caption-font-weight: var(--g-th1-font-weight); --image-caption-font-style: var(--g-th1-font-style); --image-caption-line-height: var(--g-th1-line-height); --image-caption-letter-spacing: var(--g-th1-letter-spacing); --image-caption-text-transform: var(--g-th1-text-transform); --image-caption-text-align: center; /* Image caption -> Links */ --image-caption-link-color: var(--g-th1-link-color); --image-caption-link-hover-color: var(--g-th1-link-hover-color); --image-caption-link-active-color: var(--g-th1-link-active-color); /* VARIANT 1 */ /* Image */ --image--v1-display: flex; --image--v1-flex-direction: column; --image--v1-align-items: center; --image--v1-justify-content: center; --image--v1-padding: 0 0 var(--g-content-padding) 0; --image--v1-margin: 0; --image--v1-background: transparent; /* Image inner */ --image-inner--v1-display: flex; --image-inner--v1-flex-direction: column; --image-inner--v1-align-items: center; --image-inner--v1-justify-items: center; --image-inner--v1-justify-content: center; --image-inner--v1-gap: 8px; --image-inner--v1-width: 100%; --image-inner--v1-width-m: 100%; --image-inner--v1-width-l: 100%; --image-inner--v1-padding: 0; --image-inner--v1-padding-m: 0; --image-inner--v1-padding-l: 0; --image-inner--v1-margin: 0; --image-inner--v1-margin-m: 0; --image-inner--v1-margin-l: 0; --image-inner--v1-background: transparent; --image-inner--v1-border-radius: 0; --image-inner--v1-border: none; --image-inner--v1-overflow: hidden; /* Image file */ --image-file--v1-width: unset; --image-file--v1-height: unset; --image-file--v1-min-width: var(--g-content-min-width); --image-file--v1-max-width: var(--g-content-max-width); --image-file--v1-justify-self: unset; --image-file--v1-align-self: unset; --image-file--v1-padding: 0; --image-file--v1-margin: 0; --image-file--v1-background: transparent; --image-file--v1-border-radius: var(--g-border-radius); --image-file--v1-border: none; --image-file--v1-object-fit: cover; --image-file--v1-object-position: center; /* Image caption */ --image-caption--v1-display: block; --image-caption--v1-width: 100%; --image-caption--v1-height: auto; --image-caption--v1-padding: 8px; --image-caption--v1-margin: 0; --image-caption--v1-background: transparent; --image-caption--v1-color: var(--g-mono-2); --image-caption--v1-font-family: var(--g-th1-font-family); --image-caption--v1-font-size: var(--g-text-font-size-s); --image-caption--v1-font-size-m: var(--g-text-font-size-s); --image-caption--v1-font-size-l: var(--g-text-font-size-s); --image-caption--v1-font-weight: var(--g-th1-font-weight); --image-caption--v1-font-style: var(--g-th1-font-style); --image-caption--v1-line-height: var(--g-th1-line-height); --image-caption--v1-letter-spacing: var(--g-th1-letter-spacing); --image-caption--v1-text-transform: var(--g-th1-text-transform); --image-caption--v1-text-align: center; /* Image caption -> Links */ --image-caption--v1-link-color: var(--g-th1-link-color); --image-caption--v1-link-hover-color: var(--g-th1-link-hover-color); --image-caption--v1-link-active-color: var(--g-th1-link-active-color); /* VARIANT 2 */ /* Image */ --image--v2-display: flex; --image--v2-flex-direction: column; --image--v2-align-items: center; --image--v2-padding: 0 var(--g-content-padding) var(--g-content-padding); --image--v2-margin: 0; --image--v2-background: transparent; /* Image inner */ --image-inner--v2-display: flex; --image-inner--v2-flex-direction: row; --image-inner--v2-align-items: center; --image-inner--v2-justify-items: center; --image-inner--v2-justify-content: center; --image-inner--v2-gap: 8px; --image-inner--v2-width: var(--g-content-max-width); --image-inner--v2-width-m: var(--g-content-max-width-m); --image-inner--v2-width-l: var(--g-content-max-width-l); --image-inner--v2-padding: 0; --image-inner--v2-padding-m: 0; --image-inner--v2-padding-l: 0; --image-inner--v2-margin: 0; --image-inner--v2-margin-m: 0; --image-inner--v2-margin-l: 0; --image-inner--v2-background: var(--g-mono-4); --image-inner--v2-border-radius: var(--g-border-radius); --image-inner--v2-border: none; --image-inner--v2-overflow: hidden; /* Image file */ --image-file--v2-width: 100px; --image-file--v2-height: unset; --image-file--v2-min-width: unset; --image-file--v2-max-width: unset; --image-file--v2-min-height: 100px; --image-file--v2-max-height: unset; --image-file--v2-justify-self: unset; --image-file--v2-align-self: unset; --image-file--v2-padding: 0; --image-file--v2-margin: 0; --image-file--v2-background: transparent; --image-file--v2-border-radius: var(--g-border-radius); --image-file--v2-border: none; --image-file--v2-object-fit: cover; --image-file--v2-object-position: center; /* Image caption */ --image-caption--v2-display: block; --image-caption--v2-width: 100%; --image-caption--v2-height: auto; --image-caption--v2-padding: 16px 24px 16px 20px; --image-caption--v2-margin: 0; --image-caption--v2-background: transparent; --image-caption--v2-color: var(--g-mono-2); --image-caption--v2-font-family: var(--g-th1-font-family); --image-caption--v2-font-size: var(--g-text-font-size-s); --image-caption--v2-font-size-m: var(--g-text-font-size-s); --image-caption--v2-font-size-l: var(--g-text-font-size-s); --image-caption--v2-font-weight: var(--g-th1-font-weight); --image-caption--v2-font-style: var(--g-th1-font-style); --image-caption--v2-line-height: var(--g-th1-line-height); --image-caption--v2-letter-spacing: var(--g-th1-letter-spacing); --image-caption--v2-text-transform: var(--g-th1-text-transform); --image-caption--v2-text-align: left; /* Image caption -> Links */ --image-caption--v2-link-color: var(--g-th1-link-color); --image-caption--v2-link-hover-color: var(--g-th1-link-hover-color); --image-caption--v2-link-active-color: var(--g-th1-link-active-color); /* Link */ --link-color: var(--g-link-color); --link-text-decoration: underline; --link-hover-color: var(--g-link-hover-color); --link-hover-text-decoration: none; --link-active-color: var(--g-link-active-color); --link-active-text-decoration: underline; /* Metabox */ /* DEFAULT BLOCK */ /* Metabox */ --metabox-display: flex; --metabox-flex-direction: column; --metabox-align-items: center; --metabox-justify-content: center; --metabox-padding: 0 var(--g-content-padding) var(--g-content-padding); --metabox-padding-m: 0 var(--g-content-padding-m) var(--g-content-padding-m); --metabox-padding-l: 0 var(--g-content-padding-l) var(--g-content-padding-l); --metabox-margin: var(--g-content-padding) 0 0 0; --metabox-margin-m: var(--g-content-padding-m) 0 0 0; --metabox-margin-l: var(--g-content-padding-l) 0 0 0; --metabox-background: transparent; /* Metabox Inner */ --metabox-inner-display: flex; --metabox-inner-flex-direction: row; --metabox-inner-align-items: center; --metabox-inner-justify-content: space-between; --metabox-inner-gap: 16px; --metabox-inner-width: 100%; --metabox-inner-width-m: var(--g-content-width-m); --metabox-inner-width-l: var(--g-content-width-l); --metabox-inner-padding: var(--g-content-padding) var(--g-border-radius); --metabox-inner-padding-m: var(--g-content-padding-m) var(--g-border-radius); --metabox-inner-padding-l: var(--g-content-padding-l) var(--g-border-radius); --metabox-inner-margin: 0; --metabox-inner-margin-m: 0; --metabox-inner-margin-l: 0; --metabox-inner-background: var(--g-mono-4); --metabox-inner-border-radius: var(--g-border-radius); --metabox-inner-border: none; /* Metabox Label */ --metabox-label-padding: 0; --metabox-label-padding-m: 0; --metabox-label-padding-l: 0; --metabox-label-color: rgba(var(--g-th1-text-color)); --metabox-label-font-family: var(--g-th1-font-family); --metabox-label-font-size: var(--g-text-font-size-s); --metabox-label-font-size-m: var(--g-text-font-size-s); --metabox-label-font-size-l: var(--g-text-font-size-s); --metabox-label-font-weight: var(--g-th1-font-weight); --metabox-label-font-style: var(--g-th1-font-style); --metabox-label-line-height: var(--g-th1-line-height); --metabox-label-letter-spacing: var(--g-th1-letter-spacing); --metabox-label-text-transform: var(--g-th1-text-transform); --metabox-label-text-align: var(--g-th1-text-align); --metabox-label-border-right: none; --metabox-label-border-left: none; /* Metabox Data */ --metabox-data-padding: 0; --metabox-data-padding-m: 0; --metabox-data-padding-l: 0; --metabox-data-color: rgba(var(--g-th1-text-color)); --metabox-data-font-family: var(--g-th1-font-family); --metabox-data-font-size: var(--g-text-font-size-s); --metabox-data-font-size-m: var(--g-text-font-size-s); --metabox-data-font-size-l: var(--g-text-font-size-s); --metabox-data-font-weight: var(--g-th1-font-weight); --metabox-data-font-style: var(--g-th1-font-style); --metabox-data-line-height: var(--g-th1-line-height); --metabox-data-letter-spacing: var(--g-th1-letter-spacing); --metabox-data-text-transform: var(--g-th1-text-transform); --metabox-data-text-align: right; --metabox-data-border-right: none; --metabox-data-border-left: none; /* VARIANT 1 */ /* Metabox */ --metabox--v1-display: flex; --metabox--v1-flex-direction: column; --metabox--v1-align-items: center; --metabox--v1-justify-content: center; --metabox--v1-padding: 0 var(--g-content-padding) var(--g-content-padding); --metabox--v1-padding-m: 0 var(--g-content-padding-m) var(--g-content-padding-m); --metabox--v1-padding-l: 0 var(--g-content-padding-l) var(--g-content-padding-l); --metabox--v1-margin: var(--g-content-padding) 0 0 0; --metabox--v1-margin-m: var(--g-content-padding-m) 0 0 0; --metabox--v1-margin-l: var(--g-content-padding-l) 0 0 0; --metabox--v1-background: transparent; /* Metabox Inner */ --metabox-inner--v1-display: flex; --metabox-inner--v1-flex-direction: column; --metabox-inner--v1-align-items: start; --metabox-inner--v1-justify-content: space-between; --metabox-inner--v1-gap: 0; --metabox-inner--v1-width: 100%; --metabox-inner--v1-width-m: var(--g-content-width-m); --metabox-inner--v1-width-l: var(--g-content-width-l); --metabox-inner--v1-padding: 0; --metabox-inner--v1-padding-m: 0; --metabox-inner--v1-padding-l: 0; --metabox-inner--v1-margin: 0; --metabox-inner--v1-margin-m: 0; --metabox-inner--v1-margin-l: 0; --metabox-inner--v1-background: transparent; --metabox-inner--v1-border-radius: 0; --metabox-inner--v1-border: none; /* Metabox Label */ --metabox-label--v1-padding: 0; --metabox-label--v1-padding-m: 0; --metabox-label--v1-padding-l: 0; --metabox-label--v1-color: rgba(var(--g-th1-text-color)); --metabox-label--v1-font-family: var(--g-th1-font-family); --metabox-label--v1-font-size: var(--g-text-font-size-s); --metabox-label--v1-font-size-m: var(--g-text-font-size-s); --metabox-label--v1-font-size-l: var(--g-text-font-size-s); --metabox-label--v1-font-weight: var(--g-th1-font-weight); --metabox-label--v1-font-style: var(--g-th1-font-style); --metabox-label--v1-line-height: var(--g-th1-line-height); --metabox-label--v1-letter-spacing: var(--g-th1-letter-spacing); --metabox-label--v1-text-transform: var(--g-th1-text-transform); --metabox-label--v1-text-align: var(--g-th1-text-align); --metabox-label--v1-border-right: none; --metabox-label--v1-border-left: none; /* Metabox Data */ --metabox-data--v1-padding: 0; --metabox-data--v1-padding-m: 0; --metabox-data--v1-padding-l: 0; --metabox-data--v1-color: rgba(var(--g-th1-text-color)); --metabox-data--v1-font-family: var(--g-th1-font-family); --metabox-data--v1-font-size: var(--g-text-font-size-s); --metabox-data--v1-font-size-m: var(--g-text-font-size-s); --metabox-data--v1-font-size-l: var(--g-text-font-size-s); --metabox-data--v1-font-weight: var(--g-th1-font-weight); --metabox-data--v1-font-style: var(--g-th1-font-style); --metabox-data--v1-line-height: var(--g-th1-line-height); --metabox-data--v1-letter-spacing: var(--g-th1-letter-spacing); --metabox-data--v1-text-transform: var(--g-th1-text-transform); --metabox-data--v1-text-align: left; --metabox-data--v1-border-right: none; --metabox-data--v1-border-left: none; /* VARIANT 2 */ /* Metabox */ --metabox--v2-display: flex; --metabox--v2-flex-direction: column; --metabox--v2-align-items: center; --metabox--v2-justify-content: center; --metabox--v2-padding: 0 var(--g-content-padding) var(--g-content-padding); --metabox--v2-padding: 0 var(--g-content-padding-m) var(--g-content-padding-m); --metabox--v2-padding: 0 var(--g-content-padding-l) var(--g-content-padding-l); --metabox--v2-margin: var(--g-content-padding) 0 0 0; --metabox--v2-margin: var(--g-content-padding-m) 0 0 0; --metabox--v2-margin: var(--g-content-padding-l) 0 0 0; --metabox--v2-background: transparent; /* Metabox Inner */ --metabox-inner--v2-display: flex; --metabox-inner--v2-flex-direction: row; --metabox-inner--v2-align-items: center; --metabox-inner--v2-justify-content: start; --metabox-inner--v2-gap: 0; --metabox-inner--v2-width: 100%; --metabox-inner--v2-width-m: var(--g-content-width-m); --metabox-inner--v2-width-l: var(--g-content-width-l); --metabox-inner--v2-padding: var(--g-content-padding) var(--g-border-radius); --metabox-inner--v2-padding-m: var(--g-content-padding-m) var(--g-border-radius); --metabox-inner--v2-padding-l: var(--g-content-padding-l) var(--g-border-radius); --metabox-inner--v2-margin: 0; --metabox-inner--v2-margin-m: 0; --metabox-inner--v2-margin-l: 0; --metabox-inner--v2-background: var(--g-mono-4); --metabox-inner--v2-border-radius: 0; --metabox-inner--v2-border: none; /* Metabox Label */ --metabox-label--v2-padding: 0 12px 0 0; --metabox-label--v2-padding-m: 0 12px 0 0; --metabox-label--v2-padding-l: 0 12px 0 0; --metabox-label--v2-color: rgba(var(--g-th1-text-color)); --metabox-label--v2-font-family: var(--g-th1-font-family); --metabox-label--v2-font-size: var(--g-text-font-size-s); --metabox-label--v2-font-size-m: var(--g-text-font-size-s); --metabox-label--v2-font-size-l: var(--g-text-font-size-s); --metabox-label--v2-font-weight: var(--g-th1-font-weight); --metabox-label--v2-font-style: var(--g-th1-font-style); --metabox-label--v2-line-height: var(--g-th1-line-height); --metabox-label--v2-letter-spacing: var(--g-th1-letter-spacing); --metabox-label--v2-text-transform: var(--g-th1-text-transform); --metabox-label--v2-text-align: var(--g-th1-text-align); --metabox-label--v2-border-right: 1px solid var(--g-mono-3); --metabox-label--v2-border-left: none; /* Metabox Data */ --metabox-data--v2-padding: 0 0 0 12px; --metabox-data--v2-padding-m: 0 0 0 12px; --metabox-data--v2-padding-l: 0 0 0 12px; --metabox-data--v2-color: rgba(var(--g-th1-text-color)); --metabox-data--v2-font-family: var(--g-th1-font-family); --metabox-data--v2-font-size: var(--g-text-font-size-s); --metabox-data--v2-font-size-m: var(--g-text-font-size-s); --metabox-data--v2-font-size-l: var(--g-text-font-size-s); --metabox-data--v2-font-weight: var(--g-th1-font-weight); --metabox-data--v2-font-style: var(--g-th1-font-style); --metabox-data--v2-line-height: var(--g-th1-line-height); --metabox-data--v2-letter-spacing: var(--g-th1-letter-spacing); --metabox-data--v2-text-transform: var(--g-th1-text-transform); --metabox-data--v2-text-align: left; --metabox-data--v2-border-right: none; --metabox-data--v2-border-left: none; /* Number List */ /* DEFAULT BLOCK */ /* Number list */ --number_list-display: flex; --number_list-flex-direction: column; --number_list-align-items: center; --number_list-justify-content: flex-start; --number_list-gap: 8px; --number_list-padding: 0 var(--g-content-padding) var(--g-content-padding); --number_list-padding-m: 0 var(--g-content-padding-m) var(--g-content-padding-m); --number_list-padding-l: 0 0 var(--g-content-padding-l); --number_list-margin: 0; --number_list-margin-m: 0; --number_list-margin-l: 0; --number_list-background: transparent; --number_list-list-style: decimal outside; /* Number list item */ --number_list-item-width: 100%; --number_list-item-width-m: var(--g-content-max-width-m); --number_list-item-width-l: var(--g-content-max-width-l); --number_list-item-padding: 0; --number_list-item-padding-m: 0; --number_list-item-padding-l: 0; --number_list-item-margin: 0 0 0 2em; --number_list-item-margin-m: 0 0 0 2em; --number_list-item-margin-l: 0 0 0 2em; --number_list-item-background: transparent; --number_list-item-color: inherit; --number_list-item-font-family: inherit; --number_list-item-font-size: inherit; --number_list-item-font-size-m: inherit; --number_list-item-font-size-l: inherit; --number_list-item-font-weight: inherit; --number_list-item-font-style: inherit; --number_list-item-line-height: inherit; --number_list-item-letter-spacing: inherit; --number_list-item-text-transform: inherit; --number_list-item-text-align: inherit; /* Number list item -> links */ --number_list-item-link-color: var(--g-link-color); --number_list-item-link-hover-color: var(--g-link-hover-color); --number_list-item-link-active-color: var(--g-link-active-color); /* VARIANT 1 */ /* Number list */ --number_list--v1-display: flex; --number_list--v1-flex-direction: column; --number_list--v1-align-items: center; --number_list--v1-justify-content: flex-start; --number_list--v1-gap: 8px; --number_list--v1-padding: 0 var(--g-content-padding) var(--g-content-padding); --number_list--v1-padding-m: 0 var(--g-content-padding-m) var(--g-content-padding-m); --number_list--v1-padding-l: 0 0 var(--g-content-padding-l); --number_list--v1-margin: 0; --number_list--v1-margin-m: 0; --number_list--v1-margin-l: 0; --number_list--v1-background: transparent; --number_list--v1-list-style: decimal inside; /* Number list Item */ --number_list-item--v1-width: 100%; --number_list-item--v1-width-m: var(--g-content-max-width-m); --number_list-item--v1-width-l: var(--g-content-max-width-l); --number_list-item--v1-padding: 0; --number_list-item--v1-padding-m: 0; --number_list-item--v1-padding-l: 0; --number_list-item--v1-margin: 0 0 0 2em; --number_list-item--v1-margin-m: 0 0 0 2em; --number_list-item--v1-margin-l: 0 0 0 2em; --number_list-item--v1-background: transparent; --number_list-item--v1-color: inherit; --number_list-item--v1-font-family: inherit; --number_list-item--v1-font-size: inherit; --number_list-item--v1-font-size-m: inherit; --number_list-item--v1-font-size-l: inherit; --number_list-item--v1-font-weight: inherit; --number_list-item--v1-font-style: inherit; --number_list-item--v1-line-height: inherit; --number_list-item--v1-letter-spacing: inherit; --number_list-item--v1-text-transform: inherit; --number_list-item--v1-text-align: inherit; /* Number list Item -> links */ --number_list-item--v1-link-color: var(--g-th1-link-color); --number_list-item--v1-link-hover-color: var(--g-th1-link-hover-color); --number_list-item--v1-link-active-color: var(--g-th1-link-active-color); /* Quote */ /* DEFAULT BLOCK */ /* Quote */ --quote-display: flex; --quote-flex-direction: column; --quote-align-items: flex-start; --quote-justify-content: center; --quote-padding: 0 20% 0 0; --quote-padding-m: 0 20% 0 0; --quote-padding-l: 0 20% 0 0; --quote-margin: 0 0 var(--g-content-padding) 0; --quote-margin-m: 0 0 var(--g-content-padding-m) 0; --quote-margin-l: 0 0 var(--g-content-padding-l) 0; --quote-background: transparent; /* Quote Inner */ --quote-inner-display: flex; --quote-inner-flex-direction: column; --quote-inner-align-items: stretch; --quote-inner-justify-content: flex-start; --quote-inner-gap: 16px; --quote-inner-width: var(--g-content-width); --quote-inner-width-m: var(--g-content-width-m); --quote-inner-width-l: var(--g-content-width-l); --quote-inner-margin: 0; --quote-inner-margin-m: 0; --quote-inner-margin-l: 0; --quote-inner-padding: 24px; --quote-inner-padding-m: 24px; --quote-inner-padding-l: 24px; --quote-inner-background: var(--g-color-2); --quote-inner-border-radius: 0 var(--g-border-radius) var(--g-border-radius) 0; --quote-inner-border: none; --quote-inner-border-top: none; --quote-inner-border-right: none; --quote-inner-border-bottom: none; --quote-inner-border-left: none; /* Quote Text */ --quote-text-color: rgba(var(--g-th1-text-color)); --quote-text-font-family: var(--g-th1-font-family); --quote-text-font-size: var(--g-text-font-size-s); --quote-text-font-size-m: var(--g-text-font-size-s); --quote-text-font-size-l: var(--g-text-font-size-s); --quote-text-font-weight: var(--g-th1-font-weight); --quote-text-font-style: var(--g-th1-font-style); --quote-text-line-height: var(--g-th1-line-height); --quote-text-letter-spacing: var(--g-th1-letter-spacing); --quote-text-text-transform: var(--g-th1-text-transform); --quote-text-text-align: var(--g-th1-text-align); /* Quote Text::before */ --quote-text-before-color: rgba(var(--g-th1-text-color)); --quote-text-before-font-family: var(--g-th1-font-family); --quote-text-before-font-size: var(--g-text-font-size-s); --quote-text-before-font-size-m: var(--g-text-font-size-s); --quote-text-before-font-size-l: var(--g-text-font-size-s); --quote-text-before-font-weight: var(--g-th1-font-weight); --quote-text-before-font-style: var(--g-th1-font-style); --quote-text-before-line-height: var(--g-th1-line-height); --quote-text-before-letter-spacing: var(--g-th1-letter-spacing); --quote-text-before-text-transform: var(--g-th1-text-transform); --quote-text-before-text-align: var(--g-th1-text-align); --quote-text-before-content: open-quote; /* Quote Text::after */ --quote-text-after-color: rgba(var(--g-th1-text-color)); --quote-text-after-font-family: var(--g-th1-font-family); --quote-text-after-font-size: var(--g-text-font-size-s); --quote-text-after-font-size-m: var(--g-text-font-size-s); --quote-text-after-font-size-l: var(--g-text-font-size-s); --quote-text-after-font-weight: var(--g-th1-font-weight); --quote-text-after-font-style: var(--g-th1-font-style); --quote-text-after-line-height: var(--g-th1-line-height); --quote-text-after-letter-spacing: var(--g-th1-letter-spacing); --quote-text-after-text-transform: var(--g-th1-text-transform); --quote-text-after-text-align: var(--g-th1-text-align); --quote-text-after-content: close-quote; /* Quote text -> links */ --quote-text-link-color: var(--g-link-color); --quote-text-link-hover-color: var(--g-link-hover-color); --quote-text-link-active-color: var(--g-link-active-color); /* Quote Caption */ --quote-caption-color: rgba(var(--g-th1-text-color)); --quote-caption-font-family: var(--g-th1-font-family); --quote-caption-font-size: var(--g-text-font-size-s); --quote-caption-font-size-m: var(--g-text-font-size-s); --quote-caption-font-size-l: var(--g-text-font-size-s); --quote-caption-font-weight: var(--g-th1-font-weight); --quote-caption-font-style: var(--g-th1-font-style); --quote-caption-line-height: var(--g-th1-line-height); --quote-caption-letter-spacing: var(--g-th1-letter-spacing); --quote-caption-text-transform: var(--g-th1-text-transform); --quote-caption-text-align: var(--g-th1-text-align); /* Quote Caption -> links */ --quote-caption-link-color: var(--g-link-color); --quote-caption-link-hover-color: var(--g-link-hover-color); --quote-caption-link-active-color: var(--g-link-active-color); /* VARIANT 1 */ /* Quote */ --quote--v1-display: flex; --quote--v1-flex-direction: column; --quote--v1-align-items: flex-start; --quote--v1-justify-content: center; --quote--v1-padding: 0 20% 0 0; --quote--v1-padding-m: 0 20% 0 0; --quote--v1-padding-l: 0 20% 0 0; --quote--v1-margin: 0 0 var(--g-content-padding) 0; --quote--v1-margin-m: 0 0 var(--g-content-padding-m) 0; --quote--v1-margin-l: 0 0 var(--g-content-padding-l) 0; --quote--v1-background: transparent; /* Quote Inner */ --quote-inner--v1-display: flex; --quote-inner--v1-flex-direction: column; --quote-inner--v1-align-items: stretch; --quote-inner--v1-justify-content: flex-start; --quote-inner--v1-gap: 16px; --quote-inner--v1-width: var(--g-content-width); --quote-inner--v1-width-m: var(--g-content-width-m); --quote-inner--v1-width-l: var(--g-content-width-l); --quote-inner--v1-margin: 0; --quote-inner--v1-margin-m: 0; --quote-inner--v1-margin-l: 0; --quote-inner--v1-padding: 24px; --quote-inner--v1-padding-m: 24px; --quote-inner--v1-padding-l: 24px; --quote-inner--v1-background: var(--g-color-2); --quote-inner--v1-border-radius: 0 var(--g-border-radius) var(--g-border-radius) 0; --quote-inner--v1-border: none; --quote-inner--v1-border-top: none; --quote-inner--v1-border-right: none; --quote-inner--v1-border-bottom: none; --quote-inner--v1-border-left: none; /* Quote Text */ --quote-text--v1-color: rgba(var(--g-th1-text-color)); --quote-text--v1-font-family: var(--g-th1-font-family); --quote-text--v1-font-size: var(--g-text-font-size-s); --quote-text--v1-font-size-m: var(--g-text-font-size-s); --quote-text--v1-font-size-l: var(--g-text-font-size-s); --quote-text--v1-font-weight: var(--g-th1-font-weight); --quote-text--v1-font-style: var(--g-th1-font-style); --quote-text--v1-line-height: var(--g-th1-line-height); --quote-text--v1-letter-spacing: var(--g-th1-letter-spacing); --quote-text--v1-text-transform: var(--g-th1-text-transform); --quote-text--v1-text-align: var(--g-th1-text-align); /* Quote Text::before */ --quote-text--v1-before-color: rgba(var(--g-th1-text-color)); --quote-text--v1-before-font-family: var(--g-th1-font-family); --quote-text--v1-before-font-size: var(--g-text-font-size-s); --quote-text--v1-before-font-size-m: var(--g-text-font-size-s); --quote-text--v1-before-font-size-l: var(--g-text-font-size-s); --quote-text--v1-before-font-weight: var(--g-th1-font-weight); --quote-text--v1-before-font-style: var(--g-th1-font-style); --quote-text--v1-before-line-height: var(--g-th1-line-height); --quote-text--v1-before-letter-spacing: var(--g-th1-letter-spacing); --quote-text--v1-before-text-transform: var(--g-th1-text-transform); --quote-text--v1-before-text-align: var(--g-th1-text-align); --quote-text--v1-before-content: open-quote; /* Quote Text::after */ --quote-text--v1-after-color: rgba(var(--g-th1-text-color)); --quote-text--v1-after-font-family: var(--g-th1-font-family); --quote-text--v1-after-font-size: var(--g-text-font-size-s); --quote-text--v1-after-font-size-m: var(--g-text-font-size-s); --quote-text--v1-after-font-size-l: var(--g-text-font-size-s); --quote-text--v1-after-font-weight: var(--g-th1-font-weight); --quote-text--v1-after-font-style: var(--g-th1-font-style); --quote-text--v1-after-line-height: var(--g-th1-line-height); --quote-text--v1-after-letter-spacing: var(--g-th1-letter-spacing); --quote-text--v1-after-text-transform: var(--g-th1-text-transform); --quote-text--v1-after-text-align: var(--g-th1-text-align); --quote-text--v1-after-content: close-quote; /* Quote text -> links */ --quote-text--v1-link-color: var(--g-link-color); --quote-text--v1-link-hover-color: var(--g-link-hover-color); --quote-text--v1-link-active-color: var(--g-link-active-color); /* Quote Caption */ --quote-caption--v1-color: rgba(var(--g-th1-text-color)); --quote-caption--v1-font-family: var(--g-th1-font-family); --quote-caption--v1-font-size: var(--g-text-font-size-s); --quote-caption--v1-font-size-m: var(--g-text-font-size-s); --quote-caption--v1-font-size-l: var(--g-text-font-size-s); --quote-caption--v1-font-weight: var(--g-th1-font-weight); --quote-caption--v1-font-style: var(--g-th1-font-style); --quote-caption--v1-line-height: var(--g-th1-line-height); --quote-caption--v1-letter-spacing: var(--g-th1-letter-spacing); --quote-caption--v1-text-transform: var(--g-th1-text-transform); --quote-caption--v1-text-align: var(--g-th1-text-align); /* Quote Caption -> links */ --quote-caption--v1-link-color: var(--g-link-color); --quote-caption--v1-link-hover-color: var(--g-link-hover-color); --quote-caption--v1-link-active-color: var(--g-link-active-color); /* Spacer */ /* DEFAULT BLOCK */ --spacer-normal-height: 16px; --spacer-normal-height-m: 16px; --spacer-normal-height-l: 16px; /* VARIANT - LARGE */ --spacer-large-height: 24px; --spacer-large-height-m: 24px; --spacer-large-height-l: 24px; /* VARIANT - SMALL */ --spacer-small-height: 8px; --spacer-small-height-m: 8px; --spacer-small-height-l: 8px; /* Text */ /* DEFAULT BLOCK */ /* Text */ --text-display: flex; --text-flex-direction: column; --text-align-items: center; --text-padding: 0 var(--g-content-padding) var(--g-content-padding); --text-padding-m: 0 var(--g-content-padding-m) var(--g-content-padding-m); --text-padding-l: 0 var(--g-content-padding-l) var(--g-content-padding-l); --text-margin: 0; --text-margin-m: 0; --text-margin-l: 0; --text-background: transparent; /* Text inner */ --text-inner-display: block; --text-inner-width: var(--g-content-max-width); --text-inner-width-m: var(--g-content-max-width-m); --text-inner-width-l: var(--g-content-max-width-l); --text-inner-color: inherit; --text-inner-font-family: inherit; --text-inner-font-size: inherit; --text-inner-font-size-m: inherit; --text-inner-font-size-l: inherit; --text-inner-font-weight: inherit; --text-inner-font-style: inherit; --text-inner-line-height: inherit; --text-inner-letter-spacing: inherit; --text-inner-text-transform: inherit; --text-inner-text-align: inherit; /* Text inner -> Links */ --text-inner-link-color: var(--g-th1-link-color); --text-inner-link-hover-color: var(--g-th1-link-hover-color); --text-inner-link-active-color: var(--g-th1-link-active-color); /* VARIANT - LARGE */ /* Text */ --text--l-display: flex; --text--l-flex-direction: column; --text--l-align-items: center; --text--l-padding: 0 var(--g-content-padding) var(--g-content-padding); --text--l-padding-m: 0 var(--g-content-padding-m) var(--g-content-padding-m); --text--l-padding-l: 0 var(--g-content-padding-l) var(--g-content-padding-l); --text--l-margin: 0; --text--l-margin-m: 0; --text--l-margin-l: 0; --text--l-background: transparent; /* Text inner */ --text-inner--l-display: block; --text-inner--l-width: var(--g-content-max-width); --text-inner--l-width-m: var(--g-content-max-width-m); --text-inner--l-width-l: var(--g-content-max-width-l); --text-inner--l-color: inherit; --text-inner--l-font-family: inherit; --text-inner--l-font-size: var(--g-text-font-size-l); --text-inner--l-font-size-m: var(--g-text-font-size-l); --text-inner--l-font-size-l: var(--g-text-font-size-l); --text-inner--l-font-weight: inherit; --text-inner--l-font-style: inherit; --text-inner--l-line-height: inherit; --text-inner--l-letter-spacing: inherit; --text-inner--l-text-transform: inherit; --text-inner--l-text-align: inherit; /* Text inner -> Links */ --text-inner--l-link-color: var(--g-th1-link-color); --text-inner--l-link-hover-color: var(--g-th1-link-hover-color); --text-inner--l-link-active-color: var(--g-th1-link-active-color); /* VARIANT - SMALL */ /* Text */ --text--s-display: flex; --text--s-flex-direction: column; --text--s-align-items: center; --text--s-padding: 0 var(--g-content-padding) var(--g-content-padding); --text--s-padding-m: 0 var(--g-content-padding-m) var(--g-content-padding-m); --text--s-padding-l: 0 var(--g-content-padding-l) var(--g-content-padding-l); --text--s-margin: 0; --text--s-margin-m: 0; --text--s-margin-l: 0; --text--s-background: transparent; /* Text inner */ --text-inner--s-display: block; --text-inner--s-width: var(--g-content-max-width); --text-inner--s-width-m: var(--g-content-max-width-m); --text-inner--s-width-l: var(--g-content-max-width-l); --text-inner--s-color: inherit; --text-inner--s-font-family: inherit; --text-inner--s-font-size: var(--g-text-font-size-s); --text-inner--s-font-size-m: var(--g-text-font-size-s); --text-inner--s-font-size-l: var(--g-text-font-size-s); --text-inner--s-font-weight: inherit; --text-inner--s-font-style: inherit; --text-inner--s-line-height: inherit; --text-inner--s-letter-spacing: inherit; --text-inner--s-text-transform: inherit; --text-inner--s-text-align: inherit; /* Text inner -> Links */ --text-inner--s-link-color: var(--g-th1-link-color); --text-inner--s-link-hover-color: var(--g-th1-link-hover-color); --text-inner--s-link-active-color: var(--g-th1-link-active-color); /* Text modifiers */ /* Emphasis */ --em-font-style: italic; /* Strong */ --strong-font-weight: bold; } /* Do not remove! */ /* Themes */ :root.dashboard { } :root.checklist { --theme-checklist-spacer-sections: 24px; } :root.articles { --forms-segmented-btn-item-label-size: 16px; } :root.feed { } :root.question { --theme-template-align-content: end; --page-header-spacer-bottom: 12px; --page-header-spacer-bottom-m: 40px; --page-header-spacer-bottom-l: 40px; --page-actions-button-margin: var(--coach-spacer-input) var(--coach-spacer-input) 0 0; --page-actions-button-margin-m: var(--coach-spacer-input) var(--coach-spacer-input) 0 0; --page-actions-button-margin-l: var(--coach-spacer-input) var(--coach-spacer-input) 0 0; /* Segmented buttons */ } :root.article { /* 12 Column Content Grid */ --pattern-layout-spacer-bottom-s: 0px; --pattern-layout-spacer-bottom-ml: 0px; --theme-page-header-bg-colour: var(--meta-swatch-mono-5); --page-header-spacer-top: 24px; --page-header-spacer-below-heading: 0; --page-header-spacer-bottom: 0; --page-header-spacer-top-m: 40px; --page-header-spacer-below-heading-m: 0; --page-header-spacer-bottom-m: 0; --page-header-spacer-top-l: 40px; --page-header-spacer-below-heading-l: 0; --page-header-spacer-bottom-l: 0; --typo-a-hover-colour: var(--meta-swatch-colour-1); --typo-a-active-colour: var(--meta-swatch-colour-1); --typo-a-visited-bg-colour: var(--meta-swatch-colour-1); } :root.blog { } :root.help { } :root.checkpoint { } :root.account-complete { } :root.tour { --theme-bg-colour: var(--meta-swatch-colour-1); --theme-bg-attachment: fixed; --theme-bg-image-url: url(/config/images/fhc-tour.jpg); --theme-bg-image-repeat: no-repeat; --theme-bg-image-size: cover; --theme-bg-image-position: center center; --theme-nav-top-bg-colour: transparent; --theme-nav-top-icon-off-colour: var(--meta-swatch-mono-5); --nav-top-logo-width: 0px; --theme-nav-top-bg-colour: transparent; --theme-nav-top-bg-image-url: none; --theme-nav-top-keyline: none; } :root.tour1 { } :root.tour2 { } :root.tour3 { } :root.tour4 { } :root.tour5 { } :root.start { --theme-page-header-bg-colour: var(--meta-swatch-mono-5); --page-header-spacer-top: 24px; --page-header-spacer-below-heading: 0; --page-header-spacer-bottom: 0; --page-header-spacer-top-m: 40px; --page-header-spacer-below-heading-m: 0; --page-header-spacer-bottom-m: 0; --page-header-spacer-top-l: 40px; --page-header-spacer-below-heading-l: 0; --page-header-spacer-bottom-l: 0; } :root.result { --theme-page-header-bg-colour: var(--meta-swatch-mono-5); --page-header-spacer-top: 24px; --page-header-spacer-below-heading: 0; --page-header-spacer-bottom: 0; --page-header-spacer-top-m: 40px; --page-header-spacer-below-heading-m: 0; --page-header-spacer-bottom-m: 0; --page-header-spacer-top-l: 40px; --page-header-spacer-below-heading-l: 0; --page-header-spacer-bottom-l: 0; } :root.landing { --typo-h1-margin: 0.07rem 0; --typo-h2-margin: 0.07rem 0; --typo-h3-margin: 0.07rem 0; } :root.landing1 { } :root.account-signup { --swatch-forms-checkbox-bg-on: transparent; --swatch-forms-checkbox-border-on: none; --swatch-forms-checkbox-icon-on: var(--meta-swatch-colour-3); --swatch-forms-checkbox-bg-off: transparent; --swatch-forms-checkbox-border-off: none; --swatch-forms-checkbox-icon-off: transparent; --effect-forms-checkbox-border-radius: 0; } :root.account-login { } :root.account-reset-password { } :root.account-home { } :root.account-home-option { --page-actions-button-margin: var(--coach-spacer-input) var(--coach-spacer-input) 0 0; --page-actions-button-margin-m: var(--coach-spacer-input) var(--coach-spacer-input) 0 0; --page-actions-button-margin-l: var(--coach-spacer-input) var(--coach-spacer-input) 0 0; } :root.lifescore-home { } :root.lifescore-reward { } :root.vm-ff-goal { } :root.vm-wiwr { } :root.vm-plan { } :root.vm-deposit-builder { } :root.vm-lifescore-home { } :root.property-page { /* Property header*/ } :root.inflation-poll { } :root.investor-quiz { } :root.story { --body-padding: 0; --feedback-block-padding: 0; --feedback-block-margin: 40px 0 0; --feedback-block-background: transparent; --theme-page-header-bg-colour: var(--meta-swatch-colour-2); --theme-page-header-heading-colour: var(--meta-swatch-mono-5); --theme-page-header-sub-heading-colour: var(--meta-swatch-mono-5); --typo-p-font-size: 2vh; --typo-p-font-size-m: 2vh; --typo-p-font-size-l: 2vh; --typo-p-margin: 1.4vh 0; --typo-h2-font-size: 4vh; --typo-h2-font-size-m: 4.3vh; --typo-h2-font-size-l: 4.4vh; --typo-h2-margin: 1.4vh 0; --typo-ul-padding: 0 0 1.4vh 2.8vh; --typo-ol-padding: 0 0 1.4vh 2.8vh; --page-header-spacer-bottom: 30px; --page-header-spacer-bottom-m: 30px; --page-header-spacer-bottom-l: 30px; --page-header-heading-size: 4vh; --page-header-heading-size-m: 4.5vh; --page-header-heading-size-l: 4.7vh; --page-header-sub-heading-size: 3.1vh; --page-header-sub-heading-size-m: 3.1vh; --page-header-sub-heading-size-l: 3.1vh; --progress-indicator-container-margin: 10px 0; --app-progress-bar-height: 30px; } :root.story1 { /* Dark text on light bg */ /* Slide container */ --story-slide-background: url(/config/images/story-bg-light.png) center center / cover var(--meta-swatch-mono-5); /* Page header */ --theme-page-header-bg-colour: transparent; --theme-page-header-heading-colour: var(--meta-swatch-colour-1); /* Words */ --typo-h2-colour: var(--meta-swatch-colour-1); --typo-h2-font-face: 'face1'; --typo-h2-font-size: 3.2vh; --typo-h2-font-weight: bold; --typo-h2-font-style: normal; --typo-h2-margin: 16px 0; --typo-p-medium-colour: var(--meta-swatch-mono-1); --typo-p-medium-font-face: 'face1'; --typo-p-medium-font-size: 2.2vh; --typo-p-medium-font-weight: normal; --typo-p-medium-font-style: normal; --typo-p-medium-margin: 0 0 16px; --typo-ul-colour: var(--meta-swatch-mono-1); --typo-ul-font-face: 'face1'; --typo-ul-font-size: 2.2vh; --typo-ul-font-weight: normal; --typo-ul-font-style: normal; } :root.story2 { /* Light text on dark bg */ /* Slide container */ --story-slide-background: url(/config/images/story-bg-dark.png) center center / cover var(--meta-swatch-colour-6); /* Page header */ --theme-page-header-bg-colour: transparent; --theme-page-header-heading-colour: var(--meta-swatch-mono-5); /* Words */ --typo-h2-colour: var(--meta-swatch-mono-5); --typo-h2-font-face: 'face1'; --typo-h2-font-size: 3.2vh; --typo-h2-font-weight: bold; --typo-h2-font-style: normal; --typo-h2-margin: 16px 0; --typo-p-medium-colour: var(--meta-swatch-mono-5); --typo-p-medium-font-face: 'face1'; --typo-p-medium-font-size: 2.2vh; --typo-p-medium-font-weight: normal; --typo-p-medium-font-style: normal; --typo-p-medium-margin: 0 0 16px; --typo-ul-colour: var(--meta-swatch-mono-1); --typo-ul-font-face: 'face1'; --typo-ul-font-size: 2.2vh; --typo-ul-font-weight: normal; --typo-ul-font-style: normal; } :root.story3 { /* Slide container */ /* Page header */ /* Words */ } :root.goals { } :root.goal { } :root.onboarding { } :root.goal-prioritisation { } :root.goal-performance { } :root.positive-impact { } :root.coins { }