/*!
Theme Name: test Theme
Theme URI: http://underscores.me/
Author: QZR srl
Author URI: http://qzrstudio.com/
Description: QZR Theme for test
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: test-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

test Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* Base styles: resets, grid, common variables, responsiveness, mixins, typography general rules */
/* VARIABLES */
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");
@import url("https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap");
:root {
	--surface-object-secondary-standard: rgba(61,176,224,1);
	--surface-object-secondary-container: rgba(193,231,245,1);
	--surface-object-primary-standard: rgba(244,181,68,1);
	--surface-object-primary-container: rgba(255,229,163,1);
	--surface-background-grayscale-standard: rgba(255,255,255,1);
	--surface-background-grayscale-low: rgba(242,242,242,1);
	--surface-background-grayscale-high: rgba(189,189,189,1);
	--surface-container-grayscale-low: rgba(242,242,242,1);
	--surface-container-grayscale-standard: rgba(214,214,214,1);
	--surface-container-grayscale-high: rgba(163,163,163,1);
	--surface-container-grayscale-lowest: rgba(255,255,255,1);
	--surface-container-grayscale-highest: rgba(135,135,135,1);
	--surface-object-alert-standard: rgba(233,44,50,1);
	--surface-object-alert-container: rgba(254,176,175,1);
	--surface-object-opacity-standard-dim: rgba(17,17,17,0.2);
	--surface-object-opacity-low-dim: rgba(17,17,17,0.5);
	--surface-object-opacity-high-dim: rgba(17,17,17,0.07);
	--surface-object-opacity-high-bright: rgba(255,255,255,0.1);
	--surface-object-opacity-standard-bright: rgba(255,255,255,0.2);
	--surface-object-opacity-low-light: rgba(255,255,255,0.7);
	--border-stroke-color-secondary: rgba(61,176,224,1);
	--border-stroke-color-standard: rgba(17,17,17,1);
	--border-stroke-color-inverse: rgba(255,255,255,1);
	--border-stroke-color-opacity-low: rgba(255,255,255,0.1);
	--border-stroke-color-opacity-high: rgba(17,17,17,0.1);
	--border-stroke-color-opacity-highest: rgba(17,17,17,0.35);
	--border-stroke-color-primary: rgba(244,181,68,1);
	--border-stroke-color-alert: rgba(233,44,50,1);
	--text-on-secondary-basic-variant: rgba(61,176,224,1);
	--text-on-secondary-standard: rgba(0,0,0,1);
	--text-on-secondary-container: rgba(0,0,0,1);
	--text-on-primary-standard: rgba(0,0,0,1);
	--text-on-primary-container: rgba(0,0,0,1);
	--text-on-primary-basic-variant: rgba(244,181,68,1);
	--text-on-grayscale-standard: rgba(17,17,17,1);
	--text-on-grayscale-opacity-lowest: rgba(255,255,255,0.6);
	--text-on-grayscale-opacity-highest: rgba(17,17,17,0.6);
	--text-on-grayscale-opacity-high: rgba(17,17,17,0.35);
	--text-on-grayscale-opacity-low: rgba(255,255,255,0.4);
	--text-on-alert-standard: rgba(0,0,0,1);
	--text-on-alert-container: rgba(0,0,0,1);
	--text-on-alert-basic-variant: rgba(233,44,50,1);
	--surface-object-tertiary-standard: rgba(246,83,158,1);
	--surface-object-tertiary-container: rgba(253,211,231,1);
	--text-on-tertiary-standard: rgba(0,0,0,1);
	--text-on-tertiary-container: rgba(0,0,0,1);
	--text-on-tertiary-basic-variant: rgba(246,83,158,1);
	--text-on-grayscale-inverse: rgba(255,255,255,1);
	--border-stroke-color-tertiary: rgba(246,83,158,1);
	--surface-object-quaternary-standard: rgba(124,175,73,1);
	--surface-object-quaternary-container: rgba(211,231,187,1);
	--text-on-quaternary-standard: rgba(0,0,0,1);
	--text-on-quaternary-container: rgba(0,0,0,1);
	--text-on-quaternary-basic-variant: rgba(124,175,73,1);
	--border-stroke-color-quartary: rgba(124,175,73,1);
	--surface-background-grayscale-inverse: rgba(17,17,17,1);
	--border-stroke-color-opacity-lowest: rgba(255,255,255,0.4);
	--border-stroke-color-opacity-hightest: rgba(17,17,17,0.35);
	--surface-background-primary-standard: rgba(246,193,73,1);
	--surface-background-primary-lower: rgba(255,242,209,1);
	--surface-background-primary-low: rgba(255,229,163,1);
	--surface-background-primary-inverse: rgba(235,118,52,1);
	--surface-container-primary-lowest: rgba(255,255,255,1);
	--surface-container-primary-low: rgba(255,249,235,1);
	--surface-container-primary-standard: rgba(255,242,209,1);
	--surface-container-primary-high: rgba(255,229,163,1);
	--surface-container-primary-highest: rgba(246,193,73,1);
	--surface-object-primary-lowest: rgba(255,249,235,1);
	--surface-object-secondary-lowest: rgba(242,250,253,1);
	--surface-object-tertiary-lowest: rgba(254,245,250,1);
	--surface-object-quaternary-lowest: rgba(243,248,236,1);
	--surface-object-alert-lowest: rgba(255,235,235,1);
	--surface-container-grayscale-inverse: rgba(17,17,17,1);
	--surface-container-primary-inverse: rgba(235,118,52,1);
	--surface-container-secondary-lowest: rgba(255,255,255,1);
	--surface-container-secondary-low: rgba(242,250,253,1);
	--surface-container-secondary-standard: rgba(224,243,250,1);
	--surface-container-secondary-high: rgba(193,231,245,1);
	--surface-container-secondary-highest: rgba(103,195,231,1);
	--surface-container-secondary-inverse: rgba(24,111,148,1);
	--surface-container-tertiary-lowest: rgba(255,255,255,1);
	--surface-container-tertiary-low: rgba(254,245,250,1);
	--surface-container-tertiary-standard: rgba(254,231,241,1);
	--surface-container-tertiary-high: rgba(253,211,231,1);
	--surface-container-tertiary-highest: rgba(249,143,193,1);
	--surface-container-tertiary-inverse: rgba(196,0,89,1);
	--surface-container-quaternary-lowest: rgba(255,255,255,1);
	--surface-container-quaternary-low: rgba(243,248,236,1);
	--surface-container-quaternary-standard: rgba(233,243,221,1);
	--surface-container-quaternary-high: rgba(211,231,187,1);
	--surface-container-quaternary-highest: rgba(141,193,82,1);
	--surface-container-quaternary-inverse: rgba(57,101,40,1);
	--surface-background-secondary-lower: rgba(224,243,250,1);
	--surface-background-secondary-low: rgba(193,231,245,1);
	--surface-background-secondary-standard: rgba(103,195,231,1);
	--surface-background-secondary-inverse: rgba(24,111,148,1);
	--surface-background-tertiary-lower: rgba(254,231,241,1);
	--surface-background-tertiary-low: rgba(253,211,231,1);
	--surface-background-tertiary-standard: rgba(249,143,193,1);
	--surface-background-tertiary-inverse: rgba(196,0,89,1);
	--surface-background-quaternary-lower: rgba(233,243,221,1);
	--surface-background-quaternary-low: rgba(211,231,187,1);
	--surface-background-quaternary-standard: rgba(141,193,82,1);
	--surface-background-quaternary-inverse: rgba(57,101,40,1);
}

.dark {
	--surface-object-secondary-standard: rgba(163,218,240,1);
	--surface-object-secondary-container: rgba(32,159,215,1);
	--surface-object-primary-standard: rgba(255,217,122,1);
	--surface-object-primary-container: rgba(243,173,67,1);
	--surface-background-grayscale-standard: rgba(17,17,17,1);
	--surface-background-grayscale-low: rgba(31,31,31,1);
	--surface-background-grayscale-high: rgba(84,84,84,1);
	--surface-container-grayscale-low: rgba(31,31,31,1);
	--surface-container-grayscale-standard: rgba(56,56,56,1);
	--surface-container-grayscale-high: rgba(110,110,110,1);
	--surface-container-grayscale-lowest: rgba(17,17,17,1);
	--surface-container-grayscale-highest: rgba(135,135,135,1);
	--surface-object-alert-standard: rgba(253,136,134,1);
	--surface-object-alert-container: rgba(213,32,44,1);
	--surface-object-opacity-standard-dim: rgba(255,255,255,0.2);
	--surface-object-opacity-low-dim: rgba(255,255,255,0.7);
	--surface-object-opacity-high-dim: rgba(255,255,255,0.1);
	--surface-object-opacity-high-bright: rgba(17,17,17,0.1);
	--surface-object-opacity-standard-bright: rgba(17,17,17,0.2);
	--surface-object-opacity-low-light: rgba(17,17,17,0.7);
	--border-stroke-color-secondary: rgba(61,176,224,1);
	--border-stroke-color-standard: rgba(17,17,17,1);
	--border-stroke-color-inverse: rgba(255,255,255,1);
	--border-stroke-color-opacity-low: rgba(17,17,17,0.2);
	--border-stroke-color-opacity-high: rgba(255,255,255,0.2);
	--border-stroke-color-primary: rgba(244,181,68,1);
	--border-stroke-color-alert: rgba(233,44,50,1);
	--text-on-secondary-basic-variant: rgba(61,176,224,1);
	--text-on-secondary-standard: rgba(0,0,0,1);
	--text-on-secondary-container: rgba(242,250,253,1);
	--text-on-primary-standard: rgba(0,0,0,1);
	--text-on-primary-container: rgba(242,250,253,1);
	--text-on-primary-basic-variant: rgba(244,181,68,1);
	--text-on-grayscale-standard: rgba(255,255,255,1);
	--text-on-grayscale-opacity-lowest: rgba(17,17,17,0.6);
	--text-on-grayscale-opacity-highest: rgba(255,255,255,0.6);
	--text-on-grayscale-opacity-high: rgba(255,255,255,0.4);
	--text-on-grayscale-opacity-low: rgba(17,17,17,0.35);
	--text-on-alert-standard: rgba(0,0,0,1);
	--text-on-alert-container: rgba(255,235,235,1);
	--text-on-alert-basic-variant: rgba(233,44,50,1);
	--surface-object-tertiary-standard: rgba(251,187,217,1);
	--surface-object-tertiary-container: rgba(244,33,129,1);
	--text-on-tertiary-standard: rgba(0,0,0,1);
	--text-on-tertiary-container: rgba(254,245,250,1);
	--text-on-tertiary-basic-variant: rgba(246,83,158,1);
	--text-on-grayscale-inverse: rgba(17,17,17,1);
	--border-stroke-color-tertiary: rgba(246,83,158,1);
	--surface-object-quaternary-standard: rgba(186,217,150,1);
	--surface-object-quaternary-container: rgba(106,154,64,1);
	--text-on-quaternary-standard: rgba(0,0,0,1);
	--text-on-quaternary-container: rgba(243,248,236,1);
	--text-on-quaternary-basic-variant: rgba(124,175,73,1);
	--border-stroke-color-quartary: rgba(124,175,73,1);
	--surface-background-grayscale-inverse: rgba(255,255,255,1);
	--border-stroke-color-opacity-lowest: rgba(17,17,17,0.6);
	--border-stroke-color-opacity-hightest: rgba(255,255,255,0.6);
	--surface-background-primary-standard: rgba(243,173,67,1);
	--surface-background-primary-lower: rgba(235,118,52,1);
	--surface-background-primary-low: rgba(240,149,60,1);
	--surface-background-primary-inverse: rgba(255,242,209,1);
	--surface-container-primary-lowest: rgba(17,17,17,1);
	--surface-container-primary-low: rgba(0,0,0,1);
	--surface-container-primary-standard: rgba(235,118,52,1);
	--surface-container-primary-high: rgba(240,149,60,1);
	--surface-container-primary-highest: rgba(243,173,67,1);
	--surface-object-primary-lowest: rgba(235,118,52,1);
	--surface-object-secondary-lowest: rgba(24,111,148,1);
	--surface-object-tertiary-lowest: rgba(196,0,89,1);
	--surface-object-quaternary-lowest: rgba(57,101,40,1);
	--surface-object-alert-lowest: rgba(166,23,33,1);
	--surface-container-grayscale-inverse: rgba(242,242,242,1);
	--surface-container-primary-inverse: rgba(255,242,209,1);
	--surface-container-secondary-lowest: rgba(17,17,17,1);
	--surface-container-secondary-low: rgba(0,0,0,1);
	--surface-container-secondary-standard: rgba(24,111,148,1);
	--surface-container-secondary-high: rgba(27,133,179,1);
	--surface-container-secondary-highest: rgba(32,159,215,1);
	--surface-container-secondary-inverse: rgba(224,243,250,1);
	--surface-container-tertiary-lowest: rgba(17,17,17,1);
	--surface-container-tertiary-low: rgba(0,0,0,1);
	--surface-container-tertiary-standard: rgba(196,0,89,1);
	--surface-container-tertiary-high: rgba(238,0,106,1);
	--surface-container-tertiary-highest: rgba(244,33,129,1);
	--surface-container-tertiary-inverse: rgba(254,231,241,1);
	--surface-container-quaternary-lowest: rgba(17,17,17,1);
	--surface-container-quaternary-low: rgba(0,0,0,1);
	--surface-container-quaternary-standard: rgba(57,101,40,1);
	--surface-container-quaternary-high: rgba(88,135,56,1);
	--surface-container-quaternary-highest: rgba(106,154,64,1);
	--surface-container-quaternary-inverse: rgba(233,243,221,1);
	--surface-background-secondary-lower: rgba(24,111,148,1);
	--surface-background-secondary-low: rgba(27,133,179,1);
	--surface-background-secondary-standard: rgba(32,159,215,1);
	--surface-background-secondary-inverse: rgba(224,243,250,1);
	--surface-background-tertiary-lower: rgba(196,0,89,1);
	--surface-background-tertiary-low: rgba(238,0,106,1);
	--surface-background-tertiary-standard: rgba(244,33,129,1);
	--surface-background-tertiary-inverse: rgba(254,231,241,1);
	--surface-background-quaternary-lower: rgba(57,101,40,1);
	--surface-background-quaternary-low: rgba(88,135,56,1);
	--surface-background-quaternary-standard: rgba(106,154,64,1);
	--surface-background-quaternary-inverse: rgba(233,243,221,1);
}

@media (max-width: 767px) {
	:root {
		--border-stroke-l: 0.25rem;
		--screen-width: 23.44rem;
		--padding-xs: 0.25rem;
		--padding-s: 0.50rem;
		--padding-m: 0.75rem;
		--padding-l: 1.00rem;
		--padding-xl: 2.00rem;
		--padding-none: 0.00rem;
		--padding-body: 3.75rem;
		--padding-xxl: 2.50rem;
		--margin-none: 0.00rem;
		--margin-xs: 0.25rem;
		--margin-s: 0.50rem;
		--margin-m: 0.75rem;
		--margin-l: 1.00rem;
		--margin-xl: 1.50rem;
		--margin-xxl: 2.50rem;
		--gap-none: 0.00rem;
		--gap-xs: 0.25rem;
		--gap-s: 0.50rem;
		--gap-m: 0.75rem;
		--gap-l: 1.25rem;
		--gap-xl: 2.50rem;
		--border-radius-xs: 0.50rem;
		--border-radius-s: 0.75rem;
		--border-radius-xl: 3.00rem;
		--border-radius-l: 2.00rem;
		--border-radius-m: 1.50rem;
		--border-radius-none: 0.00rem;
		--icon-size-s: 1.50rem;
		--icon-size-m: 1.75rem;
		--icon-size-l: 2.00rem;
		--icon-size-xl: 2.00rem;
		--icon-size-xs: 1.25rem;
		--icon-size-xxs: 1.00rem;
		--screen-heigth: 50.75rem;
		--main-column-padding: 0.75rem;
		--main-column-max-width: 23.4375rem;
		--border-stroke-s: 0.0625rem;
		--border-stroke-none: 0.00rem;
		--border-radius-xxs: 0.25rem;
		--border-stroke-m: 0.125rem;
		--icon-size-xxxs: 0.50rem;
	}
	.display {
		font-family: Poppins;
		font-weight: 500;
		font-size: 2.625rem;
		line-height: 3rem;
		letter-spacing: 0rem;
	}
	.heading-big {
		font-family: Poppins;
		font-weight: 500;
		font-size: 2.125rem;
		line-height: 2.5rem;
		letter-spacing: 0rem;
	}
	.heading-big-bold {
		font-family: Poppins;
		font-weight: 700;
		font-size: 2.125rem;
		line-height: 2.5rem;
		letter-spacing: 0rem;
	}
	.heading-small {
		font-family: Poppins;
		font-weight: 500;
		font-size: 1.875rem;
		line-height: 2.125rem;
		letter-spacing: 0rem;
	}
	.heading-small-bold {
		font-family: Poppins;
		font-weight: 700;
		font-size: 1.875rem;
		line-height: 2.125rem;
		letter-spacing: 0rem;
	}
	.title-big {
		font-family: Poppins;
		font-weight: 500;
		font-size: 1.5rem;
		line-height: 1.75rem;
		letter-spacing: 0rem;
	}
	.title-big-bold {
		font-family: Poppins;
		font-weight: 700;
		font-size: 1.5rem;
		line-height: 1.75rem;
		letter-spacing: 0rem;
	}
	.title-small {
		font-family: Poppins;
		font-weight: 500;
		font-size: 1.25rem;
		line-height: 1.5rem;
		letter-spacing: 0rem;
	}
	.title-small-bold {
		font-family: Poppins;
		font-weight: 700;
		font-size: 1.25rem;
		line-height: 1.5rem;
		letter-spacing: 0rem;
	}
	.body-big {
		font-family: Poppins;
		font-weight: 500;
		font-size: 1.0625rem;
		line-height: 1.375rem;
		letter-spacing: 0rem;
	}
	.body-big-bold {
		font-family: Poppins;
		font-weight: 700;
		font-size: 1.0625rem;
		line-height: 1.375rem;
		letter-spacing: 0rem;
	}
	.body-small {
		font-family: Poppins;
		font-weight: 500;
		font-size: 0.875rem;
		line-height: 1.25rem;
		letter-spacing: 0rem;
	}
	.body-small-bold {
		font-family: Poppins;
		font-weight: 700;
		font-size: 0.875rem;
		line-height: 1.25rem;
		letter-spacing: 0rem;
	}
	.label-big {
		font-family: Poppins;
		font-weight: 500;
		font-size: 0.6875rem;
		line-height: 0.875rem;
		letter-spacing: 0rem;
	}
	.label-big-medium {
		font-family: Poppins;
		font-weight: 500;
		font-size: 0.6875rem;
		line-height: 0.875rem;
		letter-spacing: 0rem;
	}
	.label-big-bold {
		font-family: Poppins;
		font-weight: 700;
		font-size: 0.6875rem;
		line-height: 0.875rem;
		letter-spacing: 0rem;
	}
	.label-small {
		font-family: Poppins;
		font-weight: 500;
		font-size: 0.625rem;
		line-height: 0.75rem;
		letter-spacing: 0rem;
	}
	.button-big {
		font-family: Poppins;
		font-weight: 700;
		font-size: 1.0625rem;
		line-height: 1.375rem;
		letter-spacing: 0rem;
	}
	.button-medium {
		font-family: Poppins;
		font-weight: 700;
		font-size: 0.875rem;
		line-height: 1.25rem;
		text-transform: uppercase;
		letter-spacing: 0rem;
	}
	.button-small {
		font-family: Poppins;
		font-weight: 700;
		font-size: 0.6875rem;
		line-height: 0.875rem;
		text-transform: uppercase;
		letter-spacing: 0rem;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	:root {
		--border-stroke-l: 0.25rem;
		--screen-width: 64.00rem;
		--padding-xs: 0.25rem;
		--padding-s: 0.50rem;
		--padding-m: 0.75rem;
		--padding-l: 1.00rem;
		--padding-xl: 2.50rem;
		--padding-none: 0.00rem;
		--padding-body: 10rem;
		--padding-xxl: 4.00rem;
		--margin-none: 0.00rem;
		--margin-xs: 0.50rem;
		--margin-s: 0.75rem;
		--margin-m: 1.00rem;
		--margin-l: 1.25rem;
		--margin-xl: 2.50rem;
		--margin-xxl: 5.00rem;
		--gap-none: 0.00rem;
		--gap-xs: 0.25rem;
		--gap-s: 0.50rem;
		--gap-m: 1.00rem;
		--gap-l: 1.25rem;
		--gap-xl: 3.00rem;
		--border-radius-xs: 0.75rem;
		--border-radius-s: 1.00rem;
		--border-radius-xl: 3.00rem;
		--border-radius-l: 2.50rem;
		--border-radius-m: 2.00rem;
		--border-radius-none: 0.00rem;
		--icon-size-s: 1.50rem;
		--icon-size-m: 1.75rem;
		--icon-size-l: 2.50rem;
		--icon-size-xl: 2.50rem;
		--icon-size-xs: 1.25rem;
		--icon-size-xxs: 1.25rem;
		--screen-heigth: 85.38rem;
		--main-column-padding: 0.75rem;
		--main-column-max-width: 64rem;
		--border-stroke-s: 0.0625rem;
		--border-stroke-none: 0.00rem;
		--border-radius-xxs: 0.25rem;
		--border-stroke-m: 0.125rem;
		--icon-size-xxxs: 0.75rem;
	}
	.display {
		font-family: Poppins;
		font-weight: 500;
		font-size: 2.625rem;
		line-height: 3rem;
		letter-spacing: 0rem;
	}
	.heading-big {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 2.125rem;
		line-height: 2.5rem;
		font-weight: 500;
	}
	.heading-big-bold {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 2.125rem;
		line-height: 2.5rem;
		font-weight: 700;
	}
	.heading-small {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 1.875rem;
		line-height: 2.375rem;
		font-weight: 500;
	}
	.heading-small-bold {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 1.875rem;
		line-height: 2.375rem;
		font-weight: 700;
	}
	.title-big {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 1.5rem;
		line-height: 1.75rem;
		font-weight: 500;
	}
	.title-big-bold {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 1.5rem;
		line-height: 1.75rem;
		font-weight: 700;
	}
	.title-small {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 1.25rem;
		line-height: 1.5rem;
		font-weight: 500;
	}
	.title-small-bold {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 1.25rem;
		line-height: 1.5rem;
		font-weight: 700;
	}
	.body-big {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 1.0625rem;
		line-height: 1.375rem;
		font-weight: 500;
	}
	.body-big-bold {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 1.0625rem;
		line-height: 1.375rem;
		font-weight: 700;
	}
	.body-small {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 0.875rem;
		line-height: 1.25rem;
		font-weight: 500;
	}
	.body-small-bold {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 0.875rem;
		line-height: 1.25rem;
		font-weight: 700;
	}
	.label-big {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 0.6875rem;
		line-height: 0.875rem;
		font-weight: 500;
	}
	.label-big-medium {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 0.6875rem;
		line-height: 0.875rem;
		font-weight: 500;
	}
	.label-big-bold {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 0.6875rem;
		line-height: 0.875rem;
		font-weight: 700;
	}
	.label-small {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 0.625rem;
		line-height: 0.75rem;
		font-weight: 500;
	}
	.button-big {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 1.0625rem;
		line-height: 1.375rem;
		font-weight: 700;
	}
	.button-medium {
		font-family: Poppins;
		text-transform: uppercase;
		letter-spacing: 0rem;
		font-size: 0.875rem;
		line-height: 1.25rem;
		font-weight: 700;
	}
	.button-small {
		font-family: Poppins;
		text-transform: uppercase;
		letter-spacing: 0rem;
		font-size: 0.6875rem;
		line-height: 0.875rem;
		font-weight: 700;
	}
	.display-small {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 2.625rem;
		line-height: 3rem;
		font-weight: 500;
	}
	.display-small-bold {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 2.625rem;
		line-height: 3rem;
		font-weight: 700;
	}
	.display-big {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 3.125rem;
		line-height: 3.5rem;
		font-weight: 500;
	}
}

@media (min-width: 1024px) {
	:root {
		--border-stroke-l: 0.1875rem;
		--screen-width: 120.00rem;
		--padding-xs: 0.25rem;
		--padding-s: 0.50rem;
		--padding-m: 0.75rem;
		--padding-l: 1.25rem;
		--padding-xl: 2.50rem;
		--padding-none: 0.00rem;
		--padding-body: 3.75rem;
		--padding-xxl: 4.00rem;
		--margin-none: 0.00rem;
		--margin-xs: 0.50rem;
		--margin-s: 0.75rem;
		--margin-m: 1.00rem;
		--margin-l: 1.25rem;
		--margin-xl: 2.50rem;
		--margin-xxl: 5.00rem;
		--gap-none: 0.00rem;
		--gap-xs: 0.25rem;
		--gap-s: 0.50rem;
		--gap-m: 1.00rem;
		--gap-l: 1.25rem;
		--gap-xl: 3.00rem;
		--border-radius-xs: 0.75rem;
		--border-radius-s: 1.00rem;
		--border-radius-xl: 3.00rem;
		--border-radius-l: 2.50rem;
		--border-radius-m: 2.00rem;
		--border-radius-none: 0.00rem;
		--icon-size-s: 1.75rem;
		--icon-size-m: 2.00rem;
		--icon-size-l: 2.50rem;
		--icon-size-xl: 2.75rem;
		--icon-size-xs: 1.50rem;
		--icon-size-xxs: 1.25rem;
		--screen-heigth: 80.00rem;
		--main-column-padding: 0.75rem;
		--main-column-max-width: 80rem;
		--border-stroke-s: 0.0625rem;
		--border-stroke-none: 0.00rem;
		--border-radius-xxs: 0.50rem;
		--border-stroke-m: 0.125rem;
		--icon-size-xxxs: 0.75rem;
	}
	.display {
		font-family: Poppins;
		font-weight: 500;
		font-size: 3.125rem;
		line-height: 3.75rem;
		letter-spacing: 0rem;
	}
	.heading-big {
		font-family: Poppins;
		font-weight: 500;
		font-size: 2.375rem;
		line-height: 2.875rem;
		letter-spacing: 0rem;
	}
	.heading-big-bold {
		font-family: Poppins;
		font-weight: 700;
		font-size: 2.375rem;
		line-height: 2.875rem;
		letter-spacing: 0rem;
	}
	.heading-small {
		font-family: Poppins;
		font-weight: 500;
		font-size: 2rem;
		line-height: 2.375rem;
		letter-spacing: 0rem;
	}
	.heading-small-bold {
		font-family: Poppins;
		font-weight: 700;
		font-size: 2rem;
		line-height: 2.375rem;
		letter-spacing: 0rem;
	}
	.title-big {
		font-family: Poppins;
		font-weight: 500;
		font-size: 1.75rem;
		line-height: 2.125rem;
		letter-spacing: 0rem;
	}
	.title-big-bold {
		font-family: Poppins;
		font-weight: 700;
		font-size: 1.75rem;
		line-height: 2.125rem;
		letter-spacing: 0rem;
	}
	.title-small {
		font-family: Poppins;
		font-weight: 500;
		font-size: 1.375rem;
		line-height: 1.6875rem;
		letter-spacing: 0rem;
	}
	.title-small-bold {
		font-family: Poppins;
		font-weight: 700;
		font-size: 1.375rem;
		line-height: 1.6875rem;
		letter-spacing: 0rem;
	}
	.body-big {
		font-family: Poppins;
		font-weight: 500;
		font-size: 1.125rem;
		line-height: 1.5rem;
		letter-spacing: 0rem;
	}
	.body-big-bold {
		font-family: Poppins;
		font-weight: 700;
		font-size: 1.125rem;
		line-height: 1.5rem;
		letter-spacing: 0rem;
	}
	.body-small {
		font-family: Poppins;
		font-weight: 500;
		font-size: 1rem;
		line-height: 1.375rem;
		letter-spacing: 0rem;
	}
	.body-small-bold {
		font-family: Poppins;
		font-weight: 700;
		font-size: 1rem;
		line-height: 1.375rem;
		letter-spacing: 0rem;
	}
	.label-big {
		font-family: Poppins;
		font-weight: 500;
		font-size: 0.8125rem;
		line-height: 1rem;
		letter-spacing: 0rem;
	}
	.label-big-medium {
		font-family: Poppins;
		font-weight: 500;
		font-size: 0.8125rem;
		line-height: 1rem;
		letter-spacing: 0rem;
	}
	.label-big-bold {
		font-family: Poppins;
		font-weight: 700;
		font-size: 0.8125rem;
		line-height: 1rem;
		letter-spacing: 0rem;
	}
	.label-small {
		font-family: Poppins;
		font-weight: 500;
		font-size: 0.6875rem;
		line-height: 0.8125rem;
		letter-spacing: 0rem;
	}
	.button-big {
		font-family: Poppins;
		font-weight: 700;
		font-size: 1.125rem;
		line-height: 1.5rem;
		letter-spacing: 0rem;
	}
	.button-medium {
		font-family: Poppins;
		font-weight: 700;
		font-size: 1rem;
		line-height: 1.375rem;
		text-transform: uppercase;
		letter-spacing: 0rem;
	}
	.button-small {
		font-family: Poppins;
		font-weight: 700;
		font-size: 0.8125rem;
		line-height: 1rem;
		text-transform: uppercase;
		letter-spacing: 0rem;
	}
}

/* COLORS */
.primary-color .background {
	background: var(--surface-background-primary-standard);
}

.primary-color .background.lowest {
	background: var(--surface-background-primary-lowest);
}

.primary-color .background.lower {
	background: var(--surface-background-primary-lower);
}

.primary-color .background.low {
	background: var(--surface-background-primary-low);
}

.primary-color .background.high {
	background: var(--surface-background-primary-high);
}

.primary-color .background.higher {
	background: var(--surface-background-primary-higher);
}

.primary-color .background.highest {
	background: var(--surface-background-primary-highest);
}

.primary-color .background.inverse {
	background: var(--surface-background-primary-inverse);
}

.primary-color .container {
	background: var(--surface-container-primary-standard);
}

.primary-color .container.lowest {
	background: var(--surface-container-primary-lowest);
}

.primary-color .container.lower {
	background: var(--surface-container-primary-lower);
}

.primary-color .container.low {
	background: var(--surface-container-primary-low);
}

.primary-color .container.high {
	background: var(--surface-container-primary-high);
}

.primary-color .container.higher {
	background: var(--surface-container-primary-higher);
}

.primary-color .container.highest {
	background: var(--surface-container-primary-highest);
}

.primary-color .container.inverse {
	background: var(--surface-container-primary-inverse);
}

.primary-color .object {
	background: var(--surface-object-primary-standard);
}

.primary-color .object.lowest {
	background: var(--surface-object-primary-lowest);
}

.primary-color .object.lower {
	background: var(--surface-object-primary-lower);
}

.primary-color .object.low {
	background: var(--surface-object-primary-low);
}

.primary-color .object.high {
	background: var(--surface-object-primary-high);
}

.primary-color .object.higher {
	background: var(--surface-object-primary-higher);
}

.primary-color .object.highest {
	background: var(--surface-object-primary-highest);
}

.primary-color .object.inverse {
	background: var(--surface-object-primary-inverse);
}

.primary-color .object {
	background: var(--surface-object-primary-standard);
}

.primary-color .object.lowest {
	background: var(--surface-object-primary-lowest);
}

.primary-color .object.lower {
	background: var(--surface-object-primary-lower);
}

.primary-color .object.low {
	background: var(--surface-object-primary-low);
}

.primary-color .object.high {
	background: var(--surface-object-primary-high);
}

.primary-color .object.higher {
	background: var(--surface-object-primary-higher);
}

.primary-color .object.highest {
	background: var(--surface-object-primary-highest);
}

.primary-color .object.inverse {
	background: var(--surface-object-primary-inverse);
}

.primary-color .text {
	color: var(--text-on-primary-standard);
}

.primary-color .text.basic-variant {
	color: var(--text-on-primary-basic-variant);
}

.primary-color .text.container {
	color: var(--text-on-primary-container);
}

.primary-color .text.opacity-lowest {
	color: var(--text-on-primary-opacity-lowest);
}

.primary-color .text.opacity-low {
	color: var(--text-on-primary-opacity-low);
}

.primary-color .text.opacity-high {
	color: var(--text-on-primary-opacity-high);
}

.primary-color .text.opacity-highest {
	color: var(--text-on-primary-opacity-highest);
}

.primary-color .text.inverse {
	color: var(--text-on-primary-inverse);
}

.secondary-color .background {
	background: var(--surface-background-secondary-standard);
}

.secondary-color .background.lowest {
	background: var(--surface-background-secondary-lowest);
}

.secondary-color .background.lower {
	background: var(--surface-background-secondary-lower);
}

.secondary-color .background.low {
	background: var(--surface-background-secondary-low);
}

.secondary-color .background.high {
	background: var(--surface-background-secondary-high);
}

.secondary-color .background.higher {
	background: var(--surface-background-secondary-higher);
}

.secondary-color .background.highest {
	background: var(--surface-background-secondary-highest);
}

.secondary-color .background.inverse {
	background: var(--surface-background-secondary-inverse);
}

.secondary-color .container {
	background: var(--surface-container-secondary-standard);
}

.secondary-color .container.lowest {
	background: var(--surface-container-secondary-lowest);
}

.secondary-color .container.lower {
	background: var(--surface-container-secondary-lower);
}

.secondary-color .container.low {
	background: var(--surface-container-secondary-low);
}

.secondary-color .container.high {
	background: var(--surface-container-secondary-high);
}

.secondary-color .container.higher {
	background: var(--surface-container-secondary-higher);
}

.secondary-color .container.highest {
	background: var(--surface-container-secondary-highest);
}

.secondary-color .container.inverse {
	background: var(--surface-container-secondary-inverse);
}

.secondary-color .object {
	background: var(--surface-object-secondary-standard);
}

.secondary-color .object.lowest {
	background: var(--surface-object-secondary-lowest);
}

.secondary-color .object.lower {
	background: var(--surface-object-secondary-lower);
}

.secondary-color .object.low {
	background: var(--surface-object-secondary-low);
}

.secondary-color .object.high {
	background: var(--surface-object-secondary-high);
}

.secondary-color .object.higher {
	background: var(--surface-object-secondary-higher);
}

.secondary-color .object.highest {
	background: var(--surface-object-secondary-highest);
}

.secondary-color .object.inverse {
	background: var(--surface-object-secondary-inverse);
}

.secondary-color .object {
	background: var(--surface-object-secondary-standard);
}

.secondary-color .object.lowest {
	background: var(--surface-object-secondary-lowest);
}

.secondary-color .object.lower {
	background: var(--surface-object-secondary-lower);
}

.secondary-color .object.low {
	background: var(--surface-object-secondary-low);
}

.secondary-color .object.high {
	background: var(--surface-object-secondary-high);
}

.secondary-color .object.higher {
	background: var(--surface-object-secondary-higher);
}

.secondary-color .object.highest {
	background: var(--surface-object-secondary-highest);
}

.secondary-color .object.inverse {
	background: var(--surface-object-secondary-inverse);
}

.secondary-color .text {
	color: var(--text-on-secondary-standard);
}

.secondary-color .text.basic-variant {
	color: var(--text-on-secondary-basic-variant);
}

.secondary-color .text.container {
	color: var(--text-on-secondary-container);
}

.secondary-color .text.opacity-lowest {
	color: var(--text-on-secondary-opacity-lowest);
}

.secondary-color .text.opacity-low {
	color: var(--text-on-secondary-opacity-low);
}

.secondary-color .text.opacity-high {
	color: var(--text-on-secondary-opacity-high);
}

.secondary-color .text.opacity-highest {
	color: var(--text-on-secondary-opacity-highest);
}

.secondary-color .text.inverse {
	color: var(--text-on-secondary-inverse);
}

.tertiary-color .background {
	background: var(--surface-background-tertiary-standard);
}

.tertiary-color .background.lowest {
	background: var(--surface-background-tertiary-lowest);
}

.tertiary-color .background.lower {
	background: var(--surface-background-tertiary-lower);
}

.tertiary-color .background.low {
	background: var(--surface-background-tertiary-low);
}

.tertiary-color .background.high {
	background: var(--surface-background-tertiary-high);
}

.tertiary-color .background.higher {
	background: var(--surface-background-tertiary-higher);
}

.tertiary-color .background.highest {
	background: var(--surface-background-tertiary-highest);
}

.tertiary-color .background.inverse {
	background: var(--surface-background-tertiary-inverse);
}

.tertiary-color .container {
	background: var(--surface-container-tertiary-standard);
}

.tertiary-color .container.lowest {
	background: var(--surface-container-tertiary-lowest);
}

.tertiary-color .container.lower {
	background: var(--surface-container-tertiary-lower);
}

.tertiary-color .container.low {
	background: var(--surface-container-tertiary-low);
}

.tertiary-color .container.high {
	background: var(--surface-container-tertiary-high);
}

.tertiary-color .container.higher {
	background: var(--surface-container-tertiary-higher);
}

.tertiary-color .container.highest {
	background: var(--surface-container-tertiary-highest);
}

.tertiary-color .container.inverse {
	background: var(--surface-container-tertiary-inverse);
}

.tertiary-color .object {
	background: var(--surface-object-tertiary-standard);
}

.tertiary-color .object.lowest {
	background: var(--surface-object-tertiary-lowest);
}

.tertiary-color .object.lower {
	background: var(--surface-object-tertiary-lower);
}

.tertiary-color .object.low {
	background: var(--surface-object-tertiary-low);
}

.tertiary-color .object.high {
	background: var(--surface-object-tertiary-high);
}

.tertiary-color .object.higher {
	background: var(--surface-object-tertiary-higher);
}

.tertiary-color .object.highest {
	background: var(--surface-object-tertiary-highest);
}

.tertiary-color .object.inverse {
	background: var(--surface-object-tertiary-inverse);
}

.tertiary-color .object {
	background: var(--surface-object-tertiary-standard);
}

.tertiary-color .object.lowest {
	background: var(--surface-object-tertiary-lowest);
}

.tertiary-color .object.lower {
	background: var(--surface-object-tertiary-lower);
}

.tertiary-color .object.low {
	background: var(--surface-object-tertiary-low);
}

.tertiary-color .object.high {
	background: var(--surface-object-tertiary-high);
}

.tertiary-color .object.higher {
	background: var(--surface-object-tertiary-higher);
}

.tertiary-color .object.highest {
	background: var(--surface-object-tertiary-highest);
}

.tertiary-color .object.inverse {
	background: var(--surface-object-tertiary-inverse);
}

.tertiary-color .text {
	color: var(--text-on-tertiary-standard);
}

.tertiary-color .text.basic-variant {
	color: var(--text-on-tertiary-basic-variant);
}

.tertiary-color .text.container {
	color: var(--text-on-tertiary-container);
}

.tertiary-color .text.opacity-lowest {
	color: var(--text-on-tertiary-opacity-lowest);
}

.tertiary-color .text.opacity-low {
	color: var(--text-on-tertiary-opacity-low);
}

.tertiary-color .text.opacity-high {
	color: var(--text-on-tertiary-opacity-high);
}

.tertiary-color .text.opacity-highest {
	color: var(--text-on-tertiary-opacity-highest);
}

.tertiary-color .text.inverse {
	color: var(--text-on-tertiary-inverse);
}

.quaternary-color .background {
	background: var(--surface-background-quaternary-standard);
}

.quaternary-color .background.lowest {
	background: var(--surface-background-quaternary-lowest);
}

.quaternary-color .background.lower {
	background: var(--surface-background-quaternary-lower);
}

.quaternary-color .background.low {
	background: var(--surface-background-quaternary-low);
}

.quaternary-color .background.high {
	background: var(--surface-background-quaternary-high);
}

.quaternary-color .background.higher {
	background: var(--surface-background-quaternary-higher);
}

.quaternary-color .background.highest {
	background: var(--surface-background-quaternary-highest);
}

.quaternary-color .background.inverse {
	background: var(--surface-background-quaternary-inverse);
}

.quaternary-color .container {
	background: var(--surface-container-quaternary-standard);
}

.quaternary-color .container.lowest {
	background: var(--surface-container-quaternary-lowest);
}

.quaternary-color .container.lower {
	background: var(--surface-container-quaternary-lower);
}

.quaternary-color .container.low {
	background: var(--surface-container-quaternary-low);
}

.quaternary-color .container.high {
	background: var(--surface-container-quaternary-high);
}

.quaternary-color .container.higher {
	background: var(--surface-container-quaternary-higher);
}

.quaternary-color .container.highest {
	background: var(--surface-container-quaternary-highest);
}

.quaternary-color .container.inverse {
	background: var(--surface-container-quaternary-inverse);
}

.quaternary-color .object {
	background: var(--surface-object-quaternary-standard);
}

.quaternary-color .object.lowest {
	background: var(--surface-object-quaternary-lowest);
}

.quaternary-color .object.lower {
	background: var(--surface-object-quaternary-lower);
}

.quaternary-color .object.low {
	background: var(--surface-object-quaternary-low);
}

.quaternary-color .object.high {
	background: var(--surface-object-quaternary-high);
}

.quaternary-color .object.higher {
	background: var(--surface-object-quaternary-higher);
}

.quaternary-color .object.highest {
	background: var(--surface-object-quaternary-highest);
}

.quaternary-color .object.inverse {
	background: var(--surface-object-quaternary-inverse);
}

.quaternary-color .object {
	background: var(--surface-object-quaternary-standard);
}

.quaternary-color .object.lowest {
	background: var(--surface-object-quaternary-lowest);
}

.quaternary-color .object.lower {
	background: var(--surface-object-quaternary-lower);
}

.quaternary-color .object.low {
	background: var(--surface-object-quaternary-low);
}

.quaternary-color .object.high {
	background: var(--surface-object-quaternary-high);
}

.quaternary-color .object.higher {
	background: var(--surface-object-quaternary-higher);
}

.quaternary-color .object.highest {
	background: var(--surface-object-quaternary-highest);
}

.quaternary-color .object.inverse {
	background: var(--surface-object-quaternary-inverse);
}

.quaternary-color .text {
	color: var(--text-on-quaternary-standard);
}

.quaternary-color .text.basic-variant {
	color: var(--text-on-quaternary-basic-variant);
}

.quaternary-color .text.container {
	color: var(--text-on-quaternary-container);
}

.quaternary-color .text.opacity-lowest {
	color: var(--text-on-quaternary-opacity-lowest);
}

.quaternary-color .text.opacity-low {
	color: var(--text-on-quaternary-opacity-low);
}

.quaternary-color .text.opacity-high {
	color: var(--text-on-quaternary-opacity-high);
}

.quaternary-color .text.opacity-highest {
	color: var(--text-on-quaternary-opacity-highest);
}

.quaternary-color .text.inverse {
	color: var(--text-on-quaternary-inverse);
}

.grayscale-color .background {
	background: var(--surface-background-grayscale-standard);
}

.grayscale-color .background.lowest {
	background: var(--surface-background-grayscale-lowest);
}

.grayscale-color .background.lower {
	background: var(--surface-background-grayscale-lower);
}

.grayscale-color .background.low {
	background: var(--surface-background-grayscale-low);
}

.grayscale-color .background.high {
	background: var(--surface-background-grayscale-high);
}

.grayscale-color .background.higher {
	background: var(--surface-background-grayscale-higher);
}

.grayscale-color .background.highest {
	background: var(--surface-background-grayscale-highest);
}

.grayscale-color .background.inverse {
	background: var(--surface-background-grayscale-inverse);
}

.grayscale-color .container {
	background: var(--surface-container-grayscale-standard);
}

.grayscale-color .container.lowest {
	background: var(--surface-container-grayscale-lowest);
}

.grayscale-color .container.lower {
	background: var(--surface-container-grayscale-lower);
}

.grayscale-color .container.low {
	background: var(--surface-container-grayscale-low);
}

.grayscale-color .container.high {
	background: var(--surface-container-grayscale-high);
}

.grayscale-color .container.higher {
	background: var(--surface-container-grayscale-higher);
}

.grayscale-color .container.highest {
	background: var(--surface-container-grayscale-highest);
}

.grayscale-color .container.inverse {
	background: var(--surface-container-grayscale-inverse);
}

.grayscale-color .object {
	background: var(--surface-object-grayscale-standard);
}

.grayscale-color .object.lowest {
	background: var(--surface-object-grayscale-lowest);
}

.grayscale-color .object.lower {
	background: var(--surface-object-grayscale-lower);
}

.grayscale-color .object.low {
	background: var(--surface-object-grayscale-low);
}

.grayscale-color .object.high {
	background: var(--surface-object-grayscale-high);
}

.grayscale-color .object.higher {
	background: var(--surface-object-grayscale-higher);
}

.grayscale-color .object.highest {
	background: var(--surface-object-grayscale-highest);
}

.grayscale-color .object.inverse {
	background: var(--surface-object-grayscale-inverse);
}

.grayscale-color .object {
	background: var(--surface-object-grayscale-standard);
}

.grayscale-color .object.lowest {
	background: var(--surface-object-grayscale-lowest);
}

.grayscale-color .object.lower {
	background: var(--surface-object-grayscale-lower);
}

.grayscale-color .object.low {
	background: var(--surface-object-grayscale-low);
}

.grayscale-color .object.high {
	background: var(--surface-object-grayscale-high);
}

.grayscale-color .object.higher {
	background: var(--surface-object-grayscale-higher);
}

.grayscale-color .object.highest {
	background: var(--surface-object-grayscale-highest);
}

.grayscale-color .object.inverse {
	background: var(--surface-object-grayscale-inverse);
}

.grayscale-color .text {
	color: var(--text-on-grayscale-standard);
}

.grayscale-color .text.basic-variant {
	color: var(--text-on-grayscale-basic-variant);
}

.grayscale-color .text.container {
	color: var(--text-on-grayscale-container);
}

.grayscale-color .text.opacity-lowest {
	color: var(--text-on-grayscale-opacity-lowest);
}

.grayscale-color .text.opacity-low {
	color: var(--text-on-grayscale-opacity-low);
}

.grayscale-color .text.opacity-high {
	color: var(--text-on-grayscale-opacity-high);
}

.grayscale-color .text.opacity-highest {
	color: var(--text-on-grayscale-opacity-highest);
}

.grayscale-color .text.inverse {
	color: var(--text-on-grayscale-inverse);
}

.grayscale {
	background: var(--surface-background-grayscale-standard);
}

.grayscale .text {
	color: var(--text-on-grayscale-standard);
}

.grayscale .text.basic-variant {
	color: var(--text-on-grayscale-basic-variant);
}

.grayscale .text.container {
	color: var(--text-on-grayscale-container);
}

.grayscale .text.opacity-lowest {
	color: var(--text-on-grayscale-opacity-lowest);
}

.grayscale .text.opacity-low {
	color: var(--text-on-grayscale-opacity-low);
}

.grayscale .text.opacity-high {
	color: var(--text-on-grayscale-opacity-high);
}

.grayscale .text.opacity-highest {
	color: var(--text-on-grayscale-opacity-highest);
}

.grayscale .text.inverse {
	color: var(--text-on-grayscale-inverse);
}

.grayscale.lowest {
	background: var(--surface-background-grayscale-lowest);
}

.grayscale.lowest .text {
	color: var(--text-on-grayscale-lowest);
}

.grayscale .text.basic-variant {
	color: var(--text-on-grayscale-basic-variant);
}

.grayscale .text.container {
	color: var(--text-on-grayscale-container);
}

.grayscale .text.opacity-lowest {
	color: var(--text-on-grayscale-opacity-lowest);
}

.grayscale .text.opacity-low {
	color: var(--text-on-grayscale-opacity-low);
}

.grayscale .text.opacity-high {
	color: var(--text-on-grayscale-opacity-high);
}

.grayscale .text.opacity-highest {
	color: var(--text-on-grayscale-opacity-highest);
}

.grayscale .text.inverse {
	color: var(--text-on-grayscale-inverse);
}

.grayscale.lower {
	background: var(--surface-background-grayscale-lower);
}

.grayscale.lower .text {
	color: var(--text-on-grayscale-lower);
}

.grayscale .text.basic-variant {
	color: var(--text-on-grayscale-basic-variant);
}

.grayscale .text.container {
	color: var(--text-on-grayscale-container);
}

.grayscale .text.opacity-lowest {
	color: var(--text-on-grayscale-opacity-lowest);
}

.grayscale .text.opacity-low {
	color: var(--text-on-grayscale-opacity-low);
}

.grayscale .text.opacity-high {
	color: var(--text-on-grayscale-opacity-high);
}

.grayscale .text.opacity-highest {
	color: var(--text-on-grayscale-opacity-highest);
}

.grayscale .text.inverse {
	color: var(--text-on-grayscale-inverse);
}

.grayscale.low {
	background: var(--surface-background-grayscale-low);
}

.grayscale.low .text {
	color: var(--text-on-grayscale-low);
}

.grayscale .text.basic-variant {
	color: var(--text-on-grayscale-basic-variant);
}

.grayscale .text.container {
	color: var(--text-on-grayscale-container);
}

.grayscale .text.opacity-lowest {
	color: var(--text-on-grayscale-opacity-lowest);
}

.grayscale .text.opacity-low {
	color: var(--text-on-grayscale-opacity-low);
}

.grayscale .text.opacity-high {
	color: var(--text-on-grayscale-opacity-high);
}

.grayscale .text.opacity-highest {
	color: var(--text-on-grayscale-opacity-highest);
}

.grayscale .text.inverse {
	color: var(--text-on-grayscale-inverse);
}

.grayscale.high {
	background: var(--surface-background-grayscale-high);
}

.grayscale.high .text {
	color: var(--text-on-grayscale-high);
}

.grayscale .text.basic-variant {
	color: var(--text-on-grayscale-basic-variant);
}

.grayscale .text.container {
	color: var(--text-on-grayscale-container);
}

.grayscale .text.opacity-lowest {
	color: var(--text-on-grayscale-opacity-lowest);
}

.grayscale .text.opacity-low {
	color: var(--text-on-grayscale-opacity-low);
}

.grayscale .text.opacity-high {
	color: var(--text-on-grayscale-opacity-high);
}

.grayscale .text.opacity-highest {
	color: var(--text-on-grayscale-opacity-highest);
}

.grayscale .text.inverse {
	color: var(--text-on-grayscale-inverse);
}

.grayscale.higher {
	background: var(--surface-background-grayscale-higher);
}

.grayscale.higher .text {
	color: var(--text-on-grayscale-higher);
}

.grayscale .text.basic-variant {
	color: var(--text-on-grayscale-basic-variant);
}

.grayscale .text.container {
	color: var(--text-on-grayscale-container);
}

.grayscale .text.opacity-lowest {
	color: var(--text-on-grayscale-opacity-lowest);
}

.grayscale .text.opacity-low {
	color: var(--text-on-grayscale-opacity-low);
}

.grayscale .text.opacity-high {
	color: var(--text-on-grayscale-opacity-high);
}

.grayscale .text.opacity-highest {
	color: var(--text-on-grayscale-opacity-highest);
}

.grayscale .text.inverse {
	color: var(--text-on-grayscale-inverse);
}

.grayscale.highest {
	background: var(--surface-background-grayscale-highest);
}

.grayscale.highest .text {
	color: var(--text-on-grayscale-highest);
}

.grayscale .text.basic-variant {
	color: var(--text-on-grayscale-basic-variant);
}

.grayscale .text.container {
	color: var(--text-on-grayscale-container);
}

.grayscale .text.opacity-lowest {
	color: var(--text-on-grayscale-opacity-lowest);
}

.grayscale .text.opacity-low {
	color: var(--text-on-grayscale-opacity-low);
}

.grayscale .text.opacity-high {
	color: var(--text-on-grayscale-opacity-high);
}

.grayscale .text.opacity-highest {
	color: var(--text-on-grayscale-opacity-highest);
}

.grayscale .text.inverse {
	color: var(--text-on-grayscale-inverse);
}

.grayscale.inverse {
	background: var(--surface-background-grayscale-inverse);
}

.grayscale.inverse .text {
	color: var(--text-on-grayscale-inverse);
}

.grayscale .text.basic-variant {
	color: var(--text-on-grayscale-basic-variant);
}

.grayscale .text.container {
	color: var(--text-on-grayscale-container);
}

.grayscale .text.opacity-lowest {
	color: var(--text-on-grayscale-opacity-lowest);
}

.grayscale .text.opacity-low {
	color: var(--text-on-grayscale-opacity-low);
}

.grayscale .text.opacity-high {
	color: var(--text-on-grayscale-opacity-high);
}

.grayscale .text.opacity-highest {
	color: var(--text-on-grayscale-opacity-highest);
}

.grayscale .text.inverse {
	color: var(--text-on-grayscale-inverse);
}

@use "sass:list";
.white-menu:hover a {
	color: #ffffff;
}

.current-menu-item.white-menu a {
	color: #ffffff;
}

.white-bkg {
	background-color: #ffffff;
}

.white-brd {
	border-color: #ffffff;
}

.white-txt {
	color: #ffffff;
}

.white-txt a {
	color: #ffffff;
}

.has-white-color {
	color: #ffffff;
}

.has-white-color a {
	color: #ffffff;
}

.black-menu:hover a {
	color: #000000;
}

.current-menu-item.black-menu a {
	color: #000000;
}

.black-bkg {
	background-color: #000000;
}

.black-brd {
	border-color: #000000;
}

.black-txt {
	color: #000000;
}

.black-txt a {
	color: #000000;
}

.has-black-color {
	color: #000000;
}

.has-black-color a {
	color: #000000;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #ffffff;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #000000;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

*,
*::before,
*::after {
	box-sizing: inherit;
	margin: 0;
	padding: 0;
	outline: none;
}

.wp-block-columns,
.wp-block-image {
	margin: 0;
}

ul li {
	list-style: none;
}

.grecaptcha-badge {
	visibility: hidden;
}

.wp-block-column,
.wp-block-column:not(:first-child) {
	margin: 0;
}

.col-1 {
	width: 8.33333%;
}

.col-2 {
	width: 16.66667%;
}

.col-3 {
	width: 25%;
}

.col-4 {
	width: 33.33333%;
}

.col-5 {
	width: 41.66667%;
}

.col-6 {
	width: 50%;
}

.col-7 {
	width: 58.33333%;
}

.col-8 {
	width: 66.66667%;
}

.col-9 {
	width: 75%;
}

.col-10 {
	width: 83.33333%;
}

.col-11 {
	width: 91.66667%;
}

.col-12 {
	width: 100%;
}

.col-1-of-1 {
	width: 100%;
}

.col-1-of-2 {
	width: 50%;
}

.col-2-of-2 {
	width: 100%;
}

.col-1-of-3 {
	width: 33.33333%;
}

.col-2-of-3 {
	width: 66.66667%;
}

.col-3-of-3 {
	width: 100%;
}

.col-1-of-4 {
	width: 25%;
}

.col-2-of-4 {
	width: 50%;
}

.col-3-of-4 {
	width: 75%;
}

.col-4-of-4 {
	width: 100%;
}

.col-1-of-5 {
	width: 20%;
}

.col-2-of-5 {
	width: 40%;
}

.col-3-of-5 {
	width: 60%;
}

.col-4-of-5 {
	width: 80%;
}

.col-5-of-5 {
	width: 100%;
}

.col-1-of-6 {
	width: 16.66667%;
}

.col-2-of-6 {
	width: 33.33333%;
}

.col-3-of-6 {
	width: 50%;
}

.col-4-of-6 {
	width: 66.66667%;
}

.col-5-of-6 {
	width: 83.33333%;
}

.col-6-of-6 {
	width: 100%;
}

.col-1-of-7 {
	width: 14.28571%;
}

.col-2-of-7 {
	width: 28.57143%;
}

.col-3-of-7 {
	width: 42.85714%;
}

.col-4-of-7 {
	width: 57.14286%;
}

.col-5-of-7 {
	width: 71.42857%;
}

.col-6-of-7 {
	width: 85.71429%;
}

.col-7-of-7 {
	width: 100%;
}

.col-1-of-8 {
	width: 12.5%;
}

.col-2-of-8 {
	width: 25%;
}

.col-3-of-8 {
	width: 37.5%;
}

.col-4-of-8 {
	width: 50%;
}

.col-5-of-8 {
	width: 62.5%;
}

.col-6-of-8 {
	width: 75%;
}

.col-7-of-8 {
	width: 87.5%;
}

.col-8-of-8 {
	width: 100%;
}

.col-1-of-9 {
	width: 11.11111%;
}

.col-2-of-9 {
	width: 22.22222%;
}

.col-3-of-9 {
	width: 33.33333%;
}

.col-4-of-9 {
	width: 44.44444%;
}

.col-5-of-9 {
	width: 55.55556%;
}

.col-6-of-9 {
	width: 66.66667%;
}

.col-7-of-9 {
	width: 77.77778%;
}

.col-8-of-9 {
	width: 88.88889%;
}

.col-9-of-9 {
	width: 100%;
}

.col-1-of-10 {
	width: 10%;
}

.col-2-of-10 {
	width: 20%;
}

.col-3-of-10 {
	width: 30%;
}

.col-4-of-10 {
	width: 40%;
}

.col-5-of-10 {
	width: 50%;
}

.col-6-of-10 {
	width: 60%;
}

.col-7-of-10 {
	width: 70%;
}

.col-8-of-10 {
	width: 80%;
}

.col-9-of-10 {
	width: 90%;
}

.col-10-of-10 {
	width: 100%;
}

.col-1-of-11 {
	width: 9.09091%;
}

.col-2-of-11 {
	width: 18.18182%;
}

.col-3-of-11 {
	width: 27.27273%;
}

.col-4-of-11 {
	width: 36.36364%;
}

.col-5-of-11 {
	width: 45.45455%;
}

.col-6-of-11 {
	width: 54.54545%;
}

.col-7-of-11 {
	width: 63.63636%;
}

.col-8-of-11 {
	width: 72.72727%;
}

.col-9-of-11 {
	width: 81.81818%;
}

.col-10-of-11 {
	width: 90.90909%;
}

.col-11-of-11 {
	width: 100%;
}

.col-1-of-12 {
	width: 8.33333%;
}

.col-2-of-12 {
	width: 16.66667%;
}

.col-3-of-12 {
	width: 25%;
}

.col-4-of-12 {
	width: 33.33333%;
}

.col-5-of-12 {
	width: 41.66667%;
}

.col-6-of-12 {
	width: 50%;
}

.col-7-of-12 {
	width: 58.33333%;
}

.col-8-of-12 {
	width: 66.66667%;
}

.col-9-of-12 {
	width: 75%;
}

.col-10-of-12 {
	width: 83.33333%;
}

.col-11-of-12 {
	width: 91.66667%;
}

.col-12-of-12 {
	width: 100%;
}

.padding-05x {
	padding: 0.5rem;
}

.margin-05x {
	margin: 0.5rem;
}

.padding-left-05x {
	padding-left: 0.5rem;
}

.margin-left-05x {
	margin-left: 0.5rem;
}

.padding-right-05x {
	padding-right: 0.5rem;
}

.margin-right-05x {
	margin-right: 0.5rem;
}

.padding-top-05x {
	padding-top: 0.5rem;
}

.margin-top-05x {
	margin-top: 0.5rem;
}

.padding-bottom-05x {
	padding-bottom: 0.5rem;
}

.margin-bottom-05x {
	margin-bottom: 0.5rem;
}

.padding-row-05x {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.padding-col-05x {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.padding {
	padding: 1rem;
}

.margin {
	margin: 1rem;
}

.padding-left {
	padding-left: 1rem;
}

.margin-left {
	margin-left: 1rem;
}

.padding-right {
	padding-right: 1rem;
}

.margin-right {
	margin-right: 1rem;
}

.padding-top {
	padding-top: 1rem;
}

.margin-top {
	margin-top: 1rem;
}

.padding-bottom {
	padding-bottom: 1rem;
}

.margin-bottom {
	margin-bottom: 1rem;
}

.padding-row {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.padding-col {
	padding-left: 1rem;
	padding-right: 1rem;
}

.padding-15x {
	padding: 1.5rem;
}

.margin-15x {
	margin: 1.5rem;
}

.padding-left-15x {
	padding-left: 1.5rem;
}

.margin-left-15x {
	margin-left: 1.5rem;
}

.padding-right-15x {
	padding-right: 1.5rem;
}

.margin-right-15x {
	margin-right: 1.5rem;
}

.padding-top-15x {
	padding-top: 1.5rem;
}

.margin-top-15x {
	margin-top: 1.5rem;
}

.padding-bottom-15x {
	padding-bottom: 1.5rem;
}

.margin-bottom-15x {
	margin-bottom: 1.5rem;
}

.padding-row-15x {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.padding-col-15x {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.padding-2x {
	padding: 2rem;
}

.margin-2x {
	margin: 2rem;
}

.padding-left-2x {
	padding-left: 2rem;
}

.margin-left-2x {
	margin-left: 2rem;
}

.padding-right-2x {
	padding-right: 2rem;
}

.margin-right-2x {
	margin-right: 2rem;
}

.padding-top-2x {
	padding-top: 2rem;
}

.margin-top-2x {
	margin-top: 2rem;
}

.padding-bottom-2x {
	padding-bottom: 2rem;
}

.margin-bottom-2x {
	margin-bottom: 2rem;
}

.padding-row-2x {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.padding-col-2x {
	padding-left: 2rem;
	padding-right: 2rem;
}

.padding-25x {
	padding: 2.5rem;
}

.margin-25x {
	margin: 2.5rem;
}

.padding-left-25x {
	padding-left: 2.5rem;
}

.margin-left-25x {
	margin-left: 2.5rem;
}

.padding-right-25x {
	padding-right: 2.5rem;
}

.margin-right-25x {
	margin-right: 2.5rem;
}

.padding-top-25x {
	padding-top: 2.5rem;
}

.margin-top-25x {
	margin-top: 2.5rem;
}

.padding-bottom-25x {
	padding-bottom: 2.5rem;
}

.margin-bottom-25x {
	margin-bottom: 2.5rem;
}

.padding-row-25x {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

.padding-col-25x {
	padding-left: 2.5rem;
	padding-right: 2.5rem;
}

.padding-3x {
	padding: 3rem;
}

.margin-3x {
	margin: 3rem;
}

.padding-left-3x {
	padding-left: 3rem;
}

.margin-left-3x {
	margin-left: 3rem;
}

.padding-right-3x {
	padding-right: 3rem;
}

.margin-right-3x {
	margin-right: 3rem;
}

.padding-top-3x {
	padding-top: 3rem;
}

.margin-top-3x {
	margin-top: 3rem;
}

.padding-bottom-3x {
	padding-bottom: 3rem;
}

.margin-bottom-3x {
	margin-bottom: 3rem;
}

.padding-row-3x {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.padding-col-3x {
	padding-left: 3rem;
	padding-right: 3rem;
}

.padding-35x {
	padding: 3.5rem;
}

.margin-35x {
	margin: 3.5rem;
}

.padding-left-35x {
	padding-left: 3.5rem;
}

.margin-left-35x {
	margin-left: 3.5rem;
}

.padding-right-35x {
	padding-right: 3.5rem;
}

.margin-right-35x {
	margin-right: 3.5rem;
}

.padding-top-35x {
	padding-top: 3.5rem;
}

.margin-top-35x {
	margin-top: 3.5rem;
}

.padding-bottom-35x {
	padding-bottom: 3.5rem;
}

.margin-bottom-35x {
	margin-bottom: 3.5rem;
}

.padding-row-35x {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
}

.padding-col-35x {
	padding-left: 3.5rem;
	padding-right: 3.5rem;
}

.padding-4x {
	padding: 4rem;
}

.margin-4x {
	margin: 4rem;
}

.padding-left-4x {
	padding-left: 4rem;
}

.margin-left-4x {
	margin-left: 4rem;
}

.padding-right-4x {
	padding-right: 4rem;
}

.margin-right-4x {
	margin-right: 4rem;
}

.padding-top-4x {
	padding-top: 4rem;
}

.margin-top-4x {
	margin-top: 4rem;
}

.padding-bottom-4x {
	padding-bottom: 4rem;
}

.margin-bottom-4x {
	margin-bottom: 4rem;
}

.padding-row-4x {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.padding-col-4x {
	padding-left: 4rem;
	padding-right: 4rem;
}

.padding-45x {
	padding: 4.5rem;
}

.margin-45x {
	margin: 4.5rem;
}

.padding-left-45x {
	padding-left: 4.5rem;
}

.margin-left-45x {
	margin-left: 4.5rem;
}

.padding-right-45x {
	padding-right: 4.5rem;
}

.margin-right-45x {
	margin-right: 4.5rem;
}

.padding-top-45x {
	padding-top: 4.5rem;
}

.margin-top-45x {
	margin-top: 4.5rem;
}

.padding-bottom-45x {
	padding-bottom: 4.5rem;
}

.margin-bottom-45x {
	margin-bottom: 4.5rem;
}

.padding-row-45x {
	padding-top: 4.5rem;
	padding-bottom: 4.5rem;
}

.padding-col-45x {
	padding-left: 4.5rem;
	padding-right: 4.5rem;
}

.padding-5x {
	padding: 5rem;
}

.margin-5x {
	margin: 5rem;
}

.padding-left-5x {
	padding-left: 5rem;
}

.margin-left-5x {
	margin-left: 5rem;
}

.padding-right-5x {
	padding-right: 5rem;
}

.margin-right-5x {
	margin-right: 5rem;
}

.padding-top-5x {
	padding-top: 5rem;
}

.margin-top-5x {
	margin-top: 5rem;
}

.padding-bottom-5x {
	padding-bottom: 5rem;
}

.margin-bottom-5x {
	margin-bottom: 5rem;
}

.padding-row-5x {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.padding-col-5x {
	padding-left: 5rem;
	padding-right: 5rem;
}

.padding-55x {
	padding: 5.5rem;
}

.margin-55x {
	margin: 5.5rem;
}

.padding-left-55x {
	padding-left: 5.5rem;
}

.margin-left-55x {
	margin-left: 5.5rem;
}

.padding-right-55x {
	padding-right: 5.5rem;
}

.margin-right-55x {
	margin-right: 5.5rem;
}

.padding-top-55x {
	padding-top: 5.5rem;
}

.margin-top-55x {
	margin-top: 5.5rem;
}

.padding-bottom-55x {
	padding-bottom: 5.5rem;
}

.margin-bottom-55x {
	margin-bottom: 5.5rem;
}

.padding-row-55x {
	padding-top: 5.5rem;
	padding-bottom: 5.5rem;
}

.padding-col-55x {
	padding-left: 5.5rem;
	padding-right: 5.5rem;
}

.col-gutter {
	padding-left: 1rem;
	padding-right: 1rem;
}

.remove-col-gutter {
	margin-left: -1rem;
	margin-right: -1rem;
}

.col-gutter-left {
	padding-left: 1rem;
}

.col-gutter-right {
	padding-right: 1rem;
}

main {
	margin-top: 5.5rem;
}

@media print {
	main {
		margin-top: 0;
	}
}

.main-column {
	margin: 0 auto;
	height: auto;
	width: 1280px;
}

@media (max-width: 1340px) {
	.main-column {
		width: 95%;
	}
}

body.noscroll {
	overflow: hidden;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	margin-left: auto;
	margin-right: auto;
}

.clear {
	clear: both;
}

.flex {
	display: flex;
}

.flex.space {
	justify-content: space-between;
}

.flex.v-center {
	align-items: center;
}

.flex.v-end {
	align-items: end;
}

.flex.h-center {
	justify-content: center;
}

.flex.h-end {
	justify-content: flex-end;
}

.flex.column {
	flex-direction: column;
}

.wrap {
	flex-wrap: wrap;
}

.full-height {
	height: 100%;
	min-height: calc(100vh - 9.5rem);
}

.outer-margin {
	margin: 0 -0.5rem;
}

.cover {
	background-size: cover;
	background-position: center;
	object-fit: cover;
	object-position: center;
}

a {
	color: inherit;
}

img {
	width: 100%;
}

hr {
	margin: 1rem 0;
	border: none;
	border-bottom: 1px solid #000000 !important;
}

.form-component {
	gap: var(--padding-m);
	margin-bottom: var(--margin-m);
}

.form-component.one-column > * {
	width: 100%;
}

.form-component.two-column > * {
	width: calc(50% - (var(--padding-m) / 2));
}

.form-component.three-column > * {
	width: calc(33.33% - ((var(--padding-m) / 3) * 2));
}

.form-component.four-column > * {
	width: calc(25% - ((var(--padding-m) / 4) * 3));
}

.form-component > .form-component {
	margin-bottom: 0;
}

.form-component .checkbox-wrapper {
	margin: 0;
	margin-top: var(--gap-l);
}

@media (max-width: 767px) {
	.form-component.two-column > *,
	.form-component.three-column > *,
	.form-component.four-column > * {
		width: 100%;
	}
}

@media (max-width: 600px) {
	.padding-05x {
		padding: 0.25rem;
	}
	.margin-05x {
		margin: 0.25rem;
	}
	.padding-left-05x {
		padding-left: 0.25rem;
	}
	.margin-left-05x {
		margin-left: 0.25rem;
	}
	.padding-right-05x {
		padding-right: 0.25rem;
	}
	.margin-right-05x {
		margin-right: 0.25rem;
	}
	.padding-top-05x {
		padding-top: 0.25rem;
	}
	.margin-top-05x {
		margin-top: 0.25rem;
	}
	.padding-bottom-05x {
		padding-bottom: 0.25rem;
	}
	.margin-bottom-05x {
		margin-bottom: 0.25rem;
	}
	.padding-row-05x {
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
	}
	.padding-col-05x {
		padding-left: 0.25rem;
		padding-right: 0.25rem;
	}
	.padding {
		padding: 0.5rem;
	}
	.margin {
		margin: 0.5rem;
	}
	.padding-left {
		padding-left: 0.5rem;
	}
	.margin-left {
		margin-left: 0.5rem;
	}
	.padding-right {
		padding-right: 0.5rem;
	}
	.margin-right {
		margin-right: 0.5rem;
	}
	.padding-top {
		padding-top: 0.5rem;
	}
	.margin-top {
		margin-top: 0.5rem;
	}
	.padding-bottom {
		padding-bottom: 0.5rem;
	}
	.margin-bottom {
		margin-bottom: 0.5rem;
	}
	.padding-row {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	.padding-col {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.padding-15x {
		padding: 0.75rem;
	}
	.margin-15x {
		margin: 0.75rem;
	}
	.padding-left-15x {
		padding-left: 0.75rem;
	}
	.margin-left-15x {
		margin-left: 0.75rem;
	}
	.padding-right-15x {
		padding-right: 0.75rem;
	}
	.margin-right-15x {
		margin-right: 0.75rem;
	}
	.padding-top-15x {
		padding-top: 0.75rem;
	}
	.margin-top-15x {
		margin-top: 0.75rem;
	}
	.padding-bottom-15x {
		padding-bottom: 0.75rem;
	}
	.margin-bottom-15x {
		margin-bottom: 0.75rem;
	}
	.padding-row-15x {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
	}
	.padding-col-15x {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
	.padding-2x {
		padding: 1rem;
	}
	.margin-2x {
		margin: 1rem;
	}
	.padding-left-2x {
		padding-left: 1rem;
	}
	.margin-left-2x {
		margin-left: 1rem;
	}
	.padding-right-2x {
		padding-right: 1rem;
	}
	.margin-right-2x {
		margin-right: 1rem;
	}
	.padding-top-2x {
		padding-top: 1rem;
	}
	.margin-top-2x {
		margin-top: 1rem;
	}
	.padding-bottom-2x {
		padding-bottom: 1rem;
	}
	.margin-bottom-2x {
		margin-bottom: 1rem;
	}
	.padding-row-2x {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.padding-col-2x {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.padding-25x {
		padding: 1.25rem;
	}
	.margin-25x {
		margin: 1.25rem;
	}
	.padding-left-25x {
		padding-left: 1.25rem;
	}
	.margin-left-25x {
		margin-left: 1.25rem;
	}
	.padding-right-25x {
		padding-right: 1.25rem;
	}
	.margin-right-25x {
		margin-right: 1.25rem;
	}
	.padding-top-25x {
		padding-top: 1.25rem;
	}
	.margin-top-25x {
		margin-top: 1.25rem;
	}
	.padding-bottom-25x {
		padding-bottom: 1.25rem;
	}
	.margin-bottom-25x {
		margin-bottom: 1.25rem;
	}
	.padding-row-25x {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
	}
	.padding-col-25x {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
	.padding-3x {
		padding: 1.5rem;
	}
	.margin-3x {
		margin: 1.5rem;
	}
	.padding-left-3x {
		padding-left: 1.5rem;
	}
	.margin-left-3x {
		margin-left: 1.5rem;
	}
	.padding-right-3x {
		padding-right: 1.5rem;
	}
	.margin-right-3x {
		margin-right: 1.5rem;
	}
	.padding-top-3x {
		padding-top: 1.5rem;
	}
	.margin-top-3x {
		margin-top: 1.5rem;
	}
	.padding-bottom-3x {
		padding-bottom: 1.5rem;
	}
	.margin-bottom-3x {
		margin-bottom: 1.5rem;
	}
	.padding-row-3x {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	.padding-col-3x {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.padding-35x {
		padding: 1.75rem;
	}
	.margin-35x {
		margin: 1.75rem;
	}
	.padding-left-35x {
		padding-left: 1.75rem;
	}
	.margin-left-35x {
		margin-left: 1.75rem;
	}
	.padding-right-35x {
		padding-right: 1.75rem;
	}
	.margin-right-35x {
		margin-right: 1.75rem;
	}
	.padding-top-35x {
		padding-top: 1.75rem;
	}
	.margin-top-35x {
		margin-top: 1.75rem;
	}
	.padding-bottom-35x {
		padding-bottom: 1.75rem;
	}
	.margin-bottom-35x {
		margin-bottom: 1.75rem;
	}
	.padding-row-35x {
		padding-top: 1.75rem;
		padding-bottom: 1.75rem;
	}
	.padding-col-35x {
		padding-left: 1.75rem;
		padding-right: 1.75rem;
	}
	.padding-4x {
		padding: 2rem;
	}
	.margin-4x {
		margin: 2rem;
	}
	.padding-left-4x {
		padding-left: 2rem;
	}
	.margin-left-4x {
		margin-left: 2rem;
	}
	.padding-right-4x {
		padding-right: 2rem;
	}
	.margin-right-4x {
		margin-right: 2rem;
	}
	.padding-top-4x {
		padding-top: 2rem;
	}
	.margin-top-4x {
		margin-top: 2rem;
	}
	.padding-bottom-4x {
		padding-bottom: 2rem;
	}
	.margin-bottom-4x {
		margin-bottom: 2rem;
	}
	.padding-row-4x {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.padding-col-4x {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

html {
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #000000;
}

body {
	font-size: 1rem;
	line-height: 1.3;
	overflow-x: hidden;
}

input, select {
	font-family: 'Poppins', sans-serif;
}

.uppercase {
	text-transform: uppercase;
}

.bold,
strong,
b {
	font-weight: bold;
}

.italic,
.cursive,
em {
	font-style: italic;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

h2.wp-block-heading {
	font-family: Poppins;
	letter-spacing: 0rem;
	font-size: 2.625rem !important;
	line-height: 3rem;
	font-weight: 700;
	margin-bottom: var(--gap-l);
}

h3.wp-block-heading {
	font-family: Poppins;
	letter-spacing: 0rem;
	font-size: 2.125rem !important;
	line-height: 2.5rem;
	font-weight: 700;
	margin-bottom: var(--padding-l);
}

p.has-large-font-size {
	font-family: Poppins;
	letter-spacing: 0rem;
	font-size: 2.125rem !important;
	line-height: 2.5rem;
	font-weight: 500;
	margin-bottom: var(--padding-l);
}

p.has-medium-font-size {
	font-family: Poppins;
	letter-spacing: 0rem;
	font-size: 1.875rem !important;
	line-height: 2.125rem;
	font-weight: 500;
	margin-bottom: var(--padding-l);
}

p.has-small-font-size {
	font-family: Poppins;
	letter-spacing: 0rem;
	font-size: 1.25rem !important;
	line-height: 1.5rem;
	font-weight: 500;
	margin-bottom: var(--padding-l);
}

@media (min-width: 1024px) {
	h2.wp-block-heading {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 3.125rem !important;
		line-height: 3.75rem;
		font-weight: 700;
	}
	h3.wp-block-heading {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 2.375rem !important;
		line-height: 2.875rem;
		font-weight: 700;
	}
	p.has-large-font-size {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 2.375rem !important;
		line-height: 2.875rem;
		font-weight: 500;
	}
	p.has-medium-font-size {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 2rem !important;
		line-height: 2.375rem;
		font-weight: 500;
	}
	p.has-small-font-size {
		font-family: Poppins;
		letter-spacing: 0rem;
		font-size: 1.375rem !important;
		line-height: 1.8125rem;
		font-weight: 500;
	}
}

@media (max-width: 600px) {
	.col-1 {
		width: 100%;
	}
	.col-2 {
		width: 100%;
	}
	.col-3 {
		width: 100%;
	}
	.col-4 {
		width: 100%;
	}
	.col-5 {
		width: 100%;
	}
	.col-6 {
		width: 100%;
	}
	.col-7 {
		width: 100%;
	}
	.col-8 {
		width: 100%;
	}
	.col-9 {
		width: 100%;
	}
	.col-10 {
		width: 100%;
	}
	.col-11 {
		width: 100%;
	}
	.col-12 {
		width: 100%;
	}
}

/* Components: media, pages, etc. */
.site-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 1rem 0;
	background: white;
	z-index: 1;
}

.site-header .site-branding {
	flex-shrink: 0;
}

.site-header .site-branding img {
	display: block;
	height: 50px;
	width: auto;
}

.site-header .main-navigation .menu ul {
	display: flex;
}

.site-header .main-navigation .menu ul li {
	margin-right: 1rem;
}

.site-header .main-navigation .menu ul li a {
	font-weight: bold;
	text-decoration: none;
}

.site-header .main-navigation .menu ul li a:hover {
	border-bottom: 2px solid black;
}

.site-header .login-mobile,
.site-header .hamburger {
	display: none;
}

@media print {
	.site-header {
		display: none;
	}
}

@media (max-width: 781px) {
	.site-header .menu-wrapper {
		position: fixed;
		top: 68px;
		left: 0;
		bottom: 0;
		right: 0;
		background: #fff;
		height: 0;
		padding: 0 50px;
		overflow: hidden;
		transition: 0.3s all;
		justify-content: center;
	}
	.site-header .menu-wrapper .main-navigation .menu ul {
		display: block;
	}
	.site-header .menu-wrapper .main-navigation .menu ul li {
		font-size: 2rem;
		line-height: 1;
		margin-bottom: 1rem;
	}
	.site-header .login {
		display: none;
	}
	.site-header .login-mobile {
		display: flex;
		width: 100%;
		justify-content: end;
	}
	.site-header .login-mobile a {
		margin-right: 10px;
	}
	.site-header .hamburger {
		display: block;
		padding: 5px;
		margin-top: -10px;
		transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		border: 0;
		background-color: transparent;
		cursor: pointer;
	}
	.site-header .hamburger:focus {
		outline: none;
		border-color: inherit;
		box-shadow: none;
	}
	.site-header .hamburger .hamburger-segment {
		height: 0;
		width: 30px;
		border-bottom: 2px solid black;
		display: block;
		opacity: 1;
		margin-top: 6.5px;
		transition: transform 0.15s linear;
		transform-origin: 50% 50%;
	}
	.site-header .hamburger .hamburger-segment:nth-child(2) {
		transition: opacity 0.1s linear;
	}
	.site-header.toggled .menu-wrapper {
		height: calc(100% - 78px);
		padding: 50px;
	}
	.site-header.toggled .hamburger .hamburger-segment:nth-child(1) {
		transform: rotate(45deg) translate3d(5px, 8px, 0);
	}
	.site-header.toggled .hamburger .hamburger-segment:nth-child(2) {
		opacity: 0;
	}
	.site-header.toggled .hamburger .hamburger-segment:nth-child(3) {
		transform: rotate(-45deg) translate3d(4px, -7px, 0);
	}
}

footer {
	background: black;
	padding-bottom: 50px;
}

footer .site-info {
	padding: 80px 0 50px;
	color: white;
}

footer .site-info a {
	text-decoration: none;
}

footer .site-info img {
	height: 90px;
	width: auto;
}

@media print {
	footer {
		display: none;
	}
}

.wp-block-button,
.button {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	overflow: hidden;
	border-radius: var(--border-radius-m);
	padding: var(--padding-s);
	white-space: nowrap;
	text-transform: uppercase;
	text-align: center;
	border: transparent 2px solid;
	cursor: pointer;
	user-select: none;
	text-decoration: none;
	font-family: Poppins;
	font-weight: 700;
	font-size: 0.8125rem;
	line-height: 1rem;
	text-transform: uppercase;
	letter-spacing: 0rem;
}

.wp-block-button.disabled,
.button.disabled {
	opacity: 0.5;
	pointer-events: none;
}

.wp-block-button.large,
.button.large {
	padding: var(--padding-m) !important;
}

.wp-block-button.outlined,
.button.outlined {
	background: transparent !important;
	border: var(--border-stroke-color-standard) 2px solid !important;
}

.wp-block-button.outlined:hover,
.button.outlined:hover {
	background: var(--surface-container-grayscale-inverse) !important;
	color: var(--text-on-grayscale-inverse) !important;
}

.wp-block-button.outlined:hover input,
.button.outlined:hover input {
	color: var(--text-on-grayscale-inverse) !important;
}

.authentication {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

.authentication .login-mode {
	display: block;
}

.authentication .login-mode .input-wrapper {
	margin-bottom: var(--padding-m);
}

.authentication .register-mode {
	display: none;
}

.authentication .background {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.authentication .background .modal-content {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}

.authentication .background .modal-content .modal-inner {
	position: relative;
	max-width: 600px;
	margin: 0 auto;
	border-radius: var(--border-radius-l);
	padding: var(--padding-xl);
	max-height: 90vh;
	overflow: auto;
	background: var(--surface-background-grayscale-low);
}

@media (max-width: 767px) {
	.authentication .background .modal-content .modal-inner {
		width: 95%;
	}
}

.authentication .background .modal-content .modal-inner h2 {
	margin: var(--margin-m) 0;
}

.authentication .background .modal-content .modal-inner input[type=submit] {
	padding: var(--padding-m) !important;
	border: none;
	background: none;
	font-family: Poppins;
	font-weight: 700;
	font-size: 1.0625rem;
	line-height: 1.375rem;
	letter-spacing: 0rem;
}

.authentication .background .modal-content .modal-inner .submit-button {
	margin-top: var(--padding-l);
	padding: 0 !important;
	width: 100%;
}

.authentication .background .modal-content .modal-inner .register {
	margin-top: var(--gap-m);
}

.authentication .background .modal-content .modal-inner .register a {
	text-decoration: underline;
	cursor: pointer;
}

.authentication .background .modal-content .modal-inner .section {
	padding: var(--margin-m) 0;
	border-top: var(--border-stroke-color-opacity-high) 2px solid;
}

.authentication .background .modal-content .modal-inner .section:last-child {
	padding-bottom: 0;
}

.authentication .background .modal-content .modal-inner .section h3 {
	font-family: Poppins;
	font-weight: 500;
	font-size: 1.375rem;
	line-height: 1.6875rem;
	letter-spacing: 0rem;
	color: var(--text-on-grayscale-opacity-highest);
	margin-bottom: var(--margin-m);
}

.authentication[data-mode=register-mode] .login-mode {
	display: none;
}

.authentication[data-mode=register-mode] .register-mode {
	display: block;
}

.authentication[data-mode=register-mode] .background .modal-content .modal-inner {
	max-width: 900px;
}

.authentication[data-mode=register-mode] .submit-area {
	width: 100%;
}

.authentication[data-mode=register-mode] .submit-area .button {
	width: 100%;
}

.authentication[data-mode=register-mode] .section[data-section=disclaimers] .input-wrapper[data-type="checkbox"] {
	margin-top: 0;
}

.authentication[data-mode=register-mode] .section[data-section=parent_2_info] {
	display: none;
}

.authentication[data-mode=register-mode] #parent_2_disclaimer {
	display: block;
	position: absolute;
	visibility: hidden;
	pointer-events: none;
}

.authentication[data-mode=register-mode] .skip-parent-2 {
	margin-bottom: var(--margin-m);
}

.authentication .form-result .error {
	background: var(--surface-object-alert-standard);
	border-radius: var(--border-radius-m);
	padding: var(--padding-l);
	color: white;
	font-weight: 500;
	font-size: 1.0625rem;
	line-height: 1.375rem;
	letter-spacing: 0rem;
	margin-bottom: var(--margin-m);
}

.authentication[data-mode=login-mode] .form-result .error {
	margin-top: var(--margin-m);
}

@media (max-width: 950px) {
	.authentication[data-mode=register-mode] .background .modal-content .modal-inner {
		max-width: 95%;
	}
}

.input-wrapper:not([data-type=checkbox]) label {
	display: block;
	color: var(--text-on-grayscale-opacity-highest);
	padding: var(--padding-xs) var(--padding-m);
}

.input-wrapper:not([data-type=checkbox]) > * {
	width: 100%;
}

.input-wrapper:not([data-type=checkbox]) input:not([type=checkbox]),
.input-wrapper:not([data-type=checkbox]) select {
	border-radius: var(--border-radius-l);
	padding: var(--padding-m);
	border: none;
	outline: none;
	background: var(--surface-container-grayscale-lowest);
}

.input-wrapper:not([data-type=checkbox]) input:not([type=checkbox])[disabled],
.input-wrapper:not([data-type=checkbox]) select[disabled] {
	background: var(--surface-object-opacity-high-dim);
}

.input-wrapper:not([data-type=checkbox]).small input:not([type=checkbox]),
.input-wrapper:not([data-type=checkbox]).small select {
	padding: var(--padding-xs) var(--padding-m);
}

.checkbox-wrapper {
	display: flex;
	align-items: center;
	margin-bottom: var(--gap-m);
}

.checkbox-wrapper input {
	margin: var(--padding-s);
}

.input-wrapper[data-type=checkbox] {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	margin: 0;
	margin-top: var(--gap-l);
}

.input-wrapper[data-type=checkbox] label {
	width: 100%;
}

.input-wrapper[data-type=checkbox] input {
	margin: var(--padding-s);
}

input[type="radio"],
input[type="checkbox"] {
	width: 20px;
	height: 20px;
	padding: 0;
	min-height: 0;
	display: inline-block;
	border: 2px solid black;
	-webkit-appearance: none;
	background: white;
	position: relative;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
	margin-top: 2px;
	border-radius: 50%;
}

input[type="radio"]:checked:after,
input[type="checkbox"]:checked:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
	background: black;
	border-radius: 50%;
}

input[type="radio"],
input[type="radio"]:checked:after {
	border-radius: 50%;
}

.modal-container,
.dialog-container {
	position: relative;
	z-index: 2;
}

.modal-container .modal,
.modal-container .dialog,
.dialog-container .modal,
.dialog-container .dialog {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.modal-container .modal:before,
.modal-container .dialog:before,
.dialog-container .modal:before,
.dialog-container .dialog:before {
	content: '';
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modal-container .modal .modal-content,
.modal-container .modal .dialog-content,
.modal-container .dialog .modal-content,
.modal-container .dialog .dialog-content,
.dialog-container .modal .modal-content,
.dialog-container .modal .dialog-content,
.dialog-container .dialog .modal-content,
.dialog-container .dialog .dialog-content {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}

.modal-container .modal .modal-content > .background,
.modal-container .modal .modal-content > .container,
.modal-container .modal .dialog-content > .background,
.modal-container .modal .dialog-content > .container,
.modal-container .dialog .modal-content > .background,
.modal-container .dialog .modal-content > .container,
.modal-container .dialog .dialog-content > .background,
.modal-container .dialog .dialog-content > .container,
.dialog-container .modal .modal-content > .background,
.dialog-container .modal .modal-content > .container,
.dialog-container .modal .dialog-content > .background,
.dialog-container .modal .dialog-content > .container,
.dialog-container .dialog .modal-content > .background,
.dialog-container .dialog .modal-content > .container,
.dialog-container .dialog .dialog-content > .background,
.dialog-container .dialog .dialog-content > .container {
	border-radius: var(--border-radius-l);
	padding: var(--padding-xl);
	max-height: 90vh;
	overflow: auto;
}

.modal-container .modal .modal-content > .background .modal-header .actions .flex,
.modal-container .modal .modal-content > .background .dialog-header .actions .flex,
.modal-container .modal .modal-content > .container .modal-header .actions .flex,
.modal-container .modal .modal-content > .container .dialog-header .actions .flex,
.modal-container .modal .dialog-content > .background .modal-header .actions .flex,
.modal-container .modal .dialog-content > .background .dialog-header .actions .flex,
.modal-container .modal .dialog-content > .container .modal-header .actions .flex,
.modal-container .modal .dialog-content > .container .dialog-header .actions .flex,
.modal-container .dialog .modal-content > .background .modal-header .actions .flex,
.modal-container .dialog .modal-content > .background .dialog-header .actions .flex,
.modal-container .dialog .modal-content > .container .modal-header .actions .flex,
.modal-container .dialog .modal-content > .container .dialog-header .actions .flex,
.modal-container .dialog .dialog-content > .background .modal-header .actions .flex,
.modal-container .dialog .dialog-content > .background .dialog-header .actions .flex,
.modal-container .dialog .dialog-content > .container .modal-header .actions .flex,
.modal-container .dialog .dialog-content > .container .dialog-header .actions .flex,
.dialog-container .modal .modal-content > .background .modal-header .actions .flex,
.dialog-container .modal .modal-content > .background .dialog-header .actions .flex,
.dialog-container .modal .modal-content > .container .modal-header .actions .flex,
.dialog-container .modal .modal-content > .container .dialog-header .actions .flex,
.dialog-container .modal .dialog-content > .background .modal-header .actions .flex,
.dialog-container .modal .dialog-content > .background .dialog-header .actions .flex,
.dialog-container .modal .dialog-content > .container .modal-header .actions .flex,
.dialog-container .modal .dialog-content > .container .dialog-header .actions .flex,
.dialog-container .dialog .modal-content > .background .modal-header .actions .flex,
.dialog-container .dialog .modal-content > .background .dialog-header .actions .flex,
.dialog-container .dialog .modal-content > .container .modal-header .actions .flex,
.dialog-container .dialog .modal-content > .container .dialog-header .actions .flex,
.dialog-container .dialog .dialog-content > .background .modal-header .actions .flex,
.dialog-container .dialog .dialog-content > .background .dialog-header .actions .flex,
.dialog-container .dialog .dialog-content > .container .modal-header .actions .flex,
.dialog-container .dialog .dialog-content > .container .dialog-header .actions .flex {
	gap: var(--gap-xs);
}

.modal-container .modal .modal-content > .background .modal-header h2,
.modal-container .modal .modal-content > .background .dialog-header h2,
.modal-container .modal .modal-content > .container .modal-header h2,
.modal-container .modal .modal-content > .container .dialog-header h2,
.modal-container .modal .dialog-content > .background .modal-header h2,
.modal-container .modal .dialog-content > .background .dialog-header h2,
.modal-container .modal .dialog-content > .container .modal-header h2,
.modal-container .modal .dialog-content > .container .dialog-header h2,
.modal-container .dialog .modal-content > .background .modal-header h2,
.modal-container .dialog .modal-content > .background .dialog-header h2,
.modal-container .dialog .modal-content > .container .modal-header h2,
.modal-container .dialog .modal-content > .container .dialog-header h2,
.modal-container .dialog .dialog-content > .background .modal-header h2,
.modal-container .dialog .dialog-content > .background .dialog-header h2,
.modal-container .dialog .dialog-content > .container .modal-header h2,
.modal-container .dialog .dialog-content > .container .dialog-header h2,
.dialog-container .modal .modal-content > .background .modal-header h2,
.dialog-container .modal .modal-content > .background .dialog-header h2,
.dialog-container .modal .modal-content > .container .modal-header h2,
.dialog-container .modal .modal-content > .container .dialog-header h2,
.dialog-container .modal .dialog-content > .background .modal-header h2,
.dialog-container .modal .dialog-content > .background .dialog-header h2,
.dialog-container .modal .dialog-content > .container .modal-header h2,
.dialog-container .modal .dialog-content > .container .dialog-header h2,
.dialog-container .dialog .modal-content > .background .modal-header h2,
.dialog-container .dialog .modal-content > .background .dialog-header h2,
.dialog-container .dialog .modal-content > .container .modal-header h2,
.dialog-container .dialog .modal-content > .container .dialog-header h2,
.dialog-container .dialog .dialog-content > .background .modal-header h2,
.dialog-container .dialog .dialog-content > .background .dialog-header h2,
.dialog-container .dialog .dialog-content > .container .modal-header h2,
.dialog-container .dialog .dialog-content > .container .dialog-header h2 {
	margin: var(--margin-m) 0;
}

.modal-container .modal .modal-content > .background .modal-header .subtitle,
.modal-container .modal .modal-content > .background .dialog-header .subtitle,
.modal-container .modal .modal-content > .container .modal-header .subtitle,
.modal-container .modal .modal-content > .container .dialog-header .subtitle,
.modal-container .modal .dialog-content > .background .modal-header .subtitle,
.modal-container .modal .dialog-content > .background .dialog-header .subtitle,
.modal-container .modal .dialog-content > .container .modal-header .subtitle,
.modal-container .modal .dialog-content > .container .dialog-header .subtitle,
.modal-container .dialog .modal-content > .background .modal-header .subtitle,
.modal-container .dialog .modal-content > .background .dialog-header .subtitle,
.modal-container .dialog .modal-content > .container .modal-header .subtitle,
.modal-container .dialog .modal-content > .container .dialog-header .subtitle,
.modal-container .dialog .dialog-content > .background .modal-header .subtitle,
.modal-container .dialog .dialog-content > .background .dialog-header .subtitle,
.modal-container .dialog .dialog-content > .container .modal-header .subtitle,
.modal-container .dialog .dialog-content > .container .dialog-header .subtitle,
.dialog-container .modal .modal-content > .background .modal-header .subtitle,
.dialog-container .modal .modal-content > .background .dialog-header .subtitle,
.dialog-container .modal .modal-content > .container .modal-header .subtitle,
.dialog-container .modal .modal-content > .container .dialog-header .subtitle,
.dialog-container .modal .dialog-content > .background .modal-header .subtitle,
.dialog-container .modal .dialog-content > .background .dialog-header .subtitle,
.dialog-container .modal .dialog-content > .container .modal-header .subtitle,
.dialog-container .modal .dialog-content > .container .dialog-header .subtitle,
.dialog-container .dialog .modal-content > .background .modal-header .subtitle,
.dialog-container .dialog .modal-content > .background .dialog-header .subtitle,
.dialog-container .dialog .modal-content > .container .modal-header .subtitle,
.dialog-container .dialog .modal-content > .container .dialog-header .subtitle,
.dialog-container .dialog .dialog-content > .background .modal-header .subtitle,
.dialog-container .dialog .dialog-content > .background .dialog-header .subtitle,
.dialog-container .dialog .dialog-content > .container .modal-header .subtitle,
.dialog-container .dialog .dialog-content > .container .dialog-header .subtitle {
	margin-top: var(--gap-s);
}

.modal-container .modal .modal-content > .background .modal-body h3,
.modal-container .modal .modal-content > .background .dialog-body h3,
.modal-container .modal .modal-content > .container .modal-body h3,
.modal-container .modal .modal-content > .container .dialog-body h3,
.modal-container .modal .dialog-content > .background .modal-body h3,
.modal-container .modal .dialog-content > .background .dialog-body h3,
.modal-container .modal .dialog-content > .container .modal-body h3,
.modal-container .modal .dialog-content > .container .dialog-body h3,
.modal-container .dialog .modal-content > .background .modal-body h3,
.modal-container .dialog .modal-content > .background .dialog-body h3,
.modal-container .dialog .modal-content > .container .modal-body h3,
.modal-container .dialog .modal-content > .container .dialog-body h3,
.modal-container .dialog .dialog-content > .background .modal-body h3,
.modal-container .dialog .dialog-content > .background .dialog-body h3,
.modal-container .dialog .dialog-content > .container .modal-body h3,
.modal-container .dialog .dialog-content > .container .dialog-body h3,
.dialog-container .modal .modal-content > .background .modal-body h3,
.dialog-container .modal .modal-content > .background .dialog-body h3,
.dialog-container .modal .modal-content > .container .modal-body h3,
.dialog-container .modal .modal-content > .container .dialog-body h3,
.dialog-container .modal .dialog-content > .background .modal-body h3,
.dialog-container .modal .dialog-content > .background .dialog-body h3,
.dialog-container .modal .dialog-content > .container .modal-body h3,
.dialog-container .modal .dialog-content > .container .dialog-body h3,
.dialog-container .dialog .modal-content > .background .modal-body h3,
.dialog-container .dialog .modal-content > .background .dialog-body h3,
.dialog-container .dialog .modal-content > .container .modal-body h3,
.dialog-container .dialog .modal-content > .container .dialog-body h3,
.dialog-container .dialog .dialog-content > .background .modal-body h3,
.dialog-container .dialog .dialog-content > .background .dialog-body h3,
.dialog-container .dialog .dialog-content > .container .modal-body h3,
.dialog-container .dialog .dialog-content > .container .dialog-body h3 {
	color: var(--text-on-grayscale-opacity-highest);
	margin-bottom: var(--margin-m);
}

.modal-container .modal .modal-content > .background .modal-body > .container,
.modal-container .modal .modal-content > .background .dialog-body > .container,
.modal-container .modal .modal-content > .container .modal-body > .container,
.modal-container .modal .modal-content > .container .dialog-body > .container,
.modal-container .modal .dialog-content > .background .modal-body > .container,
.modal-container .modal .dialog-content > .background .dialog-body > .container,
.modal-container .modal .dialog-content > .container .modal-body > .container,
.modal-container .modal .dialog-content > .container .dialog-body > .container,
.modal-container .dialog .modal-content > .background .modal-body > .container,
.modal-container .dialog .modal-content > .background .dialog-body > .container,
.modal-container .dialog .modal-content > .container .modal-body > .container,
.modal-container .dialog .modal-content > .container .dialog-body > .container,
.modal-container .dialog .dialog-content > .background .modal-body > .container,
.modal-container .dialog .dialog-content > .background .dialog-body > .container,
.modal-container .dialog .dialog-content > .container .modal-body > .container,
.modal-container .dialog .dialog-content > .container .dialog-body > .container,
.dialog-container .modal .modal-content > .background .modal-body > .container,
.dialog-container .modal .modal-content > .background .dialog-body > .container,
.dialog-container .modal .modal-content > .container .modal-body > .container,
.dialog-container .modal .modal-content > .container .dialog-body > .container,
.dialog-container .modal .dialog-content > .background .modal-body > .container,
.dialog-container .modal .dialog-content > .background .dialog-body > .container,
.dialog-container .modal .dialog-content > .container .modal-body > .container,
.dialog-container .modal .dialog-content > .container .dialog-body > .container,
.dialog-container .dialog .modal-content > .background .modal-body > .container,
.dialog-container .dialog .modal-content > .background .dialog-body > .container,
.dialog-container .dialog .modal-content > .container .modal-body > .container,
.dialog-container .dialog .modal-content > .container .dialog-body > .container,
.dialog-container .dialog .dialog-content > .background .modal-body > .container,
.dialog-container .dialog .dialog-content > .background .dialog-body > .container,
.dialog-container .dialog .dialog-content > .container .modal-body > .container,
.dialog-container .dialog .dialog-content > .container .dialog-body > .container {
	padding: var(--padding-m);
	border-radius: var(--border-radius-m);
}

.modal-container .modal .modal-content > .background .modal-body .section,
.modal-container .modal .modal-content > .background .dialog-body .section,
.modal-container .modal .modal-content > .container .modal-body .section,
.modal-container .modal .modal-content > .container .dialog-body .section,
.modal-container .modal .dialog-content > .background .modal-body .section,
.modal-container .modal .dialog-content > .background .dialog-body .section,
.modal-container .modal .dialog-content > .container .modal-body .section,
.modal-container .modal .dialog-content > .container .dialog-body .section,
.modal-container .dialog .modal-content > .background .modal-body .section,
.modal-container .dialog .modal-content > .background .dialog-body .section,
.modal-container .dialog .modal-content > .container .modal-body .section,
.modal-container .dialog .modal-content > .container .dialog-body .section,
.modal-container .dialog .dialog-content > .background .modal-body .section,
.modal-container .dialog .dialog-content > .background .dialog-body .section,
.modal-container .dialog .dialog-content > .container .modal-body .section,
.modal-container .dialog .dialog-content > .container .dialog-body .section,
.dialog-container .modal .modal-content > .background .modal-body .section,
.dialog-container .modal .modal-content > .background .dialog-body .section,
.dialog-container .modal .modal-content > .container .modal-body .section,
.dialog-container .modal .modal-content > .container .dialog-body .section,
.dialog-container .modal .dialog-content > .background .modal-body .section,
.dialog-container .modal .dialog-content > .background .dialog-body .section,
.dialog-container .modal .dialog-content > .container .modal-body .section,
.dialog-container .modal .dialog-content > .container .dialog-body .section,
.dialog-container .dialog .modal-content > .background .modal-body .section,
.dialog-container .dialog .modal-content > .background .dialog-body .section,
.dialog-container .dialog .modal-content > .container .modal-body .section,
.dialog-container .dialog .modal-content > .container .dialog-body .section,
.dialog-container .dialog .dialog-content > .background .modal-body .section,
.dialog-container .dialog .dialog-content > .background .dialog-body .section,
.dialog-container .dialog .dialog-content > .container .modal-body .section,
.dialog-container .dialog .dialog-content > .container .dialog-body .section {
	padding: var(--margin-m) 0;
	border-top: var(--border-stroke-color-opacity-high) 2px solid;
}

.modal-container .modal .modal-content > .background .modal-body .section:last-child,
.modal-container .modal .modal-content > .background .dialog-body .section:last-child,
.modal-container .modal .modal-content > .container .modal-body .section:last-child,
.modal-container .modal .modal-content > .container .dialog-body .section:last-child,
.modal-container .modal .dialog-content > .background .modal-body .section:last-child,
.modal-container .modal .dialog-content > .background .dialog-body .section:last-child,
.modal-container .modal .dialog-content > .container .modal-body .section:last-child,
.modal-container .modal .dialog-content > .container .dialog-body .section:last-child,
.modal-container .dialog .modal-content > .background .modal-body .section:last-child,
.modal-container .dialog .modal-content > .background .dialog-body .section:last-child,
.modal-container .dialog .modal-content > .container .modal-body .section:last-child,
.modal-container .dialog .modal-content > .container .dialog-body .section:last-child,
.modal-container .dialog .dialog-content > .background .modal-body .section:last-child,
.modal-container .dialog .dialog-content > .background .dialog-body .section:last-child,
.modal-container .dialog .dialog-content > .container .modal-body .section:last-child,
.modal-container .dialog .dialog-content > .container .dialog-body .section:last-child,
.dialog-container .modal .modal-content > .background .modal-body .section:last-child,
.dialog-container .modal .modal-content > .background .dialog-body .section:last-child,
.dialog-container .modal .modal-content > .container .modal-body .section:last-child,
.dialog-container .modal .modal-content > .container .dialog-body .section:last-child,
.dialog-container .modal .dialog-content > .background .modal-body .section:last-child,
.dialog-container .modal .dialog-content > .background .dialog-body .section:last-child,
.dialog-container .modal .dialog-content > .container .modal-body .section:last-child,
.dialog-container .modal .dialog-content > .container .dialog-body .section:last-child,
.dialog-container .dialog .modal-content > .background .modal-body .section:last-child,
.dialog-container .dialog .modal-content > .background .dialog-body .section:last-child,
.dialog-container .dialog .modal-content > .container .modal-body .section:last-child,
.dialog-container .dialog .modal-content > .container .dialog-body .section:last-child,
.dialog-container .dialog .dialog-content > .background .modal-body .section:last-child,
.dialog-container .dialog .dialog-content > .background .dialog-body .section:last-child,
.dialog-container .dialog .dialog-content > .container .modal-body .section:last-child,
.dialog-container .dialog .dialog-content > .container .dialog-body .section:last-child {
	padding-bottom: 0;
}

.modal-container .modal .modal-content > .background .modal-body .info,
.modal-container .modal .modal-content > .background .dialog-body .info,
.modal-container .modal .modal-content > .container .modal-body .info,
.modal-container .modal .modal-content > .container .dialog-body .info,
.modal-container .modal .dialog-content > .background .modal-body .info,
.modal-container .modal .dialog-content > .background .dialog-body .info,
.modal-container .modal .dialog-content > .container .modal-body .info,
.modal-container .modal .dialog-content > .container .dialog-body .info,
.modal-container .dialog .modal-content > .background .modal-body .info,
.modal-container .dialog .modal-content > .background .dialog-body .info,
.modal-container .dialog .modal-content > .container .modal-body .info,
.modal-container .dialog .modal-content > .container .dialog-body .info,
.modal-container .dialog .dialog-content > .background .modal-body .info,
.modal-container .dialog .dialog-content > .background .dialog-body .info,
.modal-container .dialog .dialog-content > .container .modal-body .info,
.modal-container .dialog .dialog-content > .container .dialog-body .info,
.dialog-container .modal .modal-content > .background .modal-body .info,
.dialog-container .modal .modal-content > .background .dialog-body .info,
.dialog-container .modal .modal-content > .container .modal-body .info,
.dialog-container .modal .modal-content > .container .dialog-body .info,
.dialog-container .modal .dialog-content > .background .modal-body .info,
.dialog-container .modal .dialog-content > .background .dialog-body .info,
.dialog-container .modal .dialog-content > .container .modal-body .info,
.dialog-container .modal .dialog-content > .container .dialog-body .info,
.dialog-container .dialog .modal-content > .background .modal-body .info,
.dialog-container .dialog .modal-content > .background .dialog-body .info,
.dialog-container .dialog .modal-content > .container .modal-body .info,
.dialog-container .dialog .modal-content > .container .dialog-body .info,
.dialog-container .dialog .dialog-content > .background .modal-body .info,
.dialog-container .dialog .dialog-content > .background .dialog-body .info,
.dialog-container .dialog .dialog-content > .container .modal-body .info,
.dialog-container .dialog .dialog-content > .container .dialog-body .info {
	padding: var(--padding-l);
	margin-top: var(--gap-m);
}

.modal-container .modal .modal-content > .background .modal-body .actions,
.modal-container .modal .modal-content > .background .dialog-body .actions,
.modal-container .modal .modal-content > .container .modal-body .actions,
.modal-container .modal .modal-content > .container .dialog-body .actions,
.modal-container .modal .dialog-content > .background .modal-body .actions,
.modal-container .modal .dialog-content > .background .dialog-body .actions,
.modal-container .modal .dialog-content > .container .modal-body .actions,
.modal-container .modal .dialog-content > .container .dialog-body .actions,
.modal-container .dialog .modal-content > .background .modal-body .actions,
.modal-container .dialog .modal-content > .background .dialog-body .actions,
.modal-container .dialog .modal-content > .container .modal-body .actions,
.modal-container .dialog .modal-content > .container .dialog-body .actions,
.modal-container .dialog .dialog-content > .background .modal-body .actions,
.modal-container .dialog .dialog-content > .background .dialog-body .actions,
.modal-container .dialog .dialog-content > .container .modal-body .actions,
.modal-container .dialog .dialog-content > .container .dialog-body .actions,
.dialog-container .modal .modal-content > .background .modal-body .actions,
.dialog-container .modal .modal-content > .background .dialog-body .actions,
.dialog-container .modal .modal-content > .container .modal-body .actions,
.dialog-container .modal .modal-content > .container .dialog-body .actions,
.dialog-container .modal .dialog-content > .background .modal-body .actions,
.dialog-container .modal .dialog-content > .background .dialog-body .actions,
.dialog-container .modal .dialog-content > .container .modal-body .actions,
.dialog-container .modal .dialog-content > .container .dialog-body .actions,
.dialog-container .dialog .modal-content > .background .modal-body .actions,
.dialog-container .dialog .modal-content > .background .dialog-body .actions,
.dialog-container .dialog .modal-content > .container .modal-body .actions,
.dialog-container .dialog .modal-content > .container .dialog-body .actions,
.dialog-container .dialog .dialog-content > .background .modal-body .actions,
.dialog-container .dialog .dialog-content > .background .dialog-body .actions,
.dialog-container .dialog .dialog-content > .container .modal-body .actions,
.dialog-container .dialog .dialog-content > .container .dialog-body .actions {
	gap: var(--gap-l);
	margin-top: var(--gap-l);
}

.modal-container .dialog .background,
.modal-container .dialog .container,
.dialog-container .dialog .background,
.dialog-container .dialog .container {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
}

.modal-container .dialog .background.background,
.modal-container .dialog .container.background,
.dialog-container .dialog .background.background,
.dialog-container .dialog .container.background {
	background: var(--surface-background-grayscale-standard);
}

.dialog-container {
	position: relative;
	z-index: 3 !important;
}

.error-404 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: calc(100vh - 350px);
	padding: var(--padding-xl) 0;
}

.inside-iframe header, .inside-iframe footer,
.inside-iframe #user_switching_switch_on {
	display: none;
}

.woocommerce-checkout.inside-iframe {
	background: white;
}

.woocommerce-checkout main {
	padding: 2rem;
	margin: 0;
}

.woocommerce-checkout main .wp-block-woocommerce-checkout {
	padding-top: 0;
}

.woocommerce-checkout main .wc-block-components-checkbox__input {
	position: relative !important;
}

.woocommerce-checkout main .woocommerce-billing-fields,
.woocommerce-checkout main .woocommerce-additional-fields {
	margin-bottom: 2rem;
}

.woocommerce-checkout main .woocommerce-terms-and-conditions-wrapper {
	margin-bottom: 1rem;
}

.woocommerce-checkout main .woocommerce-additional-fields,
.woocommerce-checkout main .go-to-dashboard,
.woocommerce-checkout main .order-again,
.woocommerce-checkout main .woocommerce-table--order-details .wc-item-meta {
	display: none;
}

body.woocommerce-checkout:not(.inside-iframe) {
	background: #FFF2D1;
}

body.woocommerce-checkout:not(.inside-iframe) .entry-content {
	margin: 0 auto;
	height: auto;
	width: 1280px;
}

body.woocommerce-checkout:not(.inside-iframe) .entry-content .woocommerce {
	width: 66%;
	margin: 0 auto;
	padding: 8rem 0 4rem;
}

@media (max-width: 767px) {
	body.woocommerce-checkout:not(.inside-iframe) .entry-content .woocommerce {
		width: 100%;
	}
}

@media (max-width: 1340px) {
	body.woocommerce-checkout:not(.inside-iframe) .entry-content {
		width: 95%;
	}
}

body.woocommerce-checkout:not(.inside-iframe) .entry-content .go-to-dashboard {
	display: block;
	color: black;
	border-radius: var(--border-radius-m);
}

.qzr-document p, .qzr-document ul {
	margin-bottom: var(--gap-m);
}

.qzr-document ul {
	margin-left: var(--gap-l);
}

.qzr-document ul li {
	position: relative;
	margin-bottom: var(--gap-xs);
}

.qzr-document ul li:before {
	content: '';
	position: absolute;
	top: 3px;
	right: calc(100% + 5px);
	width: 12px;
	height: 12px;
	border: 1px solid black;
	border-radius: 100%;
}

.panel .xxl-padding {
	padding: var(--padding-xxl) 0;
}

.panel .xl-padding {
	padding: var(--padding-xl) 0;
}

.panel .l-padding {
	padding: var(--padding-l) 0;
}

.panel .content {
	display: flex;
	flex-direction: column;
	gap: var(--gap-l);
}

.anchors-bkg .container {
	height: calc(1rem + calc(2 * var(--margin-l)) + calc(2 * var(--padding-l)));
}

.anchors {
	position: sticky;
	top: 180px;
	z-index: 1;
}

.anchors .main-column {
	position: relative;
}

.anchors .main-column .container {
	position: absolute;
	border-radius: var(--border-radius-l);
	width: 100%;
	bottom: var(--margin-l);
}

.anchors .main-column .container .anchor {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--border-radius-l);
	padding: var(--margin-l);
	width: 100%;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}

.anchors .main-column .container .anchor.current, .anchors .main-column .container .anchor:hover {
	background: var(--surface-background-grayscale-inverse);
	color: var(--text-on-grayscale-inverse);
	font-weight: 700;
}

@media (max-width: 480px) {
	.anchors-bkg,
	.anchors {
		display: none;
	}
}

.price-tags .container {
	display: inline-flex;
	gap: var(--gap-xl);
	border-radius: var(--border-radius-m);
	padding: var(--padding-l);
	flex-wrap: wrap;
}

.price-tags .container .tag {
	flex-direction: column;
	gap: var(--gap-m);
	text-align: center;
}

.price-tags .container .tag .text {
	position: relative;
	background: var(--surface-container-grayscale-lowest);
	padding: var(--padding-l);
	border-radius: 100px;
	margin: 0 auto;
	min-width: 150px;
	margin-bottom: var(--gap-m);
}

.price-tags .container .tag .text .discount {
	position: absolute;
	bottom: -20px;
	right: 0;
	width: 50px;
	height: 50px;
	background: var(--surface-container-grayscale-inverse);
	color: var(--text-on-grayscale-inverse);
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
}

@media (max-width: 767px) {
	.price-tags .container {
		display: block;
		text-align: center;
	}
	.price-tags .container .tag {
		margin-bottom: var(--padding-xl);
	}
	.price-tags .container .tag:last-child {
		margin-bottom: 0;
	}
}

.homepage-logo {
	background-image: url(images/logo.png);
	height: calc(100vh - 68px);
	background-size: 40vh;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	max-width: 960px;
	margin: auto;
	min-height: calc(100vh - 78px);
}

.homepage-logo .asset {
	position: absolute;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	width: 3em;
	height: 3em;
	max-height: 150px;
	max-width: 150px;
	min-width: 80px;
	min-height: 80px;
}

.homepage-logo .asset.asset-angel {
	animation: spin 3s infinite ease-in-out 750ms;
	font-size: 5vw;
	right: 50px;
	top: 100px;
	background-image: url(images/assets/angel.png);
}

.homepage-logo .asset.asset-sun {
	animation: spin 3s infinite ease-in-out 150ms;
	font-size: 6vw;
	left: 10%;
	top: 100px;
	background-image: url(images/assets/sun.png);
}

.homepage-logo .asset.asset-pink_thing {
	animation: spin 3s infinite ease-in-out 0ms;
	font-size: 3vw;
	left: 50%;
	transform: translateX(-50%);
	top: 50px;
	background-image: url(images/assets/pink_thing.png);
}

.homepage-logo .asset.asset-pear {
	animation: spin 3s infinite ease-in-out 1050ms;
	font-size: 6vw;
	right: 150px;
	bottom: 100px;
	background-image: url(images/assets/pear.png);
}

.homepage-logo .asset.asset-line_1 {
	animation: spin 3s infinite ease-in-out 1750ms;
	font-size: 2vw;
	left: 50px;
	bottom: 25%;
	background-image: url(images/assets/line_1.png);
}

.homepage-logo .asset.asset-line_2 {
	animation: spin 3s infinite ease-in-out 2750ms;
	font-size: 2vw;
	right: 100px;
	bottom: 25%;
	background-image: url(images/assets/line_2.png);
}

.homepage-logo .asset.asset-line_3 {
	animation: spin 3s infinite ease-in-out 150ms;
	font-size: 2vw;
	left: 50%;
	bottom: 100px;
	background-image: url(images/assets/line_3.png);
}

.homepage-logo .asset.asset-green_thing {
	animation: spin_negative 3s infinite ease-in-out 350ms;
	font-size: 2vw;
	left: 0;
	top: 40%;
	transform: translateY(-50%);
	background-image: url(images/assets/green_thing.png);
}

.homepage-logo .asset.asset-blue {
	animation: spin_negative 3s infinite ease-in-out 650ms;
	font-size: 6vw;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(images/assets/blue.png);
}

.homepage-logo .asset.asset-apple {
	animation: spin_negative 3s infinite ease-in-out 3750ms;
	font-size: 6vw;
	left: 150px;
	bottom: 50px;
	background-image: url(images/assets/apple.png);
}

@media screen and (max-width: 1024px) {
	.homepage-logo {
		margin: 50px;
		margin-top: 0;
	}
	.homepage-logo .asset.asset-pear {
		right: 100px;
		bottom: 50px;
	}
	.homepage-logo .asset.asset-apple {
		left: 100px;
		bottom: 50px;
	}
}

@media screen and (max-width: 550px) {
	.homepage-logo {
		margin: 0;
		background-size: 60vw;
	}
	.homepage-logo .asset.asset-line_3, .homepage-logo .asset.asset-blue, .homepage-logo .asset.asset-pink_thing {
		display: none;
	}
	.homepage-logo .asset.asset-line_1 {
		width: 50px;
		height: 50px;
		min-width: 50px;
		min-height: 50px;
		bottom: 50px;
		left: 38%;
	}
	.homepage-logo .asset.asset-green_thing {
		top: 50px;
		left: 38%;
		transform: translate(-50%, -50%);
	}
	.homepage-logo .asset.asset-angel {
		top: 20%;
		right: 25px;
	}
	.homepage-logo .asset.asset-sun {
		left: 25px;
		top: 20%;
	}
	.homepage-logo .asset.asset-pear {
		right: 25px;
		bottom: 20%;
	}
	.homepage-logo .asset.asset-apple {
		left: 25px;
		bottom: 20%;
	}
}

/* ANIMATIONS */
@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	1% {
		-webkit-transform: rotate(30deg);
	}
	50% {
		-webkit-transform: rotate(30deg);
	}
	51% {
		-webkit-transform: rotate(90deg);
	}
	100% {
		-webkit-transform: rotate(90deg);
	}
}

@keyframes spin_negative {
	0% {
		-webkit-transform: rotate(0deg);
	}
	1% {
		-webkit-transform: rotate(-30deg);
	}
	50% {
		-webkit-transform: rotate(-30deg);
	}
	51% {
		-webkit-transform: rotate(-90deg);
	}
	100% {
		-webkit-transform: rotate(-90deg);
	}
}

.future-events {
	flex-wrap: wrap;
	gap: var(--gap-l);
}

.future-events .event {
	gap: var(--padding-m);
	width: calc(25% - (var(--gap-l) * 0.75));
	padding: var(--padding-m);
	border-radius: var(--border-radius-m);
}

@media (min-width: 768px) and (max-width: 1023px) {
	.future-events .event {
		width: calc(33% - (var(--gap-m) * 0.66));
	}
}

@media (max-width: 767px) {
	.future-events .event {
		width: calc(50% - var(--gap-m));
	}
}

@media (max-width: 599px) {
	.future-events .event {
		width: 100%;
	}
}

.future-events .event .image {
	position: relative;
	padding-top: 66.66%;
	background: grey;
	border-radius: var(--border-radius-m);
	overflow: hidden;
}

.future-events .event .image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.future-events .event .tags {
	gap: var(--gap-xs);
}

.future-events .event .tags .tag {
	padding: var(--padding-xs) var(--padding-s);
	border-radius: var(--border-radius-m);
}

.future-events .event .tags .tag:not(.object) {
	border: var(--border-stroke-color-opacity-high) 1px solid;
}

.future-events .event .tags .tag.unavailable {
	background: var(--surface-object-alert-standard);
	color: white;
}

.future-events .event .data {
	gap: var(--gap-xs);
}

.future-events .event .button {
	width: 100%;
}

.panel .event-modal {
	display: none;
}

.panel .event-modal .background {
	position: relative;
	width: 800px;
	margin: 0 auto;
}

@media screen and (max-width: 840px) {
	.panel .event-modal .background {
		width: 95%;
	}
}

.panel .event-modal .background .modal-header h2 {
	margin-bottom: var(--padding-s) !important;
}

.panel .event-modal .background .modal-body .event-data .image {
	position: relative;
	background: grey;
	border-radius: var(--border-radius-m);
	overflow: hidden;
	margin-right: var(--gap-l);
	padding-top: 66.6%;
}

.panel .event-modal .background .modal-body .event-data .image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.panel .event-modal .background .modal-body .event-data .details {
	flex-wrap: wrap;
	gap: 20px;
	margin-top: var(--gap-l);
}

.panel .event-modal .background .modal-body .event-data .details > div {
	width: calc(50% - 10px);
	border-bottom: 1px solid black;
	padding: var(--padding-s) 0;
}

.panel .event-modal .background .modal-body .event-data .more-info {
	margin-top: var(--gap-l);
	padding: var(--padding-s) 0;
	border-bottom: 1px solid black;
}

.panel .event-modal .background .modal-body .event-data .more-info > div:first-child {
	margin-bottom: 20px;
}

.panel .event-modal .background .modal-body .event-data .appointments .appointment {
	margin-bottom: var(--gap-xs);
	padding: var(--padding-m);
	background: var(--surface-background-grayscale-standard);
	border-radius: var(--border-radius-xs);
	gap: 16px;
}

.panel .event-modal .background .modal-body .event-data .appointments .appointment.template {
	display: none;
}

.panel .event-modal .background .modal-body .event-data .appointments .appointment.past {
	opacity: 0.4;
}

.panel .event-modal .background .modal-body .event-data .appointments .appointment .time {
	margin-top: 3px;
	margin-left: -3px;
}

.panel .event-modal .background .modal-body .event-data .children {
	background: var(--surface-container-grayscale-lowest);
	border-radius: var(--border-radius-s);
}

.panel .event-modal .background .modal-body .event-data .children .child {
	padding: var(--padding-m);
	cursor: pointer;
}

.panel .event-modal .background .modal-body .event-data .children .child:hover {
	background: var(--surface-background-grayscale-low);
}

.panel .event-modal .background .modal-body .event-data .children .child.disabled {
	background: var(--surface-background-grayscale-low);
	pointer-events: none;
	opacity: 0.5;
}

.panel .event-modal .background .modal-body .event-data .children .child .child-name {
	user-select: none;
}

.panel .event-modal .background .modal-body .event-data .children .child .status .regular {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: var(--surface-background-quaternary-standard);
}

.panel .event-modal .background .modal-body .event-data .full-error {
	display: none;
	padding: var(--padding-m);
	background: var(--surface-object-alert-container);
	margin-top: var(--gap-m);
	border-radius: var(--border-radius-xxs);
}

.panel .event-modal .background .modal-body .event-data .subscribe-button {
	margin-top: var(--gap-m);
}

@media (max-width: 767px) {
	.panel .event-modal .background .modal-body .event-data .flex.collapse {
		display: block;
	}
	.panel .event-modal .background .modal-body .event-data .flex.collapse > div {
		width: 100%;
		margin-bottom: var(--gap-m);
	}
	.panel .event-modal .background .modal-body .event-data .flex.collapse > div:last-child {
		margin-bottom: 0;
	}
}

.panel .event-modal .background .modal-body .iframe-wrapper {
	display: none;
	position: relative;
	padding-top: 56.25%;
	margin-top: var(--gap-m);
}

.panel .event-modal .background .modal-body .iframe-wrapper iframe {
	border: black 2px solid;
	border-radius: var(--border-radius-xs);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*# sourceMappingURL=style.css.map */