@font-face {
	font-family: 'Google Material Icons';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/googlematerialicons/v130/Gw6kwdfw6UnXLJCcmafZyFRXb3BL9rvi0QZG2w.woff) format('woff');
}

@font-face {
	font-family: 'Google Sans Mono';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/googlesansmono/v18/P5sUzYWFYtnZ_Cg-t0Uq_rfivrdYH4RE8-pZ5gQ1abT53zVU.woff) format('woff');
}

@font-face {
	font-family: 'Google Sans Text';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUu9-KzpRiLCAt4Unrc-xIKmCU5mE4.woff) format('woff');
}

@font-face {
	font-family: 'Google Sans Text';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oLlVrmw.woff) format('woff');
}

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff) format('woff');
}

.google-material-icons {
	font-family: 'Google Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-feature-settings: 'liga';
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-feature-settings: 'liga';
}

@font-face {
	font-family: 'Google Material Icons';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/googlematerialicons/v130/Gw6kwdfw6UnXLJCcmafZyFRXb3BL9rvi0QZG3Sy7X00.woff2) format('woff2');
}

@font-face {
	font-family: 'Google Sans Mono';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/googlesansmono/v18/P5sUzYWFYtnZ_Cg-t0Uq_rfivrdYH4RE8-pZ5gQ1abT53wVQGr-VZS26DMA.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Google Sans Text';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qE52i0VBuxOCBA.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Google Sans Text';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qEl2i0VBuxOCBA.woff2) format('woff2');
	unicode-range: U+0370-03FF;
}

@font-face {
	font-family: 'Google Sans Text';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qEV2i0VBuxOCBA.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
	font-family: 'Google Sans Text';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qER2i0VBuxOCBA.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Google Sans Text';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qEp2i0VBuxM.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Google Sans Text';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oLlVnmxjtjm4DZzFQQ.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Google Sans Text';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oLlVnmtjtjm4DZzFQQ.woff2) format('woff2');
	unicode-range: U+0370-03FF;
}

@font-face {
	font-family: 'Google Sans Text';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oLlVnmdjtjm4DZzFQQ.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
	font-family: 'Google Sans Text';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oLlVnmZjtjm4DZzFQQ.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Google Sans Text';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oLlVnmhjtjm4DZw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}

.google-material-icons {
	font-family: 'Google Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhWdRFD48TE63OOYKtrwEIKlh.woff) format('woff');
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrwEIKlh.woff) format('woff');
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 500;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhWdRFD48TE63OOYKtrw2IKlh.woff) format('woff');
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 500;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrw2IKlh.woff) format('woff');
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 600;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhWdRFD48TE63OOYKtrzaJ6lh.woff) format('woff');
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 600;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrzaJ6lh.woff) format('woff');
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhWdRFD48TE63OOYKtrzjJ6lh.woff) format('woff');
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4Ua_rENHsxJlGDuGo1OIlJfC6l_24rlCK1Yo_Iqcsih3SAyH6cAwhX9RFD48TE63OOYKtrzjJ6lh.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 100;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnufC_ar1J9g0sLBUv3G8teXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 100;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnv_C_ar1J9g0sLBUv3G8teXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 100;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnvfC_ar1J9g0sLBUv3G8teXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 100;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnsvCPar1J9g0sLBUv3G8teXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 100;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnt_CPar1J9g0sLBUv3G8teXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 100;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnufC_ar1J9g0sLBUv3G8teXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 100;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnv_C_ar1J9g0sLBUv3G8teXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 100;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnvfC_ar1J9g0sLBUv3G8teXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 100;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnsvCPar1J9g0sLBUv3G8teXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 100;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnt_CPar1J9g0sLBUv3G8teXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 200;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnufC_ar1J9g0sLBUv3GctaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 200;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnv_C_ar1J9g0sLBUv3GctaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 200;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnvfC_ar1J9g0sLBUv3GctaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 200;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnsvCPar1J9g0sLBUv3GctaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 200;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnt_CPar1J9g0sLBUv3GctaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 200;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnufC_ar1J9g0sLBUv3GctaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 200;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnv_C_ar1J9g0sLBUv3GctaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 200;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnvfC_ar1J9g0sLBUv3GctaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 200;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnsvCPar1J9g0sLBUv3GctaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 200;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnt_CPar1J9g0sLBUv3GctaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 300;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnufC_ar1J9g0sLBUv3GrNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 300;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnv_C_ar1J9g0sLBUv3GrNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 300;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnvfC_ar1J9g0sLBUv3GrNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 300;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnsvCPar1J9g0sLBUv3GrNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 300;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnt_CPar1J9g0sLBUv3GrNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 300;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnufC_ar1J9g0sLBUv3GrNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 300;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnv_C_ar1J9g0sLBUv3GrNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 300;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnvfC_ar1J9g0sLBUv3GrNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 300;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnsvCPar1J9g0sLBUv3GrNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 300;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnt_CPar1J9g0sLBUv3GrNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnufC_ar1J9g0sLBUv3G8taXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnv_C_ar1J9g0sLBUv3G8taXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnvfC_ar1J9g0sLBUv3G8taXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnsvCPar1J9g0sLBUv3G8taXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnt_CPar1J9g0sLBUv3G8taXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnufC_ar1J9g0sLBUv3G8taXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnv_C_ar1J9g0sLBUv3G8taXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnvfC_ar1J9g0sLBUv3G8taXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnsvCPar1J9g0sLBUv3G8taXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnt_CPar1J9g0sLBUv3G8taXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 500;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnufC_ar1J9g0sLBUv3GwNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 500;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnv_C_ar1J9g0sLBUv3GwNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 500;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnvfC_ar1J9g0sLBUv3GwNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 500;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnsvCPar1J9g0sLBUv3GwNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 500;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnt_CPar1J9g0sLBUv3GwNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 500;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnufC_ar1J9g0sLBUv3GwNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 500;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnv_C_ar1J9g0sLBUv3GwNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 500;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnvfC_ar1J9g0sLBUv3GwNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 500;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnsvCPar1J9g0sLBUv3GwNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 500;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnt_CPar1J9g0sLBUv3GwNaXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 600;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnufC_ar1J9g0sLBUv3GLNGXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 600;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnv_C_ar1J9g0sLBUv3GLNGXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 600;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnvfC_ar1J9g0sLBUv3GLNGXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 600;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnsvCPar1J9g0sLBUv3GLNGXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 600;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnt_CPar1J9g0sLBUv3GLNGXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 600;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnufC_ar1J9g0sLBUv3GLNGXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 600;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnv_C_ar1J9g0sLBUv3GLNGXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 600;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnvfC_ar1J9g0sLBUv3GLNGXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 600;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnsvCPar1J9g0sLBUv3GLNGXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 600;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnt_CPar1J9g0sLBUv3GLNGXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnufC_ar1J9g0sLBUv3GFdGXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnv_C_ar1J9g0sLBUv3GFdGXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnvfC_ar1J9g0sLBUv3GFdGXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnsvCPar1J9g0sLBUv3GFdGXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cPrjdKM1XLPTxlGmzczpgWvF1SbxVhQidBnt_CPar1J9g0sLBUv3GFdGXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnufC_ar1J9g0sLBUv3GFdGXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnv_C_ar1J9g0sLBUv3GFdGXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnvfC_ar1J9g0sLBUv3GFdGXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnsvCPar1J9g0sLBUv3GFdGXng.woff) format('woff');
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhzZU5Ak9u-oMExPeInvcuEmPosC9zyteYEFU68cvofdKM1XLPTxlGmzczpgWvF1SbxVhQidBnt_CPar1J9g0sLBUv3GFdGXng.woff) format('woff');
}

.google-symbols {
	font-family: 'Google Symbols';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-feature-settings: 'liga';
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4UaGrENHsxJlGDuGo1OIlL3ewp5eKQtGBlc.woff2) format('woff2');
	unicode-range: U+0308, U+0530-058F, U+2010, U+2024, U+25CC, U+FB13-FB17;
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4UaGrENHsxJlGDuGo1OIlL3Kwp5eKQtGBlc.woff2) format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4UaGrENHsxJlGDuGo1OIlL3Pwp5eKQtGBlc.woff2) format('woff2');
	unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4UaGrENHsxJlGDuGo1OIlL3Rwp5eKQtGBlc.woff2) format('woff2');
	unicode-range: U+0589, U+10A0-10FF, U+2D00-2D2F;
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4UaGrENHsxJlGDuGo1OIlL3Nwp5eKQtGBlc.woff2) format('woff2');
	unicode-range: U+0370-03FF;
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4UaGrENHsxJlGDuGo1OIlL3twp5eKQtGBlc.woff2) format('woff2');
	unicode-range: U+0964-0965, U+0A01-0A75, U+200C-200D, U+20B9, U+25CC, U+262C, U+A830-A839;
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4UaGrENHsxJlGDuGo1OIlL3Mwp5eKQtGBlc.woff2) format('woff2');
	unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4UaGrENHsxJlGDuGo1OIlL3Hwp5eKQtGBlc.woff2) format('woff2');
	unicode-range: U+0E81-0EDF, U+25CC;
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4UaGrENHsxJlGDuGo1OIlL3Ywp5eKQtGBlc.woff2) format('woff2');
	unicode-range: U+0964-0965, U+0B82-0BFA, U+200C-200D, U+20B9, U+25CC;
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4UaGrENHsxJlGDuGo1OIlL3awp5eKQtGBlc.woff2) format('woff2');
	unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4UaGrENHsxJlGDuGo1OIlL3Bwp5eKQtGBlc.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4UaGrENHsxJlGDuGo1OIlL3Awp5eKQtGBlc.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Google Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesans/v45/4UaGrENHsxJlGDuGo1OIlL3Owp5eKQtG.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Google Symbols';
	font-style: normal;
	font-weight: 100 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/googlesymbols/v148/HhyNU5Ak9u-oMExPeInvcuEmPpEM1fI93A.woff2) format('woff2');
}

.google-symbols {
	font-family: 'Google Symbols';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

:root {
	--mio-theme-color-on-surface-variant-2: linear-gradient(0deg, rgba(68, 71, 70, .08), rgba(68, 71, 70, .08));
	--mio-theme-color-on-surface-variant-4: linear-gradient(0deg, rgba(68, 71, 70, .12), rgba(68, 71, 70, .12));
	--mio-theme-color-on-surface-2: linear-gradient(0deg, rgba(31, 31, 31, .08), rgba(31, 31, 31, .08)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-on-surface-4: linear-gradient(0deg, rgba(31, 31, 31, .12), rgba(31, 31, 31, .12)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-white: #fff;
	--mio-theme-color-on-background: #1f1f1f;
	--mio-theme-color-background: #fff;
	--mio-theme-color-on-surface: #1f1f1f;
	--mio-theme-color-on-surface-variant: #444746;
	--mio-theme-color-surface-0: #fff;
	--mio-theme-color-surface-variant: #e1e3e1;
	--mio-theme-color-inverse-surface: #303030;
	--mio-theme-color-inverse-on-surface: #f2f2f2;
	--mio-theme-color-primary: #0b57d0;
	--mio-theme-color-primary-80: #a8c7fa;
	--mio-theme-color-primary-30: #0842a0;
	--mio-theme-color-primary-20: #062e6f;
	--mio-theme-color-on-primary: #fff;
	--mio-theme-color-neutral-10: #1f1f1f;
	--mio-theme-color-neutral-90: #e3e3e3;
	--mio-theme-color-primary-container: #d3e3fd;
	--mio-theme-color-on-primary-container: #041e49;
	--mio-theme-color-secondary: #00639b;
	--mio-theme-color-on-secondary: #fff;
	--mio-theme-color-secondary-container: #c2e7ff;
	--mio-theme-color-on-secondary-container: #001d35;
	--mio-theme-color-tertiary-container: #c4eed0;
	--mio-theme-color-on-tertiary-container: #072711;
	--mio-theme-color-utility-error: #b3261e;
	--mio-theme-color-utility-on-error: #fff;
	--mio-theme-color-utility-outline: #747775;
	--mio-theme-color-surface-1: #f8fafd;
	--mio-theme-color-surface-2: #f3f6fc;
	--mio-theme-color-surface-3: #eff3fa;
	--mio-theme-color-surface-4: #edf2fa;
	--mio-theme-color-surface-5: #eaf0f9;
	--mio-theme-color-extensions-do-container: #085786;
	--mio-theme-color-extensions-on-do-container: #fff;
	--mio-theme-color-extensions-dont-container: #b3261e;
	--mio-theme-color-extensions-on-dont-container: #fff;
	--mio-theme-color-extensions-caution-container: #e8e971;
	--mio-theme-color-extensions-on-caution-container: #1f1f1f;
	--mio-theme-color-ref-secondary-200: #7fcfff;
	--mio-theme-color-ref-secondary-300: #5ab3f0;
	--mio-theme-color-ref-neutral-100: #e3e3e3;
	--mio-theme-color-ref-neutral-200: #c7c7c7;
	--mio-theme-color-scrim-video-container: rgba(31, 31, 31, .64);
	--mio-theme-color-scrim-video-control: hsla(0, 0%, 100%, .12);
	--mio-theme-color-scrim-video-control-pressed: hsla(0, 0%, 100%, .24);
	--mio-theme-color-copy-link-tooltip: #f2f2f2;
	--mio-theme-elevation-1: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);
	--mio-theme-elevation-2: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);
	--mio-theme-elevation-3: 0px 1px 3px 0px rgba(0, 0, 0, .3), 0px 4px 8px 3px rgba(0, 0, 0, .15);
}

:root {
	--mio-theme-color-white: #fff;
	--mio-theme-color-on-surface: #1f1f1f;
	--mio-theme-color-scrim-video-container: rgba(31, 31, 31, .64);
	--mio-theme-color-scrim-video-control: hsla(0, 0%, 100%, .12);
	--mio-theme-color-scrim-video-control-pressed: hsla(0, 0%, 100%, .24);
	--mio-theme-display-font-family: "Google Sans", sans-serif;
	--mio-theme-text-font-family: "Google Sans Text", sans-serif;
	--mio-theme-mono-font-family: "Google Sans Mono", sans-serif;
	--mio-theme-v2-hero-font-family: var(--mio-theme-display-font-family);
	--mio-theme-v2-hero-font-size: 112px;
	--mio-theme-v2-hero-line-height: 1;
	--mio-theme-v2-hero-font-weight: 475;
	--mio-theme-v2-hero-font-variation-GRAD: 0;
	--mio-theme-v2-hero-font-variation-opsz: 18;
	--mio-theme-v2-hero-letter-spacing: 0;
	--mio-theme-v2-display-xl-font-family: var(--mio-theme-display-font-family);
	--mio-theme-v2-display-xl-font-size: 88px;
	--mio-theme-v2-display-xl-line-height: 96px;
	--mio-theme-v2-display-xl-font-weight: 475;
	--mio-theme-v2-display-xl-font-variation-GRAD: 0;
	--mio-theme-v2-display-xl-font-variation-opsz: 18;
	--mio-theme-v2-display-xl-letter-spacing: 0;
	--mio-theme-v2-display-l-font-family: var(--mio-theme-display-font-family);
	--mio-theme-v2-display-l-font-size: 57px;
	--mio-theme-v2-display-l-line-height: 64px;
	--mio-theme-v2-display-l-font-weight: 475;
	--mio-theme-v2-display-l-font-variation-GRAD: 0;
	--mio-theme-v2-display-l-font-variation-opsz: 18;
	--mio-theme-v2-display-l-letter-spacing: 0;
	--mio-theme-v2-display-m-font-family: var(--mio-theme-display-font-family);
	--mio-theme-v2-display-m-font-size: 45px;
	--mio-theme-v2-display-m-line-height: 52px;
	--mio-theme-v2-display-m-font-weight: 475;
	--mio-theme-v2-display-m-font-variation-GRAD: 0;
	--mio-theme-v2-display-m-font-variation-opsz: 18;
	--mio-theme-v2-display-m-letter-spacing: 0;
	--mio-theme-v2-display-s-font-family: var(--mio-theme-display-font-family);
	--mio-theme-v2-display-s-font-size: 36px;
	--mio-theme-v2-display-s-line-height: 44px;
	--mio-theme-v2-display-s-font-weight: 475;
	--mio-theme-v2-display-s-font-variation-GRAD: 0;
	--mio-theme-v2-display-s-font-variation-opsz: 18;
	--mio-theme-v2-display-s-letter-spacing: 0;
	--mio-theme-v2-headline-l-font-family: var(--mio-theme-display-font-family);
	--mio-theme-v2-headline-l-font-size: 32px;
	--mio-theme-v2-headline-l-line-height: 40px;
	--mio-theme-v2-headline-l-font-weight: 475;
	--mio-theme-v2-headline-l-font-variation-GRAD: 0;
	--mio-theme-v2-headline-l-font-variation-opsz: 18;
	--mio-theme-v2-headline-l-letter-spacing: 0;
	--mio-theme-v2-headline-m-font-family: var(--mio-theme-display-font-family);
	--mio-theme-v2-headline-m-font-size: 28px;
	--mio-theme-v2-headline-m-line-height: 36px;
	--mio-theme-v2-headline-m-font-weight: 475;
	--mio-theme-v2-headline-m-font-variation-GRAD: 0;
	--mio-theme-v2-headline-m-font-variation-opsz: 18;
	--mio-theme-v2-headline-m-letter-spacing: 0;
	--mio-theme-v2-headline-s-font-family: var(--mio-theme-display-font-family);
	--mio-theme-v2-headline-s-font-size: 24px;
	--mio-theme-v2-headline-s-line-height: 32px;
	--mio-theme-v2-headline-s-font-weight: 475;
	--mio-theme-v2-headline-s-font-variation-GRAD: 0;
	--mio-theme-v2-headline-s-font-variation-opsz: 18;
	--mio-theme-v2-headline-s-letter-spacing: 0;
	--mio-theme-v2-title-l-font-family: var(--mio-theme-text-font-family);
	--mio-theme-v2-title-l-font-size: 22px;
	--mio-theme-v2-title-l-line-height: 30px;
	--mio-theme-v2-title-l-font-weight: 400;
	--mio-theme-v2-title-l-font-variation-GRAD: 0;
	--mio-theme-v2-title-l-font-variation-opsz: 17;
	--mio-theme-v2-title-l-letter-spacing: 0;
	--mio-theme-v2-title-m-font-family: var(--mio-theme-text-font-family);
	--mio-theme-v2-title-m-font-size: 16px;
	--mio-theme-v2-title-m-line-height: 24px;
	--mio-theme-v2-title-m-font-weight: 500;
	--mio-theme-v2-title-m-font-variation-GRAD: 0;
	--mio-theme-v2-title-m-font-variation-opsz: 17;
	--mio-theme-v2-title-m-letter-spacing: 0;
	--mio-theme-v2-title-s-font-family: var(--mio-theme-text-font-family);
	--mio-theme-v2-title-s-font-size: 14px;
	--mio-theme-v2-title-s-line-height: 20px;
	--mio-theme-v2-title-s-font-weight: 500;
	--mio-theme-v2-title-s-font-variation-GRAD: 0;
	--mio-theme-v2-title-s-font-variation-opsz: 17;
	--mio-theme-v2-title-s-letter-spacing: 0;
	--mio-theme-v2-label-l-font-family: var(--mio-theme-text-font-family);
	--mio-theme-v2-label-l-font-size: 14px;
	--mio-theme-v2-label-l-line-height: 20px;
	--mio-theme-v2-label-l-font-weight: 500;
	--mio-theme-v2-label-l-font-variation-GRAD: 0;
	--mio-theme-v2-label-l-font-variation-opsz: 17;
	--mio-theme-v2-label-l-letter-spacing: 0;
	--mio-theme-v2-label-m-font-family: var(--mio-theme-text-font-family);
	--mio-theme-v2-label-m-font-size: 12px;
	--mio-theme-v2-label-m-line-height: 16px;
	--mio-theme-v2-label-m-font-weight: 500;
	--mio-theme-v2-label-m-font-variation-GRAD: 0;
	--mio-theme-v2-label-m-font-variation-opsz: 17;
	--mio-theme-v2-label-m-letter-spacing: .1px;
	--mio-theme-v2-label-s-font-family: var(--mio-theme-text-font-family);
	--mio-theme-v2-label-s-font-size: 11px;
	--mio-theme-v2-label-s-line-height: 16px;
	--mio-theme-v2-label-s-font-weight: 500;
	--mio-theme-v2-label-s-font-variation-GRAD: 0;
	--mio-theme-v2-label-s-font-variation-opsz: 17;
	--mio-theme-v2-label-s-letter-spacing: .1px;
	--mio-theme-v2-body-l-font-family: var(--mio-theme-text-font-family);
	--mio-theme-v2-body-l-font-size: 16px;
	--mio-theme-v2-body-l-line-height: 24px;
	--mio-theme-v2-body-l-font-weight: 400;
	--mio-theme-v2-body-l-font-variation-GRAD: 0;
	--mio-theme-v2-body-l-font-variation-opsz: 17;
	--mio-theme-v2-body-l-letter-spacing: 0;
	--mio-theme-v2-body-m-font-family: var(--mio-theme-text-font-family);
	--mio-theme-v2-body-m-font-size: 14px;
	--mio-theme-v2-body-m-line-height: 20px;
	--mio-theme-v2-body-m-font-weight: 400;
	--mio-theme-v2-body-m-font-variation-GRAD: 0;
	--mio-theme-v2-body-m-font-variation-opsz: 17;
	--mio-theme-v2-body-m-letter-spacing: 0;
	--mio-theme-v2-body-s-font-family: var(--mio-theme-text-font-family);
	--mio-theme-v2-body-s-font-size: 12px;
	--mio-theme-v2-body-s-line-height: 16px;
	--mio-theme-v2-body-s-font-weight: 400;
	--mio-theme-v2-body-s-font-variation-GRAD: 0;
	--mio-theme-v2-body-s-font-variation-opsz: 17;
	--mio-theme-v2-body-s-letter-spacing: .1px;
	--mio-theme-v2-code-l-font-family: var(--mio-theme-mono-font-family);
	--mio-theme-v2-code-l-font-size: 16px;
	--mio-theme-v2-code-l-line-height: 24px;
	--mio-theme-v2-code-l-font-weight: 400;
	--mio-theme-v2-code-l-letter-spacing: 0;
	--mio-theme-v2-code-m-font-family: var(--mio-theme-mono-font-family);
	--mio-theme-v2-code-m-font-size: 14px;
	--mio-theme-v2-code-m-line-height: 20px;
	--mio-theme-v2-code-m-font-weight: 400;
	--mio-theme-v2-code-m-letter-spacing: 0;
	--mio-theme-v2-code-snippet-font-family: var(--mio-theme-mono-font-family);
	--mio-theme-v2-code-snippet-font-size: 15px;
	--mio-theme-v2-code-snippet-line-height: 32px;
	--mio-theme-v2-code-snippet-font-weight: 500;
	-webkit-font-smoothing: antialiased;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

:root {
	--mio-theme-display-font-family: "Google Sans", sans-serif;
	--mio-theme-text-font-family: "Google Sans Text", sans-serif;
	--mio-theme-mono-font-family: "Google Sans Mono", sans-serif;
	--mio-theme-v2-hero-font-family: var(--mio-theme-display-font-family);
	--mio-theme-v2-hero-font-size: 112px;
	--mio-theme-v2-hero-line-height: 1;
	--mio-theme-v2-hero-font-weight: 475;
	--mio-theme-v2-hero-font-variation-GRAD: 0;
	--mio-theme-v2-hero-font-variation-opsz: 18;
	--mio-theme-v2-hero-letter-spacing: 0;
	--mio-theme-v2-display-xl-font-family: var(--mio-theme-display-font-family);
	--mio-theme-v2-display-xl-font-size: 88px;
	--mio-theme-v2-display-xl-line-height: 96px;
	--mio-theme-v2-display-xl-font-weight: 475;
	--mio-theme-v2-display-xl-font-variation-GRAD: 0;
	--mio-theme-v2-display-xl-font-variation-opsz: 18;
	--mio-theme-v2-display-xl-letter-spacing: 0;
	--mio-theme-v2-display-l-font-family: var(--mio-theme-display-font-family);
	--mio-theme-v2-display-l-font-size: 57px;
	--mio-theme-v2-display-l-line-height: 64px;
	--mio-theme-v2-display-l-font-weight: 475;
	--mio-theme-v2-display-l-font-variation-GRAD: 0;
	--mio-theme-v2-display-l-font-variation-opsz: 18;
	--mio-theme-v2-display-l-letter-spacing: 0;
	--mio-theme-v2-display-m-font-family: var(--mio-theme-display-font-family);
	--mio-theme-v2-display-m-font-size: 45px;
	--mio-theme-v2-display-m-line-height: 52px;
	--mio-theme-v2-display-m-font-weight: 475;
	--mio-theme-v2-display-m-font-variation-GRAD: 0;
	--mio-theme-v2-display-m-font-variation-opsz: 18;
	--mio-theme-v2-display-m-letter-spacing: 0;
	--mio-theme-v2-display-s-font-family: var(--mio-theme-display-font-family);
	--mio-theme-v2-display-s-font-size: 36px;
	--mio-theme-v2-display-s-line-height: 44px;
	--mio-theme-v2-display-s-font-weight: 475;
	--mio-theme-v2-display-s-font-variation-GRAD: 0;
	--mio-theme-v2-display-s-font-variation-opsz: 18;
	--mio-theme-v2-display-s-letter-spacing: 0;
	--mio-theme-v2-headline-l-font-family: var(--mio-theme-display-font-family);
	--mio-theme-v2-headline-l-font-size: 32px;
	--mio-theme-v2-headline-l-line-height: 40px;
	--mio-theme-v2-headline-l-font-weight: 475;
	--mio-theme-v2-headline-l-font-variation-GRAD: 0;
	--mio-theme-v2-headline-l-font-variation-opsz: 18;
	--mio-theme-v2-headline-l-letter-spacing: 0;
	--mio-theme-v2-headline-m-font-family: var(--mio-theme-display-font-family);
	--mio-theme-v2-headline-m-font-size: 28px;
	--mio-theme-v2-headline-m-line-height: 36px;
	--mio-theme-v2-headline-m-font-weight: 475;
	--mio-theme-v2-headline-m-font-variation-GRAD: 0;
	--mio-theme-v2-headline-m-font-variation-opsz: 18;
	--mio-theme-v2-headline-m-letter-spacing: 0;
	--mio-theme-v2-headline-s-font-family: var(--mio-theme-display-font-family);
	--mio-theme-v2-headline-s-font-size: 24px;
	--mio-theme-v2-headline-s-line-height: 32px;
	--mio-theme-v2-headline-s-font-weight: 475;
	--mio-theme-v2-headline-s-font-variation-GRAD: 0;
	--mio-theme-v2-headline-s-font-variation-opsz: 18;
	--mio-theme-v2-headline-s-letter-spacing: 0;
	--mio-theme-v2-title-l-font-family: var(--mio-theme-text-font-family);
	--mio-theme-v2-title-l-font-size: 22px;
	--mio-theme-v2-title-l-line-height: 30px;
	--mio-theme-v2-title-l-font-weight: 400;
	--mio-theme-v2-title-l-font-variation-GRAD: 0;
	--mio-theme-v2-title-l-font-variation-opsz: 17;
	--mio-theme-v2-title-l-letter-spacing: 0;
	--mio-theme-v2-title-m-font-family: var(--mio-theme-text-font-family);
	--mio-theme-v2-title-m-font-size: 16px;
	--mio-theme-v2-title-m-line-height: 24px;
	--mio-theme-v2-title-m-font-weight: 500;
	--mio-theme-v2-title-m-font-variation-GRAD: 0;
	--mio-theme-v2-title-m-font-variation-opsz: 17;
	--mio-theme-v2-title-m-letter-spacing: 0;
	--mio-theme-v2-title-s-font-family: var(--mio-theme-text-font-family);
	--mio-theme-v2-title-s-font-size: 14px;
	--mio-theme-v2-title-s-line-height: 20px;
	--mio-theme-v2-title-s-font-weight: 500;
	--mio-theme-v2-title-s-font-variation-GRAD: 0;
	--mio-theme-v2-title-s-font-variation-opsz: 17;
	--mio-theme-v2-title-s-letter-spacing: 0;
	--mio-theme-v2-label-l-font-family: var(--mio-theme-text-font-family);
	--mio-theme-v2-label-l-font-size: 14px;
	--mio-theme-v2-label-l-line-height: 20px;
	--mio-theme-v2-label-l-font-weight: 500;
	--mio-theme-v2-label-l-font-variation-GRAD: 0;
	--mio-theme-v2-label-l-font-variation-opsz: 17;
	--mio-theme-v2-label-l-letter-spacing: 0;
	--mio-theme-v2-label-m-font-family: var(--mio-theme-text-font-family);
	--mio-theme-v2-label-m-font-size: 12px;
	--mio-theme-v2-label-m-line-height: 16px;
	--mio-theme-v2-label-m-font-weight: 500;
	--mio-theme-v2-label-m-font-variation-GRAD: 0;
	--mio-theme-v2-label-m-font-variation-opsz: 17;
	--mio-theme-v2-label-m-letter-spacing: .1px;
	--mio-theme-v2-label-s-font-family: var(--mio-theme-text-font-family);
	--mio-theme-v2-label-s-font-size: 11px;
	--mio-theme-v2-label-s-line-height: 16px;
	--mio-theme-v2-label-s-font-weight: 500;
	--mio-theme-v2-label-s-font-variation-GRAD: 0;
	--mio-theme-v2-label-s-font-variation-opsz: 17;
	--mio-theme-v2-label-s-letter-spacing: .1px;
	--mio-theme-v2-body-l-font-family: var(--mio-theme-text-font-family);
	--mio-theme-v2-body-l-font-size: 16px;
	--mio-theme-v2-body-l-line-height: 24px;
	--mio-theme-v2-body-l-font-weight: 400;
	--mio-theme-v2-body-l-font-variation-GRAD: 0;
	--mio-theme-v2-body-l-font-variation-opsz: 17;
	--mio-theme-v2-body-l-letter-spacing: 0;
	--mio-theme-v2-body-m-font-family: var(--mio-theme-text-font-family);
	--mio-theme-v2-body-m-font-size: 14px;
	--mio-theme-v2-body-m-line-height: 20px;
	--mio-theme-v2-body-m-font-weight: 400;
	--mio-theme-v2-body-m-font-variation-GRAD: 0;
	--mio-theme-v2-body-m-font-variation-opsz: 17;
	--mio-theme-v2-body-m-letter-spacing: 0;
	--mio-theme-v2-body-s-font-family: var(--mio-theme-text-font-family);
	--mio-theme-v2-body-s-font-size: 12px;
	--mio-theme-v2-body-s-line-height: 16px;
	--mio-theme-v2-body-s-font-weight: 400;
	--mio-theme-v2-body-s-font-variation-GRAD: 0;
	--mio-theme-v2-body-s-font-variation-opsz: 17;
	--mio-theme-v2-body-s-letter-spacing: .1px;
	--mio-theme-v2-code-l-font-family: var(--mio-theme-mono-font-family);
	--mio-theme-v2-code-l-font-size: 16px;
	--mio-theme-v2-code-l-line-height: 24px;
	--mio-theme-v2-code-l-font-weight: 400;
	--mio-theme-v2-code-l-letter-spacing: 0;
	--mio-theme-v2-code-m-font-family: var(--mio-theme-mono-font-family);
	--mio-theme-v2-code-m-font-size: 14px;
	--mio-theme-v2-code-m-line-height: 20px;
	--mio-theme-v2-code-m-font-weight: 400;
	--mio-theme-v2-code-m-letter-spacing: 0;
	--mio-theme-v2-code-snippet-font-family: var(--mio-theme-mono-font-family);
	--mio-theme-v2-code-snippet-font-size: 15px;
	--mio-theme-v2-code-snippet-line-height: 32px;
	--mio-theme-v2-code-snippet-font-weight: 500;
	-webkit-font-smoothing: antialiased;
	--mio-theme-color-on-surface-variant-2: linear-gradient(0deg, rgba(68, 71, 70, .08), rgba(68, 71, 70, .08));
	--mio-theme-color-on-surface-variant-4: linear-gradient(0deg, rgba(68, 71, 70, .12), rgba(68, 71, 70, .12));
	--mio-theme-color-on-surface-2: linear-gradient(0deg, rgba(31, 31, 31, .08), rgba(31, 31, 31, .08)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-on-surface-4: linear-gradient(0deg, rgba(31, 31, 31, .12), rgba(31, 31, 31, .12)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-white: #fff;
	--mio-theme-color-on-background: #1f1f1f;
	--mio-theme-color-background: #fff;
	--mio-theme-color-on-surface: #1f1f1f;
	--mio-theme-color-on-surface-variant: #444746;
	--mio-theme-color-surface-0: #fff;
	--mio-theme-color-surface-variant: #e1e3e1;
	--mio-theme-color-inverse-surface: #303030;
	--mio-theme-color-inverse-on-surface: #f2f2f2;
	--mio-theme-color-primary: #0b57d0;
	--mio-theme-color-primary-80: #a8c7fa;
	--mio-theme-color-primary-30: #0842a0;
	--mio-theme-color-primary-20: #062e6f;
	--mio-theme-color-on-primary: #fff;
	--mio-theme-color-neutral-10: #1f1f1f;
	--mio-theme-color-neutral-90: #e3e3e3;
	--mio-theme-color-primary-container: #d3e3fd;
	--mio-theme-color-on-primary-container: #041e49;
	--mio-theme-color-secondary: #00639b;
	--mio-theme-color-on-secondary: #fff;
	--mio-theme-color-secondary-container: #c2e7ff;
	--mio-theme-color-on-secondary-container: #001d35;
	--mio-theme-color-tertiary-container: #c4eed0;
	--mio-theme-color-on-tertiary-container: #072711;
	--mio-theme-color-utility-error: #b3261e;
	--mio-theme-color-utility-on-error: #fff;
	--mio-theme-color-utility-outline: #747775;
	--mio-theme-color-surface-1: #f8fafd;
	--mio-theme-color-surface-2: #f3f6fc;
	--mio-theme-color-surface-3: #eff3fa;
	--mio-theme-color-surface-4: #edf2fa;
	--mio-theme-color-surface-5: #eaf0f9;
	--mio-theme-color-extensions-do-container: #085786;
	--mio-theme-color-extensions-on-do-container: #fff;
	--mio-theme-color-extensions-dont-container: #b3261e;
	--mio-theme-color-extensions-on-dont-container: #fff;
	--mio-theme-color-extensions-caution-container: #e8e971;
	--mio-theme-color-extensions-on-caution-container: #1f1f1f;
	--mio-theme-color-ref-secondary-200: #7fcfff;
	--mio-theme-color-ref-secondary-300: #5ab3f0;
	--mio-theme-color-ref-neutral-100: #e3e3e3;
	--mio-theme-color-ref-neutral-200: #c7c7c7;
	--mio-theme-color-scrim-video-container: rgba(31, 31, 31, .64);
	--mio-theme-color-scrim-video-control: hsla(0, 0%, 100%, .12);
	--mio-theme-color-scrim-video-control-pressed: hsla(0, 0%, 100%, .24);
	--mio-theme-color-copy-link-tooltip: #f2f2f2;
	--mio-theme-elevation-1: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);
	--mio-theme-elevation-2: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);
	--mio-theme-elevation-3: 0px 1px 3px 0px rgba(0, 0, 0, .3), 0px 4px 8px 3px rgba(0, 0, 0, .15)
}

:root.dark-mode {
	--mio-theme-color-on-surface-variant-2: linear-gradient(0deg, hsla(140, 3%, 77%, .08), hsla(140, 3%, 77%, .08));
	--mio-theme-color-on-surface-variant-4: linear-gradient(0deg, hsla(140, 3%, 77%, .12), hsla(140, 3%, 77%, .12));
	--mio-theme-color-on-surface-2: linear-gradient(0deg, hsla(0, 0%, 89%, .08), hsla(0, 0%, 89%, .08)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-on-surface-4: linear-gradient(0deg, hsla(0, 0%, 89%, .12), hsla(0, 0%, 89%, .12)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-white: #fff;
	--mio-theme-color-on-background: #e3e3e3;
	--mio-theme-color-background: #1f1f1f;
	--mio-theme-color-on-surface: #e3e3e3;
	--mio-theme-color-on-surface-variant: #c4c7c5;
	--mio-theme-color-surface-0: #1f1f1f;
	--mio-theme-color-surface-variant: #444746;
	--mio-theme-color-inverse-surface: #e3e3e3;
	--mio-theme-color-inverse-on-surface: #303030;
	--mio-theme-color-surface-1: #28292a;
	--mio-theme-color-surface-2: #2d2f31;
	--mio-theme-color-surface-3: #333438;
	--mio-theme-color-surface-4: #34363a;
	--mio-theme-color-surface-5: #383a3e;
	--mio-theme-color-primary: #a8c7fa;
	--mio-theme-color-primary-80: #a8c7fa;
	--mio-theme-color-primary-30: #0842a0;
	--mio-theme-color-primary-20: #062e6f;
	--mio-theme-color-neutral-10: #1f1f1f;
	--mio-theme-color-neutral-90: #e3e3e3;
	--mio-theme-color-on-primary: #062e6f;
	--mio-theme-color-primary-container: #0842a0;
	--mio-theme-color-on-primary-container: #d3e3fd;
	--mio-theme-color-secondary: #7fcfff;
	--mio-theme-color-on-secondary: #035;
	--mio-theme-color-secondary-container: #004a77;
	--mio-theme-color-on-secondary-container: #c2e7ff;
	--mio-theme-color-tertiary-container: #0f5223;
	--mio-theme-color-on-tertiary-container: #c4eed0;
	--mio-theme-color-utility-error: #f2b8b5;
	--mio-theme-color-utility-on-error: #601410;
	--mio-theme-color-utility-outline: #8e918f;
	--mio-theme-color-extensions-do-container: #b4e5f2;
	--mio-theme-color-extensions-on-do-container: #073550;
	--mio-theme-color-extensions-dont-container: #f2b8b5;
	--mio-theme-color-extensions-on-dont-container: #601410;
	--mio-theme-color-extensions-caution-container: #e2e290;
	--mio-theme-color-extensions-on-caution-container: #473e00;
	--mio-theme-color-copy-link-tooltip: #f2f2f2;
	--mio-theme-elevation-1: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);
	--mio-theme-elevation-2: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);
	--mio-theme-elevation-3: 0px 1px 3px 0px rgba(0, 0, 0, .3), 0px 4px 8px 3px rgba(0, 0, 0, .15)
}

:root.green {
	--mio-theme-color-on-surface-variant-2: linear-gradient(0deg, rgba(67, 73, 62, .08), rgba(67, 73, 62, .08));
	--mio-theme-color-on-surface-variant-4: linear-gradient(0deg, rgba(67, 73, 62, .12), rgba(67, 73, 62, .12));
	--mio-theme-color-on-surface-2: linear-gradient(0deg, rgba(26, 28, 24, .08), rgba(26, 28, 24, .08)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-on-surface-4: linear-gradient(0deg, rgba(26, 28, 24, .12), rgba(26, 28, 24, .12)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-white: #fff;
	--mio-theme-color-on-background: #1a1c18;
	--mio-theme-color-background: #fdfdf6;
	--mio-theme-color-on-surface: #1a1c18;
	--mio-theme-color-on-surface-variant: #43493e;
	--mio-theme-color-surface-0: #fdfdf6;
	--mio-theme-color-surface-variant: #dfe4d6;
	--mio-theme-color-inverse-surface: #2f312c;
	--mio-theme-color-inverse-on-surface: #f1f1ea;
	--mio-theme-color-primary: #386a20;
	--mio-theme-color-primary-80: #9cd67d;
	--mio-theme-color-primary-30: #205107;
	--mio-theme-color-primary-20: #0c3900;
	--mio-theme-color-on-primary: #fff;
	--mio-theme-color-primary-container: #b8f397;
	--mio-theme-color-on-primary-container: #042100;
	--mio-theme-color-secondary: #55624c;
	--mio-theme-color-on-secondary: #fff;
	--mio-theme-color-secondary-container: #d9e7cb;
	--mio-theme-color-on-secondary-container: #131f0d;
	--mio-theme-color-tertiary-container: #bbebeb;
	--mio-theme-color-on-tertiary-container: #002021;
	--mio-theme-color-utility-error: #ba1b1b;
	--mio-theme-color-utility-on-error: #fff;
	--mio-theme-color-utility-outline: #74796e;
	--mio-theme-color-surface-1: #f0f3e8;
	--mio-theme-color-surface-2: #ebefe2;
	--mio-theme-color-surface-3: #e5eadc;
	--mio-theme-color-surface-4: #e3e9da;
	--mio-theme-color-surface-5: #dfe6d5;
	--mio-theme-color-ref-secondary-200: #bdcbb0;
	--mio-theme-color-ref-secondary-300: #a1b095;
	--mio-theme-color-ref-neutral-100: #e3e3e3;
	--mio-theme-color-ref-neutral-200: #c7c7c7
}

:root.green.dark-mode {
	--mio-theme-color-on-surface-variant-2: linear-gradient(0deg, hsla(78, 11%, 76%, .08), hsla(78, 11%, 76%, .08));
	--mio-theme-color-on-surface-variant-4: linear-gradient(0deg, hsla(78, 11%, 76%, .12), hsla(78, 11%, 76%, .12));
	--mio-theme-color-on-surface-2: linear-gradient(0deg, hsla(60, 11%, 88%, .08), hsla(60, 11%, 88%, .08)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-on-surface-4: linear-gradient(0deg, hsla(60, 11%, 88%, .12), hsla(60, 11%, 88%, .12)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-white: #fff;
	--mio-theme-color-on-background: #e3e3dc;
	--mio-theme-color-background: #1a1c18;
	--mio-theme-color-on-surface: #e3e3dc;
	--mio-theme-color-on-surface-variant: #c4c8bb;
	--mio-theme-color-surface-0: #1a1c18;
	--mio-theme-color-surface-variant: #43493e;
	--mio-theme-color-surface-1: #232820;
	--mio-theme-color-surface-2: #272e23;
	--mio-theme-color-surface-3: #2b3326;
	--mio-theme-color-surface-4: #2c3527;
	--mio-theme-color-surface-5: #2f3929;
	--mio-theme-color-inverse-surface: #2f312c;
	--mio-theme-color-inverse-on-surface: #f1f1ea;
	--mio-theme-color-primary: #9cd67d;
	--mio-theme-color-primary-80: #9cd67d;
	--mio-theme-color-primary-30: #205107;
	--mio-theme-color-primary-20: #0c3900;
	--mio-theme-color-neutral-10: #1a1c18;
	--mio-theme-color-neutral-90: #e3e3dc;
	--mio-theme-color-on-primary: #0c3900;
	--mio-theme-color-primary-container: #205107;
	--mio-theme-color-on-primary-container: #b8f397;
	--mio-theme-color-secondary: #bdcbb0;
	--mio-theme-color-on-secondary: #273420;
	--mio-theme-color-secondary-container: #3e4a36;
	--mio-theme-color-on-secondary-container: #d9e7cb;
	--mio-theme-color-tertiary-container: #1e4e4e;
	--mio-theme-color-on-tertiary-container: #bbebeb;
	--mio-theme-color-utility-error: #ffb4a9;
	--mio-theme-color-utility-on-error: #680003;
	--mio-theme-color-utility-outline: #8d9286
}

:root.red {
	--mio-theme-color-on-surface-variant-2: linear-gradient(0deg, rgba(83, 67, 67, .08), rgba(83, 67, 67, .08));
	--mio-theme-color-on-surface-variant-4: linear-gradient(0deg, rgba(83, 67, 67, .12), rgba(83, 67, 67, .12));
	--mio-theme-color-on-surface-2: linear-gradient(0deg, rgba(33, 26, 26, .08), rgba(33, 26, 26, .08)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-on-surface-4: linear-gradient(0deg, rgba(33, 26, 26, .12), rgba(33, 26, 26, .12)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-white: #fff;
	--mio-theme-color-on-background: #211a1a;
	--mio-theme-color-background: #fcfcfc;
	--mio-theme-color-on-surface: #211a1a;
	--mio-theme-color-on-surface-variant: #534343;
	--mio-theme-color-surface-0: #fcfcfc;
	--mio-theme-color-surface-variant: #f4dedd;
	--mio-theme-color-inverse-surface: #362f2f;
	--mio-theme-color-inverse-on-surface: #fbeeed;
	--mio-theme-color-primary: #9c4146;
	--mio-theme-color-primary-80: #ffb3b5;
	--mio-theme-color-primary-30: #7d2a30;
	--mio-theme-color-primary-20: #5f121b;
	--mio-theme-color-on-primary: #fff;
	--mio-theme-color-primary-container: #ffdadb;
	--mio-theme-color-on-primary-container: #400008;
	--mio-theme-color-secondary: #765656;
	--mio-theme-color-on-secondary: #fff;
	--mio-theme-color-secondary-container: #ffdad9;
	--mio-theme-color-on-secondary-container: #2d1516;
	--mio-theme-color-tertiary-container: #fda;
	--mio-theme-color-on-tertiary-container: #281800;
	--mio-theme-color-utility-error: #ba1b1b;
	--mio-theme-color-utility-on-error: #fff;
	--mio-theme-color-utility-outline: #857373;
	--mio-theme-color-surface-1: #f5f0f0;
	--mio-theme-color-surface-2: #f3eaeb;
	--mio-theme-color-surface-3: #f0e5e5;
	--mio-theme-color-surface-4: #efe3e4;
	--mio-theme-color-surface-5: #eddfe0;
	--mio-theme-color-ref-secondary-200: #e6bcbc;
	--mio-theme-color-ref-secondary-300: #c9a1a1;
	--mio-theme-color-ref-neutral-100: #e3e3e3;
	--mio-theme-color-ref-neutral-200: #c7c7c7
}

:root.red.dark-mode {
	--mio-theme-color-on-surface-variant-2: linear-gradient(0deg, hsla(3, 22%, 80%, .08), hsla(3, 22%, 80%, .08));
	--mio-theme-color-on-surface-variant-4: linear-gradient(0deg, hsla(3, 22%, 80%, .12), hsla(3, 22%, 80%, .12));
	--mio-theme-color-on-surface-2: linear-gradient(0deg, hsla(4, 28%, 90%, .08), hsla(4, 28%, 90%, .08)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-on-surface-4: linear-gradient(0deg, hsla(4, 28%, 90%, .12), hsla(4, 28%, 90%, .12)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-white: #fff;
	--mio-theme-color-on-background: #ede0df;
	--mio-theme-color-background: #211a1a;
	--mio-theme-color-on-surface: #ede0df;
	--mio-theme-color-on-surface-variant: #d7c2c1;
	--mio-theme-color-surface-0: #211a1a;
	--mio-theme-color-surface-variant: #534343;
	--mio-theme-color-surface-1: #2f2525;
	--mio-theme-color-surface-2: #362929;
	--mio-theme-color-surface-3: #3c2e2e;
	--mio-theme-color-surface-4: #3e2f2f;
	--mio-theme-color-surface-5: #433232;
	--mio-theme-color-inverse-surface: #362f2f;
	--mio-theme-color-inverse-on-surface: #fbeeed;
	--mio-theme-color-primary: #ffb3b5;
	--mio-theme-color-primary-80: #ffb3b5;
	--mio-theme-color-primary-30: #7d2a30;
	--mio-theme-color-primary-20: #5f121b;
	--mio-theme-color-neutral-10: #211a1a;
	--mio-theme-color-neutral-90: #ede0df;
	--mio-theme-color-on-primary: #5f121b;
	--mio-theme-color-primary-container: #7d2a30;
	--mio-theme-color-on-primary-container: #ffdadb;
	--mio-theme-color-secondary: #e6bcbc;
	--mio-theme-color-on-secondary: #442929;
	--mio-theme-color-secondary-container: #5c3f3f;
	--mio-theme-color-on-secondary-container: #ffdad9;
	--mio-theme-color-tertiary-container: #5b4219;
	--mio-theme-color-on-tertiary-container: #fda;
	--mio-theme-color-utility-error: #ffb4a9;
	--mio-theme-color-utility-on-error: #680003;
	--mio-theme-color-utility-outline: #a08c8c
}

:root.yellow {
	--mio-theme-color-on-surface-variant-2: linear-gradient(0deg, rgba(72, 71, 58, .08), rgba(72, 71, 58, .08));
	--mio-theme-color-on-surface-variant-4: linear-gradient(0deg, rgba(72, 71, 58, .12), rgba(72, 71, 58, .12));
	--mio-theme-color-on-surface-2: linear-gradient(0deg, rgba(28, 28, 22, .08), rgba(28, 28, 22, .08)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-on-surface-4: linear-gradient(0deg, rgba(28, 28, 22, .12), rgba(28, 28, 22, .12)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-white: #fff;
	--mio-theme-color-on-background: #1c1c16;
	--mio-theme-color-background: #fffcf3;
	--mio-theme-color-on-surface: #1c1c16;
	--mio-theme-color-on-surface-variant: #48473a;
	--mio-theme-color-surface-0: #fffcf3;
	--mio-theme-color-surface-variant: #e6e3d1;
	--mio-theme-color-inverse-surface: #31302b;
	--mio-theme-color-inverse-on-surface: #f4f0e8;
	--mio-theme-color-primary: #616200;
	--mio-theme-color-primary-80: #cbcc58;
	--mio-theme-color-primary-30: #494a00;
	--mio-theme-color-primary-20: #323200;
	--mio-theme-color-on-primary: #fff;
	--mio-theme-color-primary-container: #e8e971;
	--mio-theme-color-on-primary-container: #1d1d00;
	--mio-theme-color-secondary: #606042;
	--mio-theme-color-on-secondary: #fff;
	--mio-theme-color-secondary-container: #e6e4bf;
	--mio-theme-color-on-secondary-container: #1c1d06;
	--mio-theme-color-tertiary-container: #bfedd9;
	--mio-theme-color-on-tertiary-container: #002117;
	--mio-theme-color-utility-error: #ba1b1b;
	--mio-theme-color-utility-on-error: #fff;
	--mio-theme-color-utility-outline: #797869;
	--mio-theme-color-surface-1: #f4f1e4;
	--mio-theme-color-surface-2: #f0eddd;
	--mio-theme-color-surface-3: #ebe8d6;
	--mio-theme-color-surface-4: #e9e7d3;
	--mio-theme-color-surface-5: #e6e4ce;
	--mio-theme-color-ref-secondary-200: #cac8a5;
	--mio-theme-color-ref-secondary-300: #aead8a;
	--mio-theme-color-ref-neutral-100: #e3e3e3;
	--mio-theme-color-ref-neutral-200: #c7c7c7
}

:root.yellow.dark-mode {
	--mio-theme-color-on-surface-variant-2: linear-gradient(0deg, hsla(54, 15%, 75%, .08), hsla(54, 15%, 75%, .08));
	--mio-theme-color-on-surface-variant-4: linear-gradient(0deg, hsla(54, 15%, 75%, .12), hsla(54, 15%, 75%, .12));
	--mio-theme-color-on-surface-2: linear-gradient(0deg, hsla(45, 19%, 87%, .08), hsla(45, 19%, 87%, .08)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-on-surface-4: linear-gradient(0deg, hsla(45, 19%, 87%, .12), hsla(45, 19%, 87%, .12)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-white: #fff;
	--mio-theme-color-on-background: #e5e2d9;
	--mio-theme-color-background: #1c1c16;
	--mio-theme-color-on-surface: #e5e2d9;
	--mio-theme-color-on-surface-variant: #c9c7b6;
	--mio-theme-color-surface-0: #1c1c16;
	--mio-theme-color-surface-variant: #48473a;
	--mio-theme-color-surface-1: #28281c;
	--mio-theme-color-surface-2: #2d2d1e;
	--mio-theme-color-surface-3: #323220;
	--mio-theme-color-surface-4: #343421;
	--mio-theme-color-surface-5: #373722;
	--mio-theme-color-inverse-surface: #31302b;
	--mio-theme-color-inverse-on-surface: #f4f0e8;
	--mio-theme-color-primary: #cbcc58;
	--mio-theme-color-primary-80: #cbcc58;
	--mio-theme-color-primary-30: #494a00;
	--mio-theme-color-primary-20: #323200;
	--mio-theme-color-neutral-10: #1c1c16;
	--mio-theme-color-neutral-90: #e5e2d9;
	--mio-theme-color-on-primary: #323200;
	--mio-theme-color-primary-container: #494a00;
	--mio-theme-color-on-primary-container: #e8e971;
	--mio-theme-color-secondary: #cac8a5;
	--mio-theme-color-on-secondary: #323219;
	--mio-theme-color-secondary-container: #48482d;
	--mio-theme-color-on-secondary-container: #e6e4bf;
	--mio-theme-color-tertiary-container: #254e40;
	--mio-theme-color-on-tertiary-container: #bfedd9;
	--mio-theme-color-utility-error: #ffb4a9;
	--mio-theme-color-utility-on-error: #680003;
	--mio-theme-color-utility-outline: #939182
}

:root.nav-transition * {
	transition: background-color .5s cubic-bezier(.2, 0, 0, 1)
}

mwc-button {
	--mdc-typography-button-font-family: var(--mio-theme-v2-label-l-font-family);
	--mdc-typography-button-font-size: var(--mio-theme-v2-label-l-font-size);
	--mdc-typography-button-line-height: var(--mio-theme-v2-label-l-line-height);
	--mdc-typography-button-font-weight: var(--mio-theme-v2-label-l-font-weight);
	--mdc-typography-button-letter-spacing: var(--mio-theme-v2-label-l-letter-spacing);
	--mdc-typography-button-text-transform: none
}

:root {
	--mio-theme-color-white: #fff;
	--mio-theme-color-on-surface: #1f1f1f;
	--mio-theme-color-scrim-video-container: rgba(31, 31, 31, .64);
	--mio-theme-color-scrim-video-control: hsla(0, 0%, 100%, .12);
	--mio-theme-color-scrim-video-control-pressed: hsla(0, 0%, 100%, .24)
}

* {
	box-sizing: border-box
}

body,
html {
	height: 100%;
	margin: 0
}

body {
	font-family: var(--mio-theme-v2-body-l-font-family);
	font-size: var(--mio-theme-v2-body-l-font-size);
	font-weight: var(--mio-theme-v2-body-l-font-weight);
	letter-spacing: var(--mio-theme-v2-body-l-letter-spacing);
	line-height: var(--mio-theme-v2-body-l-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-body-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-body-l-font-variation-opsz);
	color: var(--mio-theme-color-on-surface)
}

@media screen and (max-width:600px) {
	body {
		font-family: var(--mio-theme-v2-body-m-font-family);
		font-size: var(--mio-theme-v2-body-m-font-size);
		font-weight: var(--mio-theme-v2-body-m-font-weight);
		letter-spacing: var(--mio-theme-v2-body-m-letter-spacing);
		line-height: var(--mio-theme-v2-body-m-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-body-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-body-m-font-variation-opsz)
	}
}

@media screen and (min-width:601px) and (max-width:1294px) {
	body {
		font-family: var(--mio-theme-v2-body-l-font-family);
		font-size: var(--mio-theme-v2-body-l-font-size);
		font-weight: var(--mio-theme-v2-body-l-font-weight);
		letter-spacing: var(--mio-theme-v2-body-l-letter-spacing);
		line-height: var(--mio-theme-v2-body-l-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-body-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-body-l-font-variation-opsz)
	}
}

h2,
h4,
h5,
h6 {
	margin: 32px 0
}

h1 {
	font-family: var(--mio-theme-v2-display-l-font-family);
	font-size: var(--mio-theme-v2-display-l-font-size);
	font-weight: var(--mio-theme-v2-display-l-font-weight);
	letter-spacing: var(--mio-theme-v2-display-l-letter-spacing);
	line-height: var(--mio-theme-v2-display-l-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-display-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-display-l-font-variation-opsz);
	margin: 0
}

@media screen and (max-width:600px) {
	h1 {
		font-family: var(--mio-theme-v2-display-s-font-family);
		font-size: var(--mio-theme-v2-display-s-font-size);
		font-weight: var(--mio-theme-v2-display-s-font-weight);
		letter-spacing: var(--mio-theme-v2-display-s-letter-spacing);
		line-height: var(--mio-theme-v2-display-s-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-display-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-display-s-font-variation-opsz)
	}
}

@media screen and (min-width:601px) and (max-width:1294px) {
	h1 {
		font-family: var(--mio-theme-v2-display-m-font-family);
		font-size: var(--mio-theme-v2-display-m-font-size);
		font-weight: var(--mio-theme-v2-display-m-font-weight);
		letter-spacing: var(--mio-theme-v2-display-m-letter-spacing);
		line-height: var(--mio-theme-v2-display-m-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-display-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-display-m-font-variation-opsz)
	}
}

h2 {
	font-family: var(--mio-theme-v2-display-m-font-family);
	font-size: var(--mio-theme-v2-display-m-font-size);
	font-weight: var(--mio-theme-v2-display-m-font-weight);
	letter-spacing: var(--mio-theme-v2-display-m-letter-spacing);
	line-height: var(--mio-theme-v2-display-m-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-display-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-display-m-font-variation-opsz)
}

@media screen and (max-width:600px) {
	h2 {
		font-family: var(--mio-theme-v2-headline-l-font-family);
		font-size: var(--mio-theme-v2-headline-l-font-size);
		font-weight: var(--mio-theme-v2-headline-l-font-weight);
		letter-spacing: var(--mio-theme-v2-headline-l-letter-spacing);
		line-height: var(--mio-theme-v2-headline-l-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-headline-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-headline-l-font-variation-opsz)
	}
}

@media screen and (min-width:601px) and (max-width:1294px) {
	h2 {
		font-family: var(--mio-theme-v2-display-s-font-family);
		font-size: var(--mio-theme-v2-display-s-font-size);
		font-weight: var(--mio-theme-v2-display-s-font-weight);
		letter-spacing: var(--mio-theme-v2-display-s-letter-spacing);
		line-height: var(--mio-theme-v2-display-s-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-display-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-display-s-font-variation-opsz)
	}
}

h3 {
	font-family: var(--mio-theme-v2-display-s-font-family);
	font-size: var(--mio-theme-v2-display-s-font-size);
	font-weight: var(--mio-theme-v2-display-s-font-weight);
	letter-spacing: var(--mio-theme-v2-display-s-letter-spacing);
	line-height: var(--mio-theme-v2-display-s-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-display-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-display-s-font-variation-opsz);
	margin: 16px 0
}

@media screen and (max-width:600px) {
	h3 {
		font-family: var(--mio-theme-v2-headline-m-font-family);
		font-size: var(--mio-theme-v2-headline-m-font-size);
		font-weight: var(--mio-theme-v2-headline-m-font-weight);
		letter-spacing: var(--mio-theme-v2-headline-m-letter-spacing);
		line-height: var(--mio-theme-v2-headline-m-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-headline-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-headline-m-font-variation-opsz)
	}
}

@media screen and (min-width:601px) and (max-width:1294px) {
	h3 {
		font-family: var(--mio-theme-v2-headline-l-font-family);
		font-size: var(--mio-theme-v2-headline-l-font-size);
		font-weight: var(--mio-theme-v2-headline-l-font-weight);
		letter-spacing: var(--mio-theme-v2-headline-l-letter-spacing);
		line-height: var(--mio-theme-v2-headline-l-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-headline-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-headline-l-font-variation-opsz)
	}
}

h4 {
	font-family: var(--mio-theme-v2-headline-s-font-family);
	font-size: var(--mio-theme-v2-headline-s-font-size);
	font-weight: var(--mio-theme-v2-headline-s-font-weight);
	letter-spacing: var(--mio-theme-v2-headline-s-letter-spacing);
	line-height: var(--mio-theme-v2-headline-s-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-headline-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-headline-s-font-variation-opsz)
}

@media screen and (max-width:600px) {
	h4 {
		font-family: var(--mio-theme-v2-headline-s-font-family);
		font-size: var(--mio-theme-v2-headline-s-font-size);
		font-weight: var(--mio-theme-v2-headline-s-font-weight);
		letter-spacing: var(--mio-theme-v2-headline-s-letter-spacing);
		line-height: var(--mio-theme-v2-headline-s-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-headline-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-headline-s-font-variation-opsz)
	}
}

@media screen and (min-width:601px) and (max-width:1294px) {
	h4 {
		font-family: var(--mio-theme-v2-headline-s-font-family);
		font-size: var(--mio-theme-v2-headline-s-font-size);
		font-weight: var(--mio-theme-v2-headline-s-font-weight);
		letter-spacing: var(--mio-theme-v2-headline-s-letter-spacing);
		line-height: var(--mio-theme-v2-headline-s-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-headline-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-headline-s-font-variation-opsz)
	}
}

h5 {
	font-family: var(--mio-theme-v2-title-m-font-family);
	font-size: var(--mio-theme-v2-title-m-font-size);
	font-weight: var(--mio-theme-v2-title-m-font-weight);
	letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
	line-height: var(--mio-theme-v2-title-m-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz)
}

@media screen and (max-width:600px) {
	h5 {
		font-family: var(--mio-theme-v2-title-m-font-family);
		font-size: var(--mio-theme-v2-title-m-font-size);
		font-weight: var(--mio-theme-v2-title-m-font-weight);
		letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
		line-height: var(--mio-theme-v2-title-m-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz)
	}
}

@media screen and (min-width:601px) and (max-width:1294px) {
	h5 {
		font-family: var(--mio-theme-v2-title-m-font-family);
		font-size: var(--mio-theme-v2-title-m-font-size);
		font-weight: var(--mio-theme-v2-title-m-font-weight);
		letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
		line-height: var(--mio-theme-v2-title-m-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz)
	}
}

h6 {
	font-family: var(--mio-theme-v2-title-m-font-family);
	font-size: var(--mio-theme-v2-title-m-font-size);
	font-weight: var(--mio-theme-v2-title-m-font-weight);
	letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
	line-height: var(--mio-theme-v2-title-m-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz)
}

@media screen and (max-width:600px) {
	h6 {
		font-family: var(--mio-theme-v2-title-m-font-family);
		font-size: var(--mio-theme-v2-title-m-font-size);
		font-weight: var(--mio-theme-v2-title-m-font-weight);
		letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
		line-height: var(--mio-theme-v2-title-m-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz)
	}
}

@media screen and (min-width:601px) and (max-width:1294px) {
	h6 {
		font-family: var(--mio-theme-v2-title-m-font-family);
		font-size: var(--mio-theme-v2-title-m-font-size);
		font-weight: var(--mio-theme-v2-title-m-font-weight);
		letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
		line-height: var(--mio-theme-v2-title-m-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz)
	}
}

b,
strong {
	font-weight: 500
}

em {
	font-style: italic
}

a {
	font-family: var(--mio-theme-v2-title-m-font-family);
	font-size: var(--mio-theme-v2-title-m-font-size);
	font-weight: var(--mio-theme-v2-title-m-font-weight);
	letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
	line-height: var(--mio-theme-v2-title-m-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz);
	padding: 1px;
	border-radius: 4px;
	color: var(--mio-theme-color-primary);
	text-decoration: underline
}

@media screen and (max-width:600px) {
	a {
		font-family: var(--mio-theme-v2-title-m-font-family);
		font-size: var(--mio-theme-v2-title-m-font-size);
		font-weight: var(--mio-theme-v2-title-m-font-weight);
		letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
		line-height: var(--mio-theme-v2-title-m-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz)
	}
}

@media screen and (min-width:601px) and (max-width:1294px) {
	a {
		font-family: var(--mio-theme-v2-title-m-font-family);
		font-size: var(--mio-theme-v2-title-m-font-size);
		font-weight: var(--mio-theme-v2-title-m-font-weight);
		letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
		line-height: var(--mio-theme-v2-title-m-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz)
	}
}

a:hover {
	color: var(--mio-theme-color-on-primary-container)
}

a:focus {
	margin: -1px;
	border: 1px solid var(--mio-theme-color-primary);
	outline: 0;
	box-shadow: inset 0 0 0 1px var(--mio-theme-color-surface-0)
}

a:hover:focus {
	border: 1px solid var(--mio-theme-color-on-primary-container);
	outline: 0;
	color: var(--mio-theme-color-on-primary-container)
}

p {
	-webkit-margin-before: 1em;
	margin-block-start: 1em;
	-webkit-margin-after: 1em;
	margin-block-end: 1em
}

code {
	font-family: var(--mio-theme-v2-code-l-font-family);
	font-size: var(--mio-theme-v2-code-l-font-size);
	font-weight: var(--mio-theme-v2-code-l-font-weight);
	letter-spacing: var(--mio-theme-v2-code-l-letter-spacing);
	line-height: var(--mio-theme-v2-code-l-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-code-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-code-l-font-variation-opsz);
	padding: 0 2px;
	border-radius: 2px;
	background: var(--mio-theme-color-surface-2)
}

ul {
	list-style: initial
}

.material-icons {
	font-family: Google Material Icons, Arial, sans-serif
}

.ripple {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: center center;
	border-radius: 50%;
	filter: blur(4px)
}

.animation-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%
}

[inert] {
	pointer-events: none;
	cursor: default;
}

[inert],
[inert] * {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

[_nghost-mqa-c16] {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	background: var(--mio-theme-color-background);
}

.content-container[_ngcontent-mqa-c16] {
	display: flex;
	flex-grow: 1;
	justify-content: center;
	width: 100%;
}

.navigation[_ngcontent-mqa-c16] {
	display: flex;
}

[_nghost-mqa-c18] {
	width: 100%;
}

@media screen and (min-width: 961px) {
	[_nghost-mqa-c18] {
		padding-left: 88px;
	}
}

mwc-drawer[_ngcontent-mqa-c18] {
	--mdc-drawer-width: 230px;
}

@media screen and (max-width: 960px) {
	mwc-drawer[_ngcontent-mqa-c18] {
		--mdc-drawer-width: 320px;
	}
}

mwc-drawer[type=dismissible][_ngcontent-mqa-c18] nav[_ngcontent-mqa-c18] {
	padding-top: 8px;
}

mwc-drawer[type=modal][_ngcontent-mqa-c18] nav[_ngcontent-mqa-c18] {
	overflow: hidden;
}

mwc-drawer[type=modal][_ngcontent-mqa-c18] .nav-drawer-section[_ngcontent-mqa-c18] {
	height: calc(100% - 80px);
}

mwc-drawer[type=dismissible][_ngcontent-mqa-c18] nav[_ngcontent-mqa-c18],
mwc-drawer[type=modal][_ngcontent-mqa-c18] nav[_ngcontent-mqa-c18] {
	height: 100%;
}

.nav-drawer-section[_ngcontent-mqa-c18] {
	padding-bottom: 24px;
	overflow-y: auto;
}

@media screen and (max-width: 960px) {
	.nav-drawer-section[_ngcontent-mqa-c18] {
		margin: 8px 8px auto;
	}
}

.page-content[_ngcontent-mqa-c18] {
	display: flex;
	flex-direction: column;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	min-height: calc(100vh - 64px);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.section-title[_ngcontent-mqa-c18] {
	margin-bottom: 8px;
	margin-left: 24px;
	color: var(--mio-theme-color-on-surface-variant);
	font-size: var(--mio-theme-v2-label-l-font-size);
	font-weight: var(--mio-theme-v2-label-l-font-weight);
	line-height: var(--mio-theme-v2-label-l-line-height);
}

.item[_ngcontent-mqa-c18] {
	display: flex;
	position: relative;
	align-items: center;
	height: 48px;
	padding: 2px 16px;
	color: var(--mio-theme-color-on-surface-variant);
	text-decoration: none;
	cursor: pointer;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
}

.item[_ngcontent-mqa-c18] .section-icon[_ngcontent-mqa-c18] {
	margin-right: 16px;
}

.item[_ngcontent-mqa-c18] .arrow-right-icon[_ngcontent-mqa-c18] {
	margin-left: auto;
}

.item[_ngcontent-mqa-c18]:focus {
	margin: 0;
	border: none;
	outline: none;
	box-shadow: none;
}

.item.active[_ngcontent-mqa-c18] {
	border-radius: 100px;
	background: var(--mio-theme-color-secondary-container);
	color: var(--mio-theme-color-on-secondary-container);
}

.item.active[_ngcontent-mqa-c18] .google-symbols[_ngcontent-mqa-c18] {
	font-variation-settings: "FILL"1, "wght"400, "opsz"24;
}

.item.active[_ngcontent-mqa-c18]:hover .label[_ngcontent-mqa-c18] {
	font-variation-settings: "GRAD"50;
}

.item.active[_ngcontent-mqa-c18]:hover .google-symbols[_ngcontent-mqa-c18] {
	font-variation-settings: "FILL"1, "wght"600, "opsz"24;
}

.item.active[_ngcontent-mqa-c18]:active .label[_ngcontent-mqa-c18] {
	font-variation-settings: "GRAD"-50;
}

.item.active[_ngcontent-mqa-c18]:active .google-symbols[_ngcontent-mqa-c18] {
	font-variation-settings: "FILL"1, "wght"300, "opsz"24;
}

.menu[_ngcontent-mqa-c18] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin-bottom: 8px;
	margin-left: 4px;
	color: var(--mio-theme-color-on-surface-variant);
	cursor: pointer;
}

.menu[_ngcontent-mqa-c18]:focus-visible {
	border: 2px solid var(--mio-theme-color-on-surface);
	border-radius: 24px;
	outline: 0;
	box-shadow: inset 0 0 0 2px var(--mio-theme-color-surface-0);
}

.main-menu[_ngcontent-mqa-c18] {
	font-family: var(--mio-theme-v2-title-m-font-family);
	font-size: var(--mio-theme-v2-title-m-font-size);
	font-weight: var(--mio-theme-v2-title-m-font-weight);
	letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
	line-height: var(--mio-theme-v2-title-m-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz);
	display: flex;
	position: relative;
	align-items: center;
	height: 48px;
	padding: 0 16px;
	color: var(--mio-theme-color-on-surface-variant);
	font-family: var(--mio-theme-display-font-family);
	cursor: pointer;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
}

.main-menu[_ngcontent-mqa-c18] .arrow-back-icon[_ngcontent-mqa-c18] {
	margin-right: 16px;
}

.google-symbols[_ngcontent-mqa-c18] {
	font-variation-settings: "wght"400, "opsz"24;
	transition: font-variation-settings 200ms cubic-bezier(0.2, 0, 0, 1);
}

.label[_ngcontent-mqa-c18] {
	font-variation-settings: "GRAD"0;
	transition: font-variation-settings 200ms cubic-bezier(0.2, 0, 0, 1);
}

.menu[_ngcontent-mqa-c18],
.item[_ngcontent-mqa-c18] {
	font-family: var(--mio-theme-v2-title-m-font-family);
	font-size: var(--mio-theme-v2-title-m-font-size);
	font-weight: var(--mio-theme-v2-title-m-font-weight);
	letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
	line-height: var(--mio-theme-v2-title-m-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz);
	font-family: var(--mio-theme-display-font-family);
}

.menu[_ngcontent-mqa-c18]:hover,
.main-menu[_ngcontent-mqa-c18]:hover,
.item[_ngcontent-mqa-c18]:hover {
	border-radius: 100px;
	background: var(--mio-theme-color-on-surface-variant-2);
	color: var(--mio-theme-color-on-surface);
}

.menu[_ngcontent-mqa-c18]:hover .label[_ngcontent-mqa-c18],
.main-menu[_ngcontent-mqa-c18]:hover .label[_ngcontent-mqa-c18],
.item[_ngcontent-mqa-c18]:hover .label[_ngcontent-mqa-c18] {
	font-variation-settings: "GRAD"50;
}

.menu[_ngcontent-mqa-c18]:hover .google-symbols[_ngcontent-mqa-c18],
.main-menu[_ngcontent-mqa-c18]:hover .google-symbols[_ngcontent-mqa-c18],
.item[_ngcontent-mqa-c18]:hover .google-symbols[_ngcontent-mqa-c18] {
	font-variation-settings: "wght"600, "opsz"24;
}

.menu[_ngcontent-mqa-c18]:hover.active,
.main-menu[_ngcontent-mqa-c18]:hover.active,
.item[_ngcontent-mqa-c18]:hover.active {
	background: var(--mio-theme-color-on-surface-2);
}

.menu[_ngcontent-mqa-c18]:active,
.main-menu[_ngcontent-mqa-c18]:active,
.item[_ngcontent-mqa-c18]:active {
	background: var(--mio-theme-color-on-surface-variant-4);
	color: var(--mio-theme-color-on-surface);
}

.menu[_ngcontent-mqa-c18]:active .label[_ngcontent-mqa-c18],
.main-menu[_ngcontent-mqa-c18]:active .label[_ngcontent-mqa-c18],
.item[_ngcontent-mqa-c18]:active .label[_ngcontent-mqa-c18] {
	font-variation-settings: "GRAD"-50;
}

.menu[_ngcontent-mqa-c18]:active .google-symbols[_ngcontent-mqa-c18],
.main-menu[_ngcontent-mqa-c18]:active .google-symbols[_ngcontent-mqa-c18],
.item[_ngcontent-mqa-c18]:active .google-symbols[_ngcontent-mqa-c18] {
	font-variation-settings: "wght"300, "opsz"24;
}

[_nghost-mqa-c24] {
	position: fixed;
	bottom: 0;
	align-self: center;
	margin: 8px;
	margin-bottom: 8px;
	z-index: 10;
}

.cookie-notice[_ngcontent-mqa-c24] {
	font-family: var(--mio-theme-v2-body-m-font-family);
	font-size: var(--mio-theme-v2-body-m-font-size);
	font-weight: var(--mio-theme-v2-body-m-font-weight);
	letter-spacing: var(--mio-theme-v2-body-m-letter-spacing);
	line-height: var(--mio-theme-v2-body-m-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-body-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-body-m-font-variation-opsz);
	display: flex;
	align-items: center;
	padding: 8px 8px 8px 16px;
	border-radius: 8px;
	background: var(--mio-theme-color-inverse-surface);
	color: var(--mio-theme-color-inverse-on-surface);
}

.cookie-notice[_ngcontent-mqa-c24] a[_ngcontent-mqa-c24] {
	font-family: var(--mio-theme-v2-body-m-font-family);
	font-size: var(--mio-theme-v2-body-m-font-size);
	font-weight: var(--mio-theme-v2-body-m-font-weight);
	letter-spacing: var(--mio-theme-v2-body-m-letter-spacing);
	line-height: var(--mio-theme-v2-body-m-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-body-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-body-m-font-variation-opsz);
	padding: 0 2px;
	color: var(--mio-theme-color-primary-container);
}

.cookie-notice[_ngcontent-mqa-c24] a[_ngcontent-mqa-c24]:focus-visible {
	margin: -2px;
	border: 2px solid var(--mio-theme-color-surface-0);
	border-radius: 4px;
	outline: 0;
	box-shadow: inset 0 0 0 2px var(--mio-theme-on-color-surface);
}

@media screen and (max-width: 960px) {
	.cookie-notice[_ngcontent-mqa-c24] {
		padding: 14px 8px 14px 16px;
	}
}

@media screen and (max-width: 600px) {
	.cookie-notice[_ngcontent-mqa-c24] {
		flex-flow: column;
		align-items: flex-end;
		justify-content: space-around;
		padding: 16px 8px 8px 16px;
	}
}

.cookie-notice-message[_ngcontent-mqa-c24] .cookie-notice-message-content[_ngcontent-mqa-c24] {
	margin: 0;
}

@media screen and (min-width: 600px) {
	.cookie-notice-message[_ngcontent-mqa-c24] .cookie-notice-message-content[_ngcontent-mqa-c24] {
		margin-right: 40px;
	}
}

@media screen and (max-width: 600px) {
	.cookie-notice-message[_ngcontent-mqa-c24] .cookie-notice-message-content[_ngcontent-mqa-c24] {
		margin-bottom: 8px;
	}
}

.cookie-notice-confirm[_ngcontent-mqa-c24] {
	border-radius: 22px;
}

.cookie-notice-confirm[_ngcontent-mqa-c24]:hover {
	background: var(--mio-theme-color-inverse-surface);
}

.cookie-notice-confirm[_ngcontent-mqa-c24]:focus-visible {
	margin: -2px;
	border: 2px solid var(--mio-theme-color-surface-0);
	outline: 0;
	box-shadow: inset 0 0 0 2px var(--mio-theme-on-color-surface);
}

mwc-button[_ngcontent-mqa-c24] {
	--mdc-theme-primary: var(--mio-theme-color-primary-container);
	--mdc-theme-on-primary: transparent;
	--mdc-typography-button-white-space: nowrap;
	--mdc-shape-small: 100px;
	--mdc-button-horizontal-padding: 12px;
	--mdc-typography-button-font-size: var(--mio-theme-v2-label-l-font-size);
	--mdc-typography-button-font-weight: var(--mio-theme-v2-label-l-font-weight);
}

.menu[_ngcontent-mqa-c18]:active.active,
.main-menu[_ngcontent-mqa-c18]:active.active,
.item[_ngcontent-mqa-c18]:active.active {
	background: var(--mio-theme-color-on-surface-4);
}

.main-menu[_ngcontent-mqa-c18]:focus-visible,
.item[_ngcontent-mqa-c18]:focus-visible {
	margin: 0 -2px;
	border: 2px solid var(--mio-theme-color-on-surface);
	border-radius: 24px;
	outline: 0;
	box-shadow: inset 0 0 0 2px var(--mio-theme-color-surface-0);
}

.dark-mode-switch-container[_ngcontent-mqa-c18] {
	display: flex;
	position: absolute;
	bottom: 0;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 80px;
}

[_nghost-mqa-c25] {
	display: flex;
	position: fixed;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	background: var(--mio-theme-color-surface-2);
	overflow-y: auto;
	z-index: 8;
}

@media screen and (max-width: 960px) {
	[_nghost-mqa-c25] {
		display: none;
	}
}

a[_ngcontent-mqa-c25] {
	display: block;
	text-decoration: none;
}

a[_ngcontent-mqa-c25]:hover,
a[_ngcontent-mqa-c25]:focus,
a[_ngcontent-mqa-c25]:hover:focus {
	border: none;
	outline: none;
	box-shadow: none;
}

.skip-link[_ngcontent-mqa-c25] {
	position: absolute;
	width: 1px;
	height: 1px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-clip-path: polygon(0 0, 0 0, 0 0);
	clip-path: polygon(0 0, 0 0, 0 0);
}

.nav-rail-content[_ngcontent-mqa-c25] {
	display: flex;
	flex-direction: column;
	width: 88px;
	margin-top: 20px;
}

.section-link[_ngcontent-mqa-c25] {
	width: 80px;
	margin: -2px auto 14px;
	padding: 2px;
	color: var(--mio-theme-color-on-surface-variant);
}

.section-link[_ngcontent-mqa-c25] .google-symbols[_ngcontent-mqa-c25]::before {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;


	transform: scaleX(0.32);
	transition-duration: 200ms;
	transition-property: transform, opacity;
	transition-timing-function: linear;
	border-radius: 100px;
	background: var(--mio-theme-color-secondary-container);
	content: "";
	z-index: -1;
}

.section-link[_ngcontent-mqa-c25]:focus-visible,
.section-link[_ngcontent-mqa-c25]:hover:focus-visible {
	margin: -4px auto 12px;
	border: 2px solid var(--mio-theme-color-on-surface);
	border-radius: 18px;
	outline: 0;
	box-shadow: inset 0 0 0 2px var(--mio-theme-color-surface-0);
}

.section-link[_ngcontent-mqa-c25]:hover {
	color: var(--mio-theme-color-on-surface);
}

.section-link[_ngcontent-mqa-c25]:hover .label[_ngcontent-mqa-c25] {
	font-variation-settings: "GRAD"50;
}

.section-link[_ngcontent-mqa-c25]:hover .google-symbols[_ngcontent-mqa-c25] {
	background: var(--mio-theme-color-on-surface-variant-2);
	font-variation-settings: "wght"600, "opsz"24;
}

.section-link[_ngcontent-mqa-c25]:active {
	color: var(--mio-theme-color-on-surface);
}

.section-link[_ngcontent-mqa-c25]:active .label[_ngcontent-mqa-c25] {
	font-variation-settings: "GRAD"-50;
}

.section-link[_ngcontent-mqa-c25]:active .google-symbols[_ngcontent-mqa-c25] {
	background: var(--mio-theme-color-on-surface-variant-4);
	font-variation-settings: "wght"300, "opsz"24;
}

.section-link.active[_ngcontent-mqa-c25] .label[_ngcontent-mqa-c25] {
	color: var(--mio-theme-color-on-secondary-container);
	font-variation-settings: "GRAD"125;
}

.section-link.active[_ngcontent-mqa-c25] .google-symbols[_ngcontent-mqa-c25] {
	color: var(--mio-theme-color-on-secondary-container);
	font-variation-settings: "FILL"1, "wght"400, "opsz"24;
}

.section-link.active[_ngcontent-mqa-c25] .google-symbols[_ngcontent-mqa-c25]::before {
	opacity: 1;


	transform: scaleX(1);
}

.section-link.active[_ngcontent-mqa-c25]:hover .google-symbols[_ngcontent-mqa-c25] {
	font-variation-settings: "FILL"1, "wght"600, "opsz"24;
}

.section-link.active[_ngcontent-mqa-c25]:active .label[_ngcontent-mqa-c25] {
	font-variation-settings: "GRAD"-50;
}

.section-link.active[_ngcontent-mqa-c25]:active .google-symbols[_ngcontent-mqa-c25] {
	font-variation-settings: "FILL"1, "wght"300, "opsz"24;
}

.google-symbols[_ngcontent-mqa-c25] {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 32px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
	font-variation-settings: "wght"400, "opsz"24;
	transition: font-variation-settings 200ms cubic-bezier(0.2, 0, 0, 1);
	border-radius: 16px;
}

.label[_ngcontent-mqa-c25] {
	font-family: var(--mio-theme-v2-label-m-font-family);
	font-size: var(--mio-theme-v2-label-m-font-size);
	font-weight: var(--mio-theme-v2-label-m-font-weight);
	letter-spacing: var(--mio-theme-v2-label-m-letter-spacing);
	line-height: var(--mio-theme-v2-label-m-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-label-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-label-m-font-variation-opsz);
	margin-bottom: 4px;
	transition: font-variation-settings 200ms cubic-bezier(0.2, 0, 0, 1);
	font-family: var(--mio-theme-display-font-family);
	text-align: center;
}

.dark-mode-switch-container[_ngcontent-mqa-c25] {
	display: flex;
	justify-content: center;
	margin-bottom: 16px;
}

[_nghost-mqa-c27] {
	height: 48px;
	transition: background-color 300ms cubic-bezier(0.2, 0, 0, 1);
	border: 1px solid var(--mio-theme-color-utility-outline);
	border-radius: 32px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	overflow: hidden;
}

.is-dark-mode[_nghost-mqa-c27] .track[_ngcontent-mqa-c27] {
	transform: translateY(-48px);
}

[_nghost-mqa-c27]:hover,
[_nghost-mqa-c27]:focus {
	background-color: rgba(31, 31, 31, 0.08);
}

[_nghost-mqa-c27]:active {
	background-color: rgba(31, 31, 31, 0.12);
}

.is-dark-mode[_nghost-mqa-c27]:hover,
.is-dark-mode[_nghost-mqa-c27]:focus {
	background-color: rgba(227, 227, 227, 0.08);
}

.is-dark-mode[_nghost-mqa-c27]:active {
	background-color: rgba(227, 227, 227, 0.12);
}

[variant=compact][_nghost-mqa-c27],
[variant=compact][_nghost-mqa-c27] .switch[_ngcontent-mqa-c27] {
	width: 48px;
	height: 48px;
}

[variant=full][_nghost-mqa-c27] .switch[_ngcontent-mqa-c27] {
	padding: 12px 16px;
}

[variant=full][_nghost-mqa-c27] .switch[_ngcontent-mqa-c27] .google-symbols[_ngcontent-mqa-c27] {
	margin-right: 8px;
}

.switch[_ngcontent-mqa-c27] {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -1px;
	margin-left: -1px;
	color: var(--mio-theme-color-on-surface-variant);
}

.track[_ngcontent-mqa-c27] {
	transition: transform 300ms cubic-bezier(0.2, 0, 0, 1);
}

[_nghost-mqa-c23] {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin: 8px 8px 0;
	color: var(--mio-theme-color-on-background);
}

main[_ngcontent-mqa-c23] {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	outline: none;
}

.content-container[_ngcontent-mqa-c23] {
	width: 100%;
	max-width: 1200px;
}

mio-header[_ngcontent-mqa-c23] {
	width: 100%;
	max-width: 1760px;
}

.section[_ngcontent-mqa-c23] {
	margin: 96px 0;
}

@media screen and (max-width: 960px) {
	.section[_ngcontent-mqa-c23] {
		margin: 64px 0;
	}
}

@media screen and (max-width: 1294px) {
	.section[_ngcontent-mqa-c23] {
		margin: 80px 0;
	}
}

.section[_ngcontent-mqa-c23]:last-child {
	margin-bottom: 0;
}

.section-header[_ngcontent-mqa-c23] {
	margin: 24px;
}

.section-header[_ngcontent-mqa-c23] h2[_ngcontent-mqa-c23] {
	font-family: var(--mio-theme-v2-display-l-font-family);
	font-size: var(--mio-theme-v2-display-l-font-size);
	font-weight: var(--mio-theme-v2-display-l-font-weight);
	letter-spacing: var(--mio-theme-v2-display-l-letter-spacing);
	line-height: var(--mio-theme-v2-display-l-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-display-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-display-l-font-variation-opsz);
	margin: 0 0 8px;
	color: var(--mio-theme-color-on-surface);
}

@media screen and (max-width: 600px) {
	.section-header[_ngcontent-mqa-c23] h2[_ngcontent-mqa-c23] {
		font-family: var(--mio-theme-v2-display-s-font-family);
		font-size: var(--mio-theme-v2-display-s-font-size);
		font-weight: var(--mio-theme-v2-display-s-font-weight);
		letter-spacing: var(--mio-theme-v2-display-s-letter-spacing);
		line-height: var(--mio-theme-v2-display-s-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-display-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-display-s-font-variation-opsz);
	}
}

@media screen and (min-width: 601px) and (max-width: 1294px) {
	.section-header[_ngcontent-mqa-c23] h2[_ngcontent-mqa-c23] {
		font-family: var(--mio-theme-v2-display-m-font-family);
		font-size: var(--mio-theme-v2-display-m-font-size);
		font-weight: var(--mio-theme-v2-display-m-font-weight);
		letter-spacing: var(--mio-theme-v2-display-m-letter-spacing);
		line-height: var(--mio-theme-v2-display-m-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-display-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-display-m-font-variation-opsz);
	}
}

[_nghost-mqa-c23] .section-header-description p,
[_nghost-mqa-c23] .section-header-description a {
	font-family: var(--mio-theme-v2-title-l-font-family);
	font-size: var(--mio-theme-v2-title-l-font-size);
	font-weight: var(--mio-theme-v2-title-l-font-weight);
	letter-spacing: var(--mio-theme-v2-title-l-letter-spacing);
	line-height: var(--mio-theme-v2-title-l-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-title-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-l-font-variation-opsz);
}

@media screen and (max-width: 600px) {

	[_nghost-mqa-c23] .section-header-description p,
	[_nghost-mqa-c23] .section-header-description a {
		font-family: var(--mio-theme-v2-body-l-font-family);
		font-size: var(--mio-theme-v2-body-l-font-size);
		font-weight: var(--mio-theme-v2-body-l-font-weight);
		letter-spacing: var(--mio-theme-v2-body-l-letter-spacing);
		line-height: var(--mio-theme-v2-body-l-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-body-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-body-l-font-variation-opsz);
	}
}

@media screen and (min-width: 601px) and (max-width: 1294px) {

	[_nghost-mqa-c23] .section-header-description p,
	[_nghost-mqa-c23] .section-header-description a {
		font-family: var(--mio-theme-v2-title-l-font-family);
		font-size: var(--mio-theme-v2-title-l-font-size);
		font-weight: var(--mio-theme-v2-title-l-font-weight);
		letter-spacing: var(--mio-theme-v2-title-l-letter-spacing);
		line-height: var(--mio-theme-v2-title-l-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-title-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-l-font-variation-opsz);
	}
}

[_nghost-mqa-c23] .section-header-description p {
	max-width: 760px;
	margin: 0;
	color: var(--mio-theme-color-on-surface-variant);
}

.nav-drawer-topic-container[_ngcontent-mqa-c19] {
	margin-right: 8px;
	margin-left: 8px;
}

@media screen and (max-width: 960px) {
	.nav-drawer-topic-container[_ngcontent-mqa-c19] {
		margin-right: 0;
		margin-left: 40px;
	}
}

.nav-drawer-article-container[_ngcontent-mqa-c19] {
	position: relative;
	box-sizing: content-box;
	margin-left: 10px;
	overflow: hidden;
}

.collapsible-topic-item[_ngcontent-mqa-c19],
.article-item[_ngcontent-mqa-c19] {
	--mdc-button-disabled-ink-color: var(--mio-theme-color-on-surface-variant);
	--mdc-button-horizontal-padding: 16px;
	--mdc-typography-button-text-transform: none;
	--mdc-shape-small: 16px;
	--mdc-typography-button-font-family: var(--mio-theme-display-font-family);
	--mdc-typography-button-font-size: var(--mio-theme-v2-title-s-font-size);
	--mdc-typography-button-font-weight: var(--mio-theme-v2-title-s-font-weight);
	--mdc-icon-font: "Google Symbols";
	display: flex;
	transition: font-variation-settings 200ms cubic-bezier(0.2, 0, 0, 1);
	border-radius: 24px;
	font-variation-settings: "GRAD"0;
}

@media screen and (max-width: 960px) {

	.collapsible-topic-item[_ngcontent-mqa-c19],
	.article-item[_ngcontent-mqa-c19] {
		--mdc-typography-button-font-size: var(--mio-theme-v2-title-m-font-size);
		--mdc-typography-button-font-weight: var(--mio-theme-v2-title-m-font-weight);
	}
}

.article-item.active[_ngcontent-mqa-c19] {
	--mdc-button-disabled-ink-color: var(--mio-theme-color-on-secondary-container);
}

.article-content-collapsible[_ngcontent-mqa-c19] {
	display: flex;
	position: absolute;
	flex-direction: column;
	width: 100%;
	padding: 2px;
}

.focusable-topic-item[_ngcontent-mqa-c19] {
	position: relative;
	padding: 2px;
	border-radius: 24px;
	font-family: var(--mio-theme-display-font-family);
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
}

.focusable-topic-item[_ngcontent-mqa-c19]:hover {
	background: var(--mio-theme-color-on-surface-variant-2);
	font-variation-settings: "GRAD"50;
}

.focusable-topic-item[_ngcontent-mqa-c19]:active {
	background: var(--mio-theme-color-on-surface-variant-4);
	font-variation-settings: "GRAD"-50;
}

.focusable-topic-item[_ngcontent-mqa-c19]:active .article-item.active[_ngcontent-mqa-c19] {
	--mdc-button-disabled-ink-color: var(--mio-theme-color-on-secondary-container);
}

.focusable-topic-item[_ngcontent-mqa-c19]:focus-visible,
.focusable-topic-item[_ngcontent-mqa-c19]:hover:focus-visible {
	margin: -2px;
	border: 2px solid var(--mio-theme-color-on-surface);
	border-radius: 26px;
	outline: 0;
	box-shadow: inset 0 0 0 2px var(--mio-theme-color-surface-0);
	z-index: 1;
}

.focusable-topic-item.active[_ngcontent-mqa-c19] {
	background: var(--mio-theme-color-secondary-container);
	color: var(--mio-theme-color-on-secondary-container);
}

.focusable-topic-item.active[_ngcontent-mqa-c19] .article-item[_ngcontent-mqa-c19] {
	font-variation-settings: "GRAD"125;
}

.focusable-topic-item.active[_ngcontent-mqa-c19]:hover {
	background: var(--mio-theme-color-on-surface-2);
}

.focusable-topic-item.active[_ngcontent-mqa-c19]:active {
	background: var(--mio-theme-color-on-surface-4);
}

.collapsible-topic-container[_ngcontent-mqa-c19] {
	padding-right: 9px;
	cursor: pointer;
}

.nav-drawer-topic-container[_ngcontent-mqa-c19]:has(.focusable-topic-item.active) .collapsible-topic-container[_ngcontent-mqa-c19] {
	background: var(--mio-theme-color-on-surface-variant-2);
}

.collapsible-item[_ngcontent-mqa-c19] {
	margin: 0;
}

.collapsible-item[_ngcontent-mqa-c19]:focus-visible,
.collapsible-item[_ngcontent-mqa-c19]:hover:focus-visible {
	margin: -2px;
}

a[_ngcontent-mqa-c19] {
	display: block;
	text-decoration: none;
}

a[_ngcontent-mqa-c19]:focus,
a[_ngcontent-mqa-c19]:hover:focus {
	margin: 0;
	border: none;
	outline: none;
	box-shadow: none;
}

[_nghost-mqa-c34] {
	display: block;
	color: var(--mio-theme-color-neutral-10);
}

.dark-mode[_nghost-mqa-c34] {
	color: var(--mio-theme-color-neutral-90);
}

.primary-container[_ngcontent-mqa-c34] {
	display: flex;
	margin: 0;
	padding: 56px;
	border-radius: 24px;
	background: var(--mio-theme-color-surface-1);
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: cover;
}

.primary-container.background[_ngcontent-mqa-c34] .wrapper[_ngcontent-mqa-c34] {
	min-height: unset;
}

.primary-container.background[_ngcontent-mqa-c34] .title[_ngcontent-mqa-c34] {
	width: 100%;
}

.primary-container[_ngcontent-mqa-c34],
.split-asset-image[_ngcontent-mqa-c34] {
	min-height: 544px;
}

@media screen and (max-width: 1294px) {

	.primary-container[_ngcontent-mqa-c34],
	.split-asset-image[_ngcontent-mqa-c34] {
		min-height: unset;
	}
}

header.homepage[_ngcontent-mqa-c34] .primary-container[_ngcontent-mqa-c34] {
	min-height: calc(100vh - 64px);
}

.wrapper[_ngcontent-mqa-c34] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 840px;
	margin: 0;
}

.primary-container[_ngcontent-mqa-c34],
.cards[_ngcontent-mqa-c34],
.resources[_ngcontent-mqa-c34] {
	grid-column: span 1;
}

@media screen and (max-width: 1294px) {

	.primary-container[_ngcontent-mqa-c34],
	.cards[_ngcontent-mqa-c34],
	.resources[_ngcontent-mqa-c34] {
		grid-column: span 2;
	}
}

.full-width[_ngcontent-mqa-c34] .primary-container[_ngcontent-mqa-c34] {
	grid-column: span 2;
}

.content-centered[_ngcontent-mqa-c34] .primary-container[_ngcontent-mqa-c34] {
	justify-content: center;
	text-align: center;
}

.content-centered[_ngcontent-mqa-c34] .primary-container[_ngcontent-mqa-c34] .wrapper[_ngcontent-mqa-c34] {
	max-width: 1200px;
}

.content-centered[_ngcontent-mqa-c34] .primary-container[_ngcontent-mqa-c34] mwc-button[_ngcontent-mqa-c34] {
	--mdc-button-horizontal-padding: 48px;
	width: unset;
}

.content-centered[_ngcontent-mqa-c34] .primary-container[_ngcontent-mqa-c34] .title[_ngcontent-mqa-c34] {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.content-centered[_ngcontent-mqa-c34] .primary-container[_ngcontent-mqa-c34] .description[_ngcontent-mqa-c34] {
	max-width: 840px;
}

.title[_ngcontent-mqa-c34] {
	padding: 0;
}

.title[_ngcontent-mqa-c34] .description[_ngcontent-mqa-c34] {
	font-family: var(--mio-theme-v2-title-l-font-family);
	font-size: var(--mio-theme-v2-title-l-font-size);
	font-weight: var(--mio-theme-v2-title-l-font-weight);
	letter-spacing: var(--mio-theme-v2-title-l-letter-spacing);
	line-height: var(--mio-theme-v2-title-l-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-title-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-l-font-variation-opsz);
	margin: 0;
}

@media screen and (max-width: 600px) {
	.title[_ngcontent-mqa-c34] .description[_ngcontent-mqa-c34] {
		font-family: var(--mio-theme-v2-body-l-font-family);
		font-size: var(--mio-theme-v2-body-l-font-size);
		font-weight: var(--mio-theme-v2-body-l-font-weight);
		letter-spacing: var(--mio-theme-v2-body-l-letter-spacing);
		line-height: var(--mio-theme-v2-body-l-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-body-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-body-l-font-variation-opsz);
	}
}

@media screen and (min-width: 601px) and (max-width: 1294px) {
	.title[_ngcontent-mqa-c34] .description[_ngcontent-mqa-c34] {
		font-family: var(--mio-theme-v2-title-l-font-family);
		font-size: var(--mio-theme-v2-title-l-font-size);
		font-weight: var(--mio-theme-v2-title-l-font-weight);
		letter-spacing: var(--mio-theme-v2-title-l-letter-spacing);
		line-height: var(--mio-theme-v2-title-l-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-title-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-l-font-variation-opsz);
	}
}

h1[_ngcontent-mqa-c34] {
	font-family: var(--mio-theme-v2-hero-font-family);
	font-size: var(--mio-theme-v2-hero-font-size);
	font-weight: var(--mio-theme-v2-hero-font-weight);
	letter-spacing: var(--mio-theme-v2-hero-letter-spacing);
	line-height: var(--mio-theme-v2-hero-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-hero-font-variation-GRAD), "opsz"var(--mio-theme-v2-hero-font-variation-opsz);
	margin: 0 0 8px;
}

@media screen and (max-width: 600px) {
	h1[_ngcontent-mqa-c34] {
		font-family: var(--mio-theme-v2-display-l-font-family);
		font-size: var(--mio-theme-v2-display-l-font-size);
		font-weight: var(--mio-theme-v2-display-l-font-weight);
		letter-spacing: var(--mio-theme-v2-display-l-letter-spacing);
		line-height: var(--mio-theme-v2-display-l-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-display-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-display-l-font-variation-opsz);
	}
}

@media screen and (min-width: 601px) and (max-width: 1294px) {
	h1[_ngcontent-mqa-c34] {
		font-family: var(--mio-theme-v2-display-xl-font-family);
		font-size: var(--mio-theme-v2-display-xl-font-size);
		font-weight: var(--mio-theme-v2-display-xl-font-weight);
		letter-spacing: var(--mio-theme-v2-display-xl-letter-spacing);
		line-height: var(--mio-theme-v2-display-xl-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-display-xl-font-variation-GRAD), "opsz"var(--mio-theme-v2-display-xl-font-variation-opsz);
	}
}

@media screen and (max-width: 1294px) {
	.wrapper[_ngcontent-mqa-c34] {
		max-width: none;
	}
}

@media screen and (max-width: 600px) {
	.primary-container[_ngcontent-mqa-c34] {
		padding: 32px;
	}
}

h3[_ngcontent-mqa-c34] {
	font-family: var(--mio-theme-v2-title-l-font-family);
	font-size: var(--mio-theme-v2-title-l-font-size);
	font-weight: var(--mio-theme-v2-title-l-font-weight);
	letter-spacing: var(--mio-theme-v2-title-l-letter-spacing);
	line-height: var(--mio-theme-v2-title-l-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-title-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-l-font-variation-opsz);
	height: 40px;
	margin: 8px 0 8px 24px;
	color: var(--mio-theme-color-on-surface);
}

@media screen and (max-width: 600px) {
	h3[_ngcontent-mqa-c34] {
		font-family: var(--mio-theme-v2-body-l-font-family);
		font-size: var(--mio-theme-v2-body-l-font-size);
		font-weight: var(--mio-theme-v2-body-l-font-weight);
		letter-spacing: var(--mio-theme-v2-body-l-letter-spacing);
		line-height: var(--mio-theme-v2-body-l-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-body-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-body-l-font-variation-opsz);
	}
}

@media screen and (min-width: 601px) and (max-width: 1294px) {
	h3[_ngcontent-mqa-c34] {
		font-family: var(--mio-theme-v2-title-l-font-family);
		font-size: var(--mio-theme-v2-title-l-font-size);
		font-weight: var(--mio-theme-v2-title-l-font-weight);
		letter-spacing: var(--mio-theme-v2-title-l-letter-spacing);
		line-height: var(--mio-theme-v2-title-l-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-title-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-l-font-variation-opsz);
	}
}

.card-container[_ngcontent-mqa-c34] {
	height: calc(100% - 56px);
}

header[_ngcontent-mqa-c34] {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-flow: row;
}

.split-asset-image[_ngcontent-mqa-c34] {
	display: flex;
	position: relative;
	justify-content: center;
	border: 1px solid var(--mio-theme-color-surface-variant);
	border-radius: 24px;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

@media screen and (max-width: 1294px) {
	.split-asset-image[_ngcontent-mqa-c34] {
		padding-bottom: 50%;
		grid-column: span 2;
	}
}

.split-asset-image.position-right[_ngcontent-mqa-c34] .foreground[_ngcontent-mqa-c34] {
	background-position-x: 100%;
}

.split-asset-image.position-left[_ngcontent-mqa-c34] .foreground[_ngcontent-mqa-c34] {
	background-position-x: 0%;
}

.split-asset-image.position-top[_ngcontent-mqa-c34] .foreground[_ngcontent-mqa-c34] {
	background-position-y: 0%;
}

.split-asset-image.position-bottom[_ngcontent-mqa-c34] .foreground[_ngcontent-mqa-c34] {
	background-position-y: 100%;
}

.ctas[_ngcontent-mqa-c34] {
	display: grid;
	width: 100%;
	margin-top: 24px;
	grid-gap: 8px;
}

.ctas[_ngcontent-mqa-c34] a[_ngcontent-mqa-c34] {
	display: inline-block;
	transition: border-radius 200ms cubic-bezier(0.2, 0, 0, 1);
	border-radius: 48px;
	text-decoration: none;
	cursor: pointer;
}

.ctas[_ngcontent-mqa-c34] a[_ngcontent-mqa-c34]:focus-visible,
.ctas[_ngcontent-mqa-c34] a[_ngcontent-mqa-c34]:hover:focus-visible {
	margin: -2px;
	border: 2px solid var(--mio-theme-color-on-surface);
	outline: 0;
	box-shadow: inset 0 0 0 2px var(--mio-theme-color-surface-0);
}

.ctas[_ngcontent-mqa-c34] a[_ngcontent-mqa-c34]:active,
.ctas[_ngcontent-mqa-c34] a[_ngcontent-mqa-c34]:active .mio-button[_ngcontent-mqa-c34],
.ctas[_ngcontent-mqa-c34] a[_ngcontent-mqa-c34]:active .mio-button[_ngcontent-mqa-c34] .state-overlay[_ngcontent-mqa-c34] {
	border-radius: 16px;
}

.ctas[_ngcontent-mqa-c34] a[_ngcontent-mqa-c34]:active .mio-button[_ngcontent-mqa-c34] {
	font-variation-settings: "GRAD"-50;
}

.ctas[_ngcontent-mqa-c34] a[_ngcontent-mqa-c34]:active .state-overlay[_ngcontent-mqa-c34] {
	opacity: 0.12;
}

.ctas[_ngcontent-mqa-c34] a[_ngcontent-mqa-c34]:focus .state-overlay[_ngcontent-mqa-c34],
.ctas[_ngcontent-mqa-c34] a[_ngcontent-mqa-c34]:hover .state-overlay[_ngcontent-mqa-c34] {
	opacity: 0.08;
}

.mio-button[_ngcontent-mqa-c34] {
	font-family: var(--mio-theme-v2-headline-s-font-family);
	font-size: var(--mio-theme-v2-headline-s-font-size);
	font-weight: var(--mio-theme-v2-headline-s-font-weight);
	letter-spacing: var(--mio-theme-v2-headline-s-letter-spacing);
	line-height: var(--mio-theme-v2-headline-s-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-headline-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-headline-s-font-variation-opsz);
	position: relative;
	width: 100%;
	height: 80px;
	padding: 0 48px;
	transition: all 200ms cubic-bezier(0.2, 0, 0, 1);
	border: 0;
	border-radius: 48px;
	background-color: var(--mio-theme-color-primary);
	color: var(--mio-theme-color-on-primary);
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	overflow: hidden;
}

@media screen and (max-width: 600px) {
	.mio-button[_ngcontent-mqa-c34] {
		font-family: var(--mio-theme-v2-headline-s-font-family);
		font-size: var(--mio-theme-v2-headline-s-font-size);
		font-weight: var(--mio-theme-v2-headline-s-font-weight);
		letter-spacing: var(--mio-theme-v2-headline-s-letter-spacing);
		line-height: var(--mio-theme-v2-headline-s-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-headline-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-headline-s-font-variation-opsz);
	}
}

@media screen and (min-width: 601px) and (max-width: 1294px) {
	.mio-button[_ngcontent-mqa-c34] {
		font-family: var(--mio-theme-v2-headline-s-font-family);
		font-size: var(--mio-theme-v2-headline-s-font-size);
		font-weight: var(--mio-theme-v2-headline-s-font-weight);
		letter-spacing: var(--mio-theme-v2-headline-s-letter-spacing);
		line-height: var(--mio-theme-v2-headline-s-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-headline-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-headline-s-font-variation-opsz);
	}
}

.mio-button[_ngcontent-mqa-c34] .label[_ngcontent-mqa-c34] {
	position: relative;
	z-index: 1;
}

.mio-button[_ngcontent-mqa-c34] .state-overlay[_ngcontent-mqa-c34] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: border-radius 200ms cubic-bezier(0.2, 0, 0, 1);
	transition: opacity 200ms cubic-bezier(0.2, 0, 0, 1);
	border-radius: 48px;
	background: var(--mio-theme-color-white);
	opacity: 0;
}

.foreground[_ngcontent-mqa-c34] {
	display: flex;
	position: absolute;
	align-self: stretch;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}

@media screen and (max-width: 1294px) {
	.foreground.foreground-1x1[_ngcontent-mqa-c34] {
		display: none;
	}
}

@media screen and (min-width: 1295px) {
	.foreground.foreground-2x1[_ngcontent-mqa-c34] {
		display: none;
	}
}

[_nghost-mqa-c39] {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(100% - 16px);
	margin: 120px 8px 0;
}

@media screen and (max-width: 960px) {
	[_nghost-mqa-c39] {
		margin-top: 120px;
	}
}

.squiggle[_ngcontent-mqa-c39] {
	position: relative;
	width: 100%;
	height: 8px;
}

.squiggle[_ngcontent-mqa-c39] svg[_ngcontent-mqa-c39] {
	position: absolute;
	top: 0;
}

.squiggle[_ngcontent-mqa-c39] svg[_ngcontent-mqa-c39] path[_ngcontent-mqa-c39] {
	stroke: var(--mio-theme-color-surface-variant);
}

footer[_ngcontent-mqa-c39] {
	padding: 64px 40px;
}

@media screen and (max-width: 600px) {
	footer[_ngcontent-mqa-c39] {
		padding: 64px 24px;
	}
}

@media screen and (min-width: 601px) and (max-width: 960px) {
	footer[_ngcontent-mqa-c39] {
		padding: 64px 32px;
	}
}

.about[_ngcontent-mqa-c39] {
	display: grid;
	justify-content: space-between;
	max-width: 1200px;
	-moz-column-gap: 20px;
	column-gap: 20px;
	grid-template-columns: 3fr 1fr 1fr 1fr;
}

@media screen and (max-width: 960px) {
	.about[_ngcontent-mqa-c39] {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media screen and (max-width: 960px) {
	.about[_ngcontent-mqa-c39] .about-material[_ngcontent-mqa-c39] {
		grid-column: span 3;
	}
}

.about[_ngcontent-mqa-c39] .material-icons[_ngcontent-mqa-c39] {
	color: var(--mio-theme-color-on-surface);
	font-size: 40px;
}

.about[_ngcontent-mqa-c39] p[_ngcontent-mqa-c39] {
	font-family: var(--mio-theme-v2-body-l-font-family);
	font-size: var(--mio-theme-v2-body-l-font-size);
	font-weight: var(--mio-theme-v2-body-l-font-weight);
	letter-spacing: var(--mio-theme-v2-body-l-letter-spacing);
	line-height: var(--mio-theme-v2-body-l-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-body-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-body-l-font-variation-opsz);
	margin-top: 24px;
	margin-right: 64px;
	color: var(--mio-theme-color-on-surface);
}

@media screen and (max-width: 600px) {
	.about[_ngcontent-mqa-c39] p[_ngcontent-mqa-c39] {
		font-family: var(--mio-theme-v2-body-m-font-family);
		font-size: var(--mio-theme-v2-body-m-font-size);
		font-weight: var(--mio-theme-v2-body-m-font-weight);
		letter-spacing: var(--mio-theme-v2-body-m-letter-spacing);
		line-height: var(--mio-theme-v2-body-m-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-body-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-body-m-font-variation-opsz);
	}
}

@media screen and (min-width: 601px) and (max-width: 1294px) {
	.about[_ngcontent-mqa-c39] p[_ngcontent-mqa-c39] {
		font-family: var(--mio-theme-v2-body-l-font-family);
		font-size: var(--mio-theme-v2-body-l-font-size);
		font-weight: var(--mio-theme-v2-body-l-font-weight);
		letter-spacing: var(--mio-theme-v2-body-l-letter-spacing);
		line-height: var(--mio-theme-v2-body-l-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-body-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-body-l-font-variation-opsz);
	}
}

@media screen and (max-width: 960px) {
	.about[_ngcontent-mqa-c39] p[_ngcontent-mqa-c39] {
		margin-right: 0;
	}
}

.about[_ngcontent-mqa-c39] ul[_ngcontent-mqa-c39] {
	display: flex;
	flex-flow: column wrap;
	margin-top: 24px;
	row-gap: 20px;
}

@media screen and (max-width: 960px) {
	.about[_ngcontent-mqa-c39] ul[_ngcontent-mqa-c39] {
		grid-column: span 1;
	}
}

@media screen and (max-width: 600px) {
	.about[_ngcontent-mqa-c39] ul[_ngcontent-mqa-c39] {
		row-gap: 24px;
	}
}

.about[_ngcontent-mqa-c39] li[_ngcontent-mqa-c39] {
	font-family: var(--mio-theme-v2-title-s-font-family);
	font-size: var(--mio-theme-v2-title-s-font-size);
	font-weight: var(--mio-theme-v2-title-s-font-weight);
	letter-spacing: var(--mio-theme-v2-title-s-letter-spacing);
	line-height: var(--mio-theme-v2-title-s-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-title-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-s-font-variation-opsz);
	display: inline-block;
	color: var(--mio-theme-color-on-surface-variant);
}

@media screen and (max-width: 600px) {
	.about[_ngcontent-mqa-c39] li[_ngcontent-mqa-c39] {
		font-family: var(--mio-theme-v2-title-s-font-family);
		font-size: var(--mio-theme-v2-title-s-font-size);
		font-weight: var(--mio-theme-v2-title-s-font-weight);
		letter-spacing: var(--mio-theme-v2-title-s-letter-spacing);
		line-height: var(--mio-theme-v2-title-s-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-title-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-s-font-variation-opsz);
	}
}

@media screen and (min-width: 601px) and (max-width: 1294px) {
	.about[_ngcontent-mqa-c39] li[_ngcontent-mqa-c39] {
		font-family: var(--mio-theme-v2-title-s-font-family);
		font-size: var(--mio-theme-v2-title-s-font-size);
		font-weight: var(--mio-theme-v2-title-s-font-weight);
		letter-spacing: var(--mio-theme-v2-title-s-letter-spacing);
		line-height: var(--mio-theme-v2-title-s-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-title-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-s-font-variation-opsz);
	}
}

.about[_ngcontent-mqa-c39] a[_ngcontent-mqa-c39] {
	font-family: var(--mio-theme-v2-title-m-font-family);
	font-size: var(--mio-theme-v2-title-m-font-size);
	font-weight: var(--mio-theme-v2-title-m-font-weight);
	letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
	line-height: var(--mio-theme-v2-title-m-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz);
	display: flex;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	text-decoration: none;
}

@media screen and (max-width: 600px) {
	.about[_ngcontent-mqa-c39] a[_ngcontent-mqa-c39] {
		font-family: var(--mio-theme-v2-title-m-font-family);
		font-size: var(--mio-theme-v2-title-m-font-size);
		font-weight: var(--mio-theme-v2-title-m-font-weight);
		letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
		line-height: var(--mio-theme-v2-title-m-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz);
	}
}

@media screen and (min-width: 601px) and (max-width: 1294px) {
	.about[_ngcontent-mqa-c39] a[_ngcontent-mqa-c39] {
		font-family: var(--mio-theme-v2-title-m-font-family);
		font-size: var(--mio-theme-v2-title-m-font-size);
		font-weight: var(--mio-theme-v2-title-m-font-weight);
		letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
		line-height: var(--mio-theme-v2-title-m-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz);
	}
}

.about[_ngcontent-mqa-c39] a[_ngcontent-mqa-c39]:hover {
	text-decoration: underline;
}

.legal[_ngcontent-mqa-c39] {
	display: flex;
	flex-direction: row;
	margin-top: 64px;
}

@media screen and (max-width: 600px) {
	.legal[_ngcontent-mqa-c39] .legal-link[_ngcontent-mqa-c39] {
		-moz-column-gap: 16px;
		column-gap: 16px;
	}
}

.legal[_ngcontent-mqa-c39] li[_ngcontent-mqa-c39] {
	display: inline-block;
}

.legal[_ngcontent-mqa-c39] .google-logo[_ngcontent-mqa-c39] {
	margin-right: 8px;
}

.legal[_ngcontent-mqa-c39] .google-logo[_ngcontent-mqa-c39] a[_ngcontent-mqa-c39] {
	display: block;
	width: 73px;
	height: 26px;
	margin: 0;
}

.legal[_ngcontent-mqa-c39] .google-logo[_ngcontent-mqa-c39] svg[_ngcontent-mqa-c39] {
	fill: var(--mio-theme-color-on-surface);
}

.legal[_ngcontent-mqa-c39] a[_ngcontent-mqa-c39] {
	color: var(--mio-theme-color-on-surface);
	white-space: nowrap;
}

.legal[_ngcontent-mqa-c39] ul[_ngcontent-mqa-c39] {
	display: flex;
	flex-wrap: wrap;
	row-gap: 16px;
	-moz-column-gap: 24px;
	column-gap: 24px;
}

.legal[_ngcontent-mqa-c39] ul[_ngcontent-mqa-c39] a[_ngcontent-mqa-c39] {
	text-decoration: none;
}

.legal[_ngcontent-mqa-c39] ul[_ngcontent-mqa-c39] a[_ngcontent-mqa-c39]:hover {
	text-decoration: underline;
}

[_nghost-mqa-c37] {
	--min-row-height: 320px;
	--stacked-col-max-height: 198px;
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(6, 1fr);
	grid-auto-flow: row;
	grid-auto-rows: minmax(var(--min-row-height), auto);
}

@media screen and (max-width: 1294px) {
	[_nghost-mqa-c37] {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 600px) {
	[_nghost-mqa-c37] {
		grid-template-columns: 1fr;
	}
}

.stack[_nghost-mqa-c37] {
	grid-auto-rows: fit-content(var(--stacked-col-max-height));
	grid-template-columns: 1fr;
}

.stretch[_nghost-mqa-c37] {
	grid-auto-rows: 1fr;
	grid-template-columns: 1fr;
}

.col-2[_nghost-mqa-c37] {
	grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 960px) {
	.col-2[_nghost-mqa-c37] {
		grid-template-columns: 1fr;
	}
}

mio-card-set.stack[_nghost-mqa-c36],
mio-card-set.stack [_nghost-mqa-c36],
mio-card-set.stretch[_nghost-mqa-c36],
mio-card-set.stretch [_nghost-mqa-c36] {
	grid-column: span 1;
}

mio-card-set.stack[_nghost-mqa-c36] a[_ngcontent-mqa-c36],
mio-card-set.stack [_nghost-mqa-c36] a[_ngcontent-mqa-c36],
mio-card-set.stretch[_nghost-mqa-c36] a[_ngcontent-mqa-c36],
mio-card-set.stretch [_nghost-mqa-c36] a[_ngcontent-mqa-c36] {
	flex-direction: initial;
}

mio-card-set.stack[_nghost-mqa-c36] a.thumbnail[_ngcontent-mqa-c36],
mio-card-set.stack [_nghost-mqa-c36] a.thumbnail[_ngcontent-mqa-c36],
mio-card-set.stretch[_nghost-mqa-c36] a.thumbnail[_ngcontent-mqa-c36],
mio-card-set.stretch [_nghost-mqa-c36] a.thumbnail[_ngcontent-mqa-c36] {
	justify-content: space-between;
}

mio-card-set.stack[_nghost-mqa-c36] .content-container[_ngcontent-mqa-c36],
mio-card-set.stack [_nghost-mqa-c36] .content-container[_ngcontent-mqa-c36],
mio-card-set.stack[_nghost-mqa-c36] .description[_ngcontent-mqa-c36],
mio-card-set.stack [_nghost-mqa-c36] .description[_ngcontent-mqa-c36],
mio-card-set.stretch[_nghost-mqa-c36] .content-container[_ngcontent-mqa-c36],
mio-card-set.stretch [_nghost-mqa-c36] .content-container[_ngcontent-mqa-c36],
mio-card-set.stretch[_nghost-mqa-c36] .description[_ngcontent-mqa-c36],
mio-card-set.stretch [_nghost-mqa-c36] .description[_ngcontent-mqa-c36] {
	align-self: end;
	overflow: hidden;
}

mio-card-set.stack[_nghost-mqa-c36] .thumb-container[_ngcontent-mqa-c36],
mio-card-set.stack [_nghost-mqa-c36] .thumb-container[_ngcontent-mqa-c36],
mio-card-set.stretch[_nghost-mqa-c36] .thumb-container[_ngcontent-mqa-c36],
mio-card-set.stretch [_nghost-mqa-c36] .thumb-container[_ngcontent-mqa-c36] {
	width: 200px;
}

mio-card-set.stack[_nghost-mqa-c36] .thumb-container[_ngcontent-mqa-c36]+mio-icon-badge[_ngcontent-mqa-c36],
mio-card-set.stack [_nghost-mqa-c36] .thumb-container[_ngcontent-mqa-c36]+mio-icon-badge[_ngcontent-mqa-c36],
mio-card-set.stretch[_nghost-mqa-c36] .thumb-container[_ngcontent-mqa-c36]+mio-icon-badge[_ngcontent-mqa-c36],
mio-card-set.stretch [_nghost-mqa-c36] .thumb-container[_ngcontent-mqa-c36]+mio-icon-badge[_ngcontent-mqa-c36] {
	right: 200px;
}

[badgeicon][_nghost-mqa-c36] mio-card-set.stack[_nghost-mqa-c36] mio-icon-badge[_ngcontent-mqa-c36],
mio-card-set.stack [_nghost-mqa-c36] mio-icon-badge[_ngcontent-mqa-c36],
[badgeicon][_nghost-mqa-c36] mio-card-set.col-2[_nghost-mqa-c36] mio-icon-badge[_ngcontent-mqa-c36],
mio-card-set.col-2 [_nghost-mqa-c36] mio-icon-badge[_ngcontent-mqa-c36],
[badgeicon][_nghost-mqa-c36] mio-card-set.stretch[_nghost-mqa-c36] mio-icon-badge[_ngcontent-mqa-c36],
mio-card-set.stretch [_nghost-mqa-c36] mio-icon-badge[_ngcontent-mqa-c36] {
	--symbol-size: 24px;
	width: 40px;
	height: 40px;
}

[badgeicon][_nghost-mqa-c36] mio-card-set.stack[_nghost-mqa-c36] .title[_ngcontent-mqa-c36],
mio-card-set.stack [_nghost-mqa-c36] .title[_ngcontent-mqa-c36],
[badgeicon][_nghost-mqa-c36] mio-card-set.col-2[_nghost-mqa-c36] .title[_ngcontent-mqa-c36],
mio-card-set.col-2 [_nghost-mqa-c36] .title[_ngcontent-mqa-c36],
[badgeicon][_nghost-mqa-c36] mio-card-set.stretch[_nghost-mqa-c36] .title[_ngcontent-mqa-c36],
mio-card-set.stretch [_nghost-mqa-c36] .title[_ngcontent-mqa-c36] {
	margin-right: 56px;
}

@media screen and (max-width: 600px) {

	[badgeicon][_nghost-mqa-c36] mio-card-set.stack[_nghost-mqa-c36] .title[_ngcontent-mqa-c36],
	mio-card-set.stack [_nghost-mqa-c36] .title[_ngcontent-mqa-c36],
	[badgeicon][_nghost-mqa-c36] mio-card-set.col-2[_nghost-mqa-c36] .title[_ngcontent-mqa-c36],
	mio-card-set.col-2 [_nghost-mqa-c36] .title[_ngcontent-mqa-c36],
	[badgeicon][_nghost-mqa-c36] mio-card-set.stretch[_nghost-mqa-c36] .title[_ngcontent-mqa-c36],
	mio-card-set.stretch [_nghost-mqa-c36] .title[_ngcontent-mqa-c36] {
		font-family: var(--mio-theme-v2-headline-s-font-family);
		font-size: var(--mio-theme-v2-headline-s-font-size);
		font-weight: var(--mio-theme-v2-headline-s-font-weight);
		letter-spacing: var(--mio-theme-v2-headline-s-letter-spacing);
		line-height: var(--mio-theme-v2-headline-s-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-headline-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-headline-s-font-variation-opsz);
	}
}

[size=small][_nghost-mqa-c36] a[_ngcontent-mqa-c36],
[size=medium][_nghost-mqa-c36] a[_ngcontent-mqa-c36],
[size=large][_nghost-mqa-c36] a[_ngcontent-mqa-c36] {
	flex-direction: column-reverse;
}

[size=small][_nghost-mqa-c36] a.thumbnail[_ngcontent-mqa-c36],
[size=small][_nghost-mqa-c36] a.overline[_ngcontent-mqa-c36],
[size=medium][_nghost-mqa-c36] a.thumbnail[_ngcontent-mqa-c36],
[size=medium][_nghost-mqa-c36] a.overline[_ngcontent-mqa-c36],
[size=large][_nghost-mqa-c36] a.thumbnail[_ngcontent-mqa-c36],
[size=large][_nghost-mqa-c36] a.overline[_ngcontent-mqa-c36] {
	justify-content: start;
}

[size=small][_nghost-mqa-c36] .thumb-container[_ngcontent-mqa-c36],
[size=medium][_nghost-mqa-c36] .thumb-container[_ngcontent-mqa-c36],
[size=large][_nghost-mqa-c36] .thumb-container[_ngcontent-mqa-c36] {
	width: 100%;
}

[size=small][_nghost-mqa-c36] {
	grid-column: span 2;
}

[size=small][_nghost-mqa-c36] mio-icon-badge[_ngcontent-mqa-c36] {
	--symbol-size: 32px;
	width: 56px;
	height: 56px;
}

[size=medium][_nghost-mqa-c36] {
	grid-column: span 3;
}

[size=medium][_nghost-mqa-c36] mio-icon-badge[_ngcontent-mqa-c36] {
	--symbol-size: 32px;
	width: 64px;
	height: 64px;
}

[size=medium][_nghost-mqa-c36] .thumb-container[_ngcontent-mqa-c36] {
	height: 298px;
}

[size=large][_nghost-mqa-c36] {
	grid-column: span 4;
}

[size=large][_nghost-mqa-c36] mio-icon-badge[_ngcontent-mqa-c36] {
	--symbol-size: 40px;
	width: 72px;
	height: 72px;
}

[size=large][_nghost-mqa-c36] .thumb-container[_ngcontent-mqa-c36] {
	height: 398px;
}

[_nghost-mqa-c36] {
	vertical-align: middle;
	grid-column: span 6;
}

@media screen and (max-width: 1294px) {
	[_nghost-mqa-c36] {
		grid-column: span 2;
	}

	[size=xsmall][_nghost-mqa-c36] {
		grid-column: span 1;
	}

	[size=small][_nghost-mqa-c36] {
		grid-column: span 1;
	}

	[size=small][_nghost-mqa-c36] .thumb-container[_ngcontent-mqa-c36] {
		height: 200px;
	}

	[size=medium][_nghost-mqa-c36] {
		grid-column: span 1;
	}

	[size=medium][_nghost-mqa-c36] .thumb-container[_ngcontent-mqa-c36] {
		height: 298px;
	}

	[size=large][_nghost-mqa-c36] {
		grid-column: span 2;
	}

	[size=large][_nghost-mqa-c36] .thumb-container[_ngcontent-mqa-c36] {
		height: 298px;
	}
}

@media screen and (max-width: 600px) {
	[_nghost-mqa-c36] {
		grid-column: span 1;
	}

	[size=small][_nghost-mqa-c36],
	[size=medium][_nghost-mqa-c36],
	[size=large][_nghost-mqa-c36] {
		grid-column: span 1;
	}

	[size=small][_nghost-mqa-c36] .thumb-container[_ngcontent-mqa-c36],
	[size=medium][_nghost-mqa-c36] .thumb-container[_ngcontent-mqa-c36],
	[size=large][_nghost-mqa-c36] .thumb-container[_ngcontent-mqa-c36] {
		height: 200px;
	}
}

.green[_nghost-mqa-c36] a[_ngcontent-mqa-c36]:hover,
.green[_nghost-mqa-c36] a[_ngcontent-mqa-c36]:focus,
.green[_nghost-mqa-c36] a[_ngcontent-mqa-c36]:active {
	--mio-theme-color-on-surface-variant-2: linear-gradient(0deg, rgba(67, 73, 62, 0.08), rgba(67, 73, 62, 0.08));
	--mio-theme-color-on-surface-variant-4: linear-gradient(0deg, rgba(67, 73, 62, 0.12), rgba(67, 73, 62, 0.12));
	--mio-theme-color-on-surface-2: linear-gradient(0deg, rgba(26, 28, 24, 0.08), rgba(26, 28, 24, 0.08)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-on-surface-4: linear-gradient(0deg, rgba(26, 28, 24, 0.12), rgba(26, 28, 24, 0.12)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-white: #fff;
	--mio-theme-color-on-background: #1a1c18;
	--mio-theme-color-background: #fdfdf6;
	--mio-theme-color-on-surface: #1a1c18;
	--mio-theme-color-on-surface-variant: #43493e;
	--mio-theme-color-surface-0: #fdfdf6;
	--mio-theme-color-surface-variant: #dfe4d6;
	--mio-theme-color-inverse-surface: #2f312c;
	--mio-theme-color-inverse-on-surface: #f1f1ea;
	--mio-theme-color-primary: #386a20;
	--mio-theme-color-primary-80: #9cd67d;
	--mio-theme-color-primary-30: #205107;
	--mio-theme-color-primary-20: #0c3900;
	--mio-theme-color-on-primary: #fff;
	--mio-theme-color-primary-container: #b8f397;
	--mio-theme-color-on-primary-container: #042100;
	--mio-theme-color-secondary: #55624c;
	--mio-theme-color-on-secondary: #fff;
	--mio-theme-color-secondary-container: #d9e7cb;
	--mio-theme-color-on-secondary-container: #131f0d;
	--mio-theme-color-tertiary-container: #bbebeb;
	--mio-theme-color-on-tertiary-container: #002021;
	--mio-theme-color-utility-error: #ba1b1b;
	--mio-theme-color-utility-on-error: #fff;
	--mio-theme-color-utility-outline: #74796e;
	--mio-theme-color-surface-1: #f0f3e8;
	--mio-theme-color-surface-2: #ebefe2;
	--mio-theme-color-surface-3: #e5eadc;
	--mio-theme-color-surface-4: #e3e9da;
	--mio-theme-color-surface-5: #dfe6d5;
	--mio-theme-color-ref-secondary-200: #bdcbb0;
	--mio-theme-color-ref-secondary-300: #a1b095;
	--mio-theme-color-ref-neutral-100: #e3e3e3;
	--mio-theme-color-ref-neutral-200: #c7c7c7;
}

.red[_nghost-mqa-c36] a[_ngcontent-mqa-c36]:hover,
.red[_nghost-mqa-c36] a[_ngcontent-mqa-c36]:focus,
.red[_nghost-mqa-c36] a[_ngcontent-mqa-c36]:active {
	--mio-theme-color-on-surface-variant-2: linear-gradient(0deg, rgba(83, 67, 67, 0.08), rgba(83, 67, 67, 0.08));
	--mio-theme-color-on-surface-variant-4: linear-gradient(0deg, rgba(83, 67, 67, 0.12), rgba(83, 67, 67, 0.12));
	--mio-theme-color-on-surface-2: linear-gradient(0deg, rgba(33, 26, 26, 0.08), rgba(33, 26, 26, 0.08)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-on-surface-4: linear-gradient(0deg, rgba(33, 26, 26, 0.12), rgba(33, 26, 26, 0.12)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-white: #fff;
	--mio-theme-color-on-background: #211a1a;
	--mio-theme-color-background: #fcfcfc;
	--mio-theme-color-on-surface: #211a1a;
	--mio-theme-color-on-surface-variant: #534343;
	--mio-theme-color-surface-0: #fcfcfc;
	--mio-theme-color-surface-variant: #f4dedd;
	--mio-theme-color-inverse-surface: #362f2f;
	--mio-theme-color-inverse-on-surface: #fbeeed;
	--mio-theme-color-primary: #9c4146;
	--mio-theme-color-primary-80: #ffb3b5;
	--mio-theme-color-primary-30: #7d2a30;
	--mio-theme-color-primary-20: #5f121b;
	--mio-theme-color-on-primary: #fff;
	--mio-theme-color-primary-container: #ffdadb;
	--mio-theme-color-on-primary-container: #400008;
	--mio-theme-color-secondary: #765656;
	--mio-theme-color-on-secondary: #fff;
	--mio-theme-color-secondary-container: #ffdad9;
	--mio-theme-color-on-secondary-container: #2d1516;
	--mio-theme-color-tertiary-container: #fda;
	--mio-theme-color-on-tertiary-container: #281800;
	--mio-theme-color-utility-error: #ba1b1b;
	--mio-theme-color-utility-on-error: #fff;
	--mio-theme-color-utility-outline: #857373;
	--mio-theme-color-surface-1: #f5f0f0;
	--mio-theme-color-surface-2: #f3eaeb;
	--mio-theme-color-surface-3: #f0e5e5;
	--mio-theme-color-surface-4: #efe3e4;
	--mio-theme-color-surface-5: #eddfe0;
	--mio-theme-color-ref-secondary-200: #e6bcbc;
	--mio-theme-color-ref-secondary-300: #c9a1a1;
	--mio-theme-color-ref-neutral-100: #e3e3e3;
	--mio-theme-color-ref-neutral-200: #c7c7c7;
}

.yellow[_nghost-mqa-c36] a[_ngcontent-mqa-c36]:hover,
.yellow[_nghost-mqa-c36] a[_ngcontent-mqa-c36]:focus,
.yellow[_nghost-mqa-c36] a[_ngcontent-mqa-c36]:active {
	--mio-theme-color-on-surface-variant-2: linear-gradient(0deg, rgba(72, 71, 58, 0.08), rgba(72, 71, 58, 0.08));
	--mio-theme-color-on-surface-variant-4: linear-gradient(0deg, rgba(72, 71, 58, 0.12), rgba(72, 71, 58, 0.12));
	--mio-theme-color-on-surface-2: linear-gradient(0deg, rgba(28, 28, 22, 0.08), rgba(28, 28, 22, 0.08)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-on-surface-4: linear-gradient(0deg, rgba(28, 28, 22, 0.12), rgba(28, 28, 22, 0.12)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-white: #fff;
	--mio-theme-color-on-background: #1c1c16;
	--mio-theme-color-background: #fffcf3;
	--mio-theme-color-on-surface: #1c1c16;
	--mio-theme-color-on-surface-variant: #48473a;
	--mio-theme-color-surface-0: #fffcf3;
	--mio-theme-color-surface-variant: #e6e3d1;
	--mio-theme-color-inverse-surface: #31302b;
	--mio-theme-color-inverse-on-surface: #f4f0e8;
	--mio-theme-color-primary: #616200;
	--mio-theme-color-primary-80: #cbcc58;
	--mio-theme-color-primary-30: #494a00;
	--mio-theme-color-primary-20: #323200;
	--mio-theme-color-on-primary: #fff;
	--mio-theme-color-primary-container: #e8e971;
	--mio-theme-color-on-primary-container: #1d1d00;
	--mio-theme-color-secondary: #606042;
	--mio-theme-color-on-secondary: #fff;
	--mio-theme-color-secondary-container: #e6e4bf;
	--mio-theme-color-on-secondary-container: #1c1d06;
	--mio-theme-color-tertiary-container: #bfedd9;
	--mio-theme-color-on-tertiary-container: #002117;
	--mio-theme-color-utility-error: #ba1b1b;
	--mio-theme-color-utility-on-error: #fff;
	--mio-theme-color-utility-outline: #797869;
	--mio-theme-color-surface-1: #f4f1e4;
	--mio-theme-color-surface-2: #f0eddd;
	--mio-theme-color-surface-3: #ebe8d6;
	--mio-theme-color-surface-4: #e9e7d3;
	--mio-theme-color-surface-5: #e6e4ce;
	--mio-theme-color-ref-secondary-200: #cac8a5;
	--mio-theme-color-ref-secondary-300: #aead8a;
	--mio-theme-color-ref-neutral-100: #e3e3e3;
	--mio-theme-color-ref-neutral-200: #c7c7c7;
}

.dark-mode.green[_nghost-mqa-c36] a[_ngcontent-mqa-c36]:hover,
.dark-mode.green[_nghost-mqa-c36] a[_ngcontent-mqa-c36]:focus,
.dark-mode.green[_nghost-mqa-c36] a[_ngcontent-mqa-c36]:active {
	--mio-theme-color-on-surface-variant-2: linear-gradient(0deg, rgba(196, 200, 187, 0.08), rgba(196, 200, 187, 0.08));
	--mio-theme-color-on-surface-variant-4: linear-gradient(0deg, rgba(196, 200, 187, 0.12), rgba(196, 200, 187, 0.12));
	--mio-theme-color-on-surface-2: linear-gradient(0deg, rgba(227, 227, 220, 0.08), rgba(227, 227, 220, 0.08)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-on-surface-4: linear-gradient(0deg, rgba(227, 227, 220, 0.12), rgba(227, 227, 220, 0.12)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-white: #fff;
	--mio-theme-color-on-background: #e3e3dc;
	--mio-theme-color-background: #1a1c18;
	--mio-theme-color-on-surface: #e3e3dc;
	--mio-theme-color-on-surface-variant: #c4c8bb;
	--mio-theme-color-surface-0: #1a1c18;
	--mio-theme-color-surface-variant: #43493e;
	--mio-theme-color-surface-1: #232820;
	--mio-theme-color-surface-2: #272e23;
	--mio-theme-color-surface-3: #2b3326;
	--mio-theme-color-surface-4: #2c3527;
	--mio-theme-color-surface-5: #2f3929;
	--mio-theme-color-inverse-surface: #2f312c;
	--mio-theme-color-inverse-on-surface: #f1f1ea;
	--mio-theme-color-primary: #9cd67d;
	--mio-theme-color-primary-80: #9cd67d;
	--mio-theme-color-primary-30: #205107;
	--mio-theme-color-primary-20: #0c3900;
	--mio-theme-color-neutral-10: #1a1c18;
	--mio-theme-color-neutral-90: #e3e3dc;
	--mio-theme-color-on-primary: #0c3900;
	--mio-theme-color-primary-container: #205107;
	--mio-theme-color-on-primary-container: #b8f397;
	--mio-theme-color-secondary: #bdcbb0;
	--mio-theme-color-on-secondary: #273420;
	--mio-theme-color-secondary-container: #3e4a36;
	--mio-theme-color-on-secondary-container: #d9e7cb;
	--mio-theme-color-tertiary-container: #1e4e4e;
	--mio-theme-color-on-tertiary-container: #bbebeb;
	--mio-theme-color-utility-error: #ffb4a9;
	--mio-theme-color-utility-on-error: #680003;
	--mio-theme-color-utility-outline: #8d9286;
}

.dark-mode.red[_nghost-mqa-c36] a[_ngcontent-mqa-c36]:hover,
.dark-mode.red[_nghost-mqa-c36] a[_ngcontent-mqa-c36]:focus,
.dark-mode.red[_nghost-mqa-c36] a[_ngcontent-mqa-c36]:active {
	--mio-theme-color-on-surface-variant-2: linear-gradient(0deg, rgba(215, 194, 193, 0.08), rgba(215, 194, 193, 0.08));
	--mio-theme-color-on-surface-variant-4: linear-gradient(0deg, rgba(215, 194, 193, 0.12), rgba(215, 194, 193, 0.12));
	--mio-theme-color-on-surface-2: linear-gradient(0deg, rgba(237, 224, 223, 0.08), rgba(237, 224, 223, 0.08)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-on-surface-4: linear-gradient(0deg, rgba(237, 224, 223, 0.12), rgba(237, 224, 223, 0.12)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-white: #fff;
	--mio-theme-color-on-background: #ede0df;
	--mio-theme-color-background: #211a1a;
	--mio-theme-color-on-surface: #ede0df;
	--mio-theme-color-on-surface-variant: #d7c2c1;
	--mio-theme-color-surface-0: #211a1a;
	--mio-theme-color-surface-variant: #534343;
	--mio-theme-color-surface-1: #2f2525;
	--mio-theme-color-surface-2: #362929;
	--mio-theme-color-surface-3: #3c2e2e;
	--mio-theme-color-surface-4: #3e2f2f;
	--mio-theme-color-surface-5: #433232;
	--mio-theme-color-inverse-surface: #362f2f;
	--mio-theme-color-inverse-on-surface: #fbeeed;
	--mio-theme-color-primary: #ffb3b5;
	--mio-theme-color-primary-80: #ffb3b5;
	--mio-theme-color-primary-30: #7d2a30;
	--mio-theme-color-primary-20: #5f121b;
	--mio-theme-color-neutral-10: #211a1a;
	--mio-theme-color-neutral-90: #ede0df;
	--mio-theme-color-on-primary: #5f121b;
	--mio-theme-color-primary-container: #7d2a30;
	--mio-theme-color-on-primary-container: #ffdadb;
	--mio-theme-color-secondary: #e6bcbc;
	--mio-theme-color-on-secondary: #442929;
	--mio-theme-color-secondary-container: #5c3f3f;
	--mio-theme-color-on-secondary-container: #ffdad9;
	--mio-theme-color-tertiary-container: #5b4219;
	--mio-theme-color-on-tertiary-container: #fda;
	--mio-theme-color-utility-error: #ffb4a9;
	--mio-theme-color-utility-on-error: #680003;
	--mio-theme-color-utility-outline: #a08c8c;
}

.dark-mode.yellow[_nghost-mqa-c36] a[_ngcontent-mqa-c36]:hover,
.dark-mode.yellow[_nghost-mqa-c36] a[_ngcontent-mqa-c36]:focus,
.dark-mode.yellow[_nghost-mqa-c36] a[_ngcontent-mqa-c36]:active {
	--mio-theme-color-on-surface-variant-2: linear-gradient(0deg, rgba(201, 199, 182, 0.08), rgba(201, 199, 182, 0.08));
	--mio-theme-color-on-surface-variant-4: linear-gradient(0deg, rgba(201, 199, 182, 0.12), rgba(201, 199, 182, 0.12));
	--mio-theme-color-on-surface-2: linear-gradient(0deg, rgba(229, 226, 217, 0.08), rgba(229, 226, 217, 0.08)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-on-surface-4: linear-gradient(0deg, rgba(229, 226, 217, 0.12), rgba(229, 226, 217, 0.12)), var(--mio-theme-color-secondary-container);
	--mio-theme-color-white: #fff;
	--mio-theme-color-on-background: #e5e2d9;
	--mio-theme-color-background: #1c1c16;
	--mio-theme-color-on-surface: #e5e2d9;
	--mio-theme-color-on-surface-variant: #c9c7b6;
	--mio-theme-color-surface-0: #1c1c16;
	--mio-theme-color-surface-variant: #48473a;
	--mio-theme-color-surface-1: #28281c;
	--mio-theme-color-surface-2: #2d2d1e;
	--mio-theme-color-surface-3: #323220;
	--mio-theme-color-surface-4: #343421;
	--mio-theme-color-surface-5: #373722;
	--mio-theme-color-inverse-surface: #31302b;
	--mio-theme-color-inverse-on-surface: #f4f0e8;
	--mio-theme-color-primary: #cbcc58;
	--mio-theme-color-primary-80: #cbcc58;
	--mio-theme-color-primary-30: #494a00;
	--mio-theme-color-primary-20: #323200;
	--mio-theme-color-neutral-10: #1c1c16;
	--mio-theme-color-neutral-90: #e5e2d9;
	--mio-theme-color-on-primary: #323200;
	--mio-theme-color-primary-container: #494a00;
	--mio-theme-color-on-primary-container: #e8e971;
	--mio-theme-color-secondary: #cac8a5;
	--mio-theme-color-on-secondary: #323219;
	--mio-theme-color-secondary-container: #48482d;
	--mio-theme-color-on-secondary-container: #e6e4bf;
	--mio-theme-color-tertiary-container: #254e40;
	--mio-theme-color-on-tertiary-container: #bfedd9;
	--mio-theme-color-utility-error: #ffb4a9;
	--mio-theme-color-utility-on-error: #680003;
	--mio-theme-color-utility-outline: #939182;
}

a[_ngcontent-mqa-c36] {
	display: inline-flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	padding: 0;
	transition: border-radius 300ms cubic-bezier(0.2, 0, 0, 1), background-color 300ms cubic-bezier(0.2, 0, 0, 1);
	border-radius: 24px;
	background: var(--mio-theme-color-surface-1);
	color: var(--mio-theme-color-on-surface);
	text-decoration: none;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent;
	font-variation-settings: "GRAD"0;
}

a[_ngcontent-mqa-c36]:hover {
	color: var(--mio-theme-color-on-secondary-container);
}

a[_ngcontent-mqa-c36]:hover .title[_ngcontent-mqa-c36] {
	font-variation-settings: "GRAD"50;
}

a[_ngcontent-mqa-c36]:hover .overline[_ngcontent-mqa-c36] {
	color: var(--mio-theme-color-on-secondary-container);
}

a[_ngcontent-mqa-c36]:focus {
	margin: initial;
	border: initial;
	border-radius: 48px;
	outline: 2px solid var(--mio-theme-color-on-surface);
	color: var(--mio-theme-color-on-secondary-container);
	box-shadow: initial;
}

a[_ngcontent-mqa-c36]:focus .overline[_ngcontent-mqa-c36] {
	color: var(--mio-theme-color-on-secondary-container);
}

a[_ngcontent-mqa-c36]:active {
	border-radius: 48px;
	outline: initial;
	color: var(--mio-theme-color-on-secondary-container);
}

a[_ngcontent-mqa-c36]:active .title[_ngcontent-mqa-c36] {
	font-variation-settings: "GRAD"-50;
}

a[_ngcontent-mqa-c36]:active .overline[_ngcontent-mqa-c36] {
	color: var(--mio-theme-color-on-secondary-container);
}

a[_ngcontent-mqa-c36]:hover,
a[_ngcontent-mqa-c36]:focus,
a[_ngcontent-mqa-c36]:active {
	background: var(--mio-theme-color-secondary-container);
}

a[_ngcontent-mqa-c36]:hover .hover-image[_ngcontent-mqa-c36],
a[_ngcontent-mqa-c36]:focus .hover-image[_ngcontent-mqa-c36],
a[_ngcontent-mqa-c36]:active .hover-image[_ngcontent-mqa-c36] {
	opacity: 1;
}

a[_ngcontent-mqa-c36]:hover .overline[_ngcontent-mqa-c36],
a[_ngcontent-mqa-c36]:focus .overline[_ngcontent-mqa-c36],
a[_ngcontent-mqa-c36]:active .overline[_ngcontent-mqa-c36] {
	color: var(--mio-theme-color-on-secondary-container);
}

a[_ngcontent-mqa-c36],
a[_ngcontent-mqa-c36]:hover,
a[_ngcontent-mqa-c36]:focus,
a[_ngcontent-mqa-c36]:active {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.scrim[_ngcontent-mqa-c36] .overline[_ngcontent-mqa-c36],
.scrim[_ngcontent-mqa-c36] .title[_ngcontent-mqa-c36],
.scrim[_ngcontent-mqa-c36] .description[_ngcontent-mqa-c36] {
	color: var(--mio-theme-color-on-secondary);
}

.scrim[_ngcontent-mqa-c36]::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--mio-theme-color-on-surface);
	opacity: 0.8;
	content: "";
}

.scrim[_ngcontent-mqa-c36]:hover::before {
	background-color: var(--mio-theme-color-on-secondary-container);
	opacity: 0.8;
}

.scrim[_ngcontent-mqa-c36]:focus::before {
	background-color: var(--mio-theme-color-on-secondary-container);
	opacity: 0.88;
}

.scrim[_ngcontent-mqa-c36]:active::before {
	background-color: var(--mio-theme-color-on-secondary-container);
	opacity: 0.88;
}

.content-container[_ngcontent-mqa-c36] {
	display: grid;
	position: relative;
	align-self: start;
	margin: 24px;
	gap: 8px;
}

.overline[_ngcontent-mqa-c36] {
	font-family: var(--mio-theme-v2-title-m-font-family);
	font-size: var(--mio-theme-v2-title-m-font-size);
	font-weight: var(--mio-theme-v2-title-m-font-weight);
	letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
	line-height: var(--mio-theme-v2-title-m-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz);
	display: inline-flex;
	align-items: center;
	color: var(--mio-theme-color-on-surface-variant);
}

@media screen and (max-width: 600px) {
	.overline[_ngcontent-mqa-c36] {
		font-family: var(--mio-theme-v2-title-m-font-family);
		font-size: var(--mio-theme-v2-title-m-font-size);
		font-weight: var(--mio-theme-v2-title-m-font-weight);
		letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
		line-height: var(--mio-theme-v2-title-m-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz);
	}
}

@media screen and (min-width: 601px) and (max-width: 1294px) {
	.overline[_ngcontent-mqa-c36] {
		font-family: var(--mio-theme-v2-title-m-font-family);
		font-size: var(--mio-theme-v2-title-m-font-size);
		font-weight: var(--mio-theme-v2-title-m-font-weight);
		letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
		line-height: var(--mio-theme-v2-title-m-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz);
	}
}

.title[_ngcontent-mqa-c36] {
	font-family: var(--mio-theme-v2-headline-s-font-family);
	font-size: var(--mio-theme-v2-headline-s-font-size);
	font-weight: var(--mio-theme-v2-headline-s-font-weight);
	letter-spacing: var(--mio-theme-v2-headline-s-letter-spacing);
	line-height: var(--mio-theme-v2-headline-s-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-headline-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-headline-s-font-variation-opsz);
	transition: font-variation-settings 300ms cubic-bezier(0.2, 0, 0, 1);
}

@media screen and (max-width: 600px) {
	.title[_ngcontent-mqa-c36] {
		font-family: var(--mio-theme-v2-headline-s-font-family);
		font-size: var(--mio-theme-v2-headline-s-font-size);
		font-weight: var(--mio-theme-v2-headline-s-font-weight);
		letter-spacing: var(--mio-theme-v2-headline-s-letter-spacing);
		line-height: var(--mio-theme-v2-headline-s-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-headline-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-headline-s-font-variation-opsz);
	}
}

@media screen and (min-width: 601px) and (max-width: 1294px) {
	.title[_ngcontent-mqa-c36] {
		font-family: var(--mio-theme-v2-headline-s-font-family);
		font-size: var(--mio-theme-v2-headline-s-font-size);
		font-weight: var(--mio-theme-v2-headline-s-font-weight);
		letter-spacing: var(--mio-theme-v2-headline-s-letter-spacing);
		line-height: var(--mio-theme-v2-headline-s-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-headline-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-headline-s-font-variation-opsz);
	}
}

.description[_ngcontent-mqa-c36] {
	font-family: var(--mio-theme-v2-body-l-font-family);
	font-size: var(--mio-theme-v2-body-l-font-size);
	font-weight: var(--mio-theme-v2-body-l-font-weight);
	letter-spacing: var(--mio-theme-v2-body-l-letter-spacing);
	line-height: var(--mio-theme-v2-body-l-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-body-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-body-l-font-variation-opsz);
	max-width: 640px;
}

@media screen and (max-width: 600px) {
	.description[_ngcontent-mqa-c36] {
		font-family: var(--mio-theme-v2-body-m-font-family);
		font-size: var(--mio-theme-v2-body-m-font-size);
		font-weight: var(--mio-theme-v2-body-m-font-weight);
		letter-spacing: var(--mio-theme-v2-body-m-letter-spacing);
		line-height: var(--mio-theme-v2-body-m-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-body-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-body-m-font-variation-opsz);
	}
}

@media screen and (min-width: 601px) and (max-width: 1294px) {
	.description[_ngcontent-mqa-c36] {
		font-family: var(--mio-theme-v2-body-l-font-family);
		font-size: var(--mio-theme-v2-body-l-font-size);
		font-weight: var(--mio-theme-v2-body-l-font-weight);
		letter-spacing: var(--mio-theme-v2-body-l-letter-spacing);
		line-height: var(--mio-theme-v2-body-l-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-body-l-font-variation-GRAD), "opsz"var(--mio-theme-v2-body-l-font-variation-opsz);
	}
}

.title[_ngcontent-mqa-c36],
.description[_ngcontent-mqa-c36] {
	color: var(--mio-theme-color-on-surface);
}

.thumb-container[_ngcontent-mqa-c36] {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	min-width: 200px;
	height: 200px;
	border-radius: 24px;
	background-color: var(--mio-theme-color-secondary-container);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	overflow: hidden;
	z-index: 1;
}

mio-icon-badge[_ngcontent-mqa-c36] {
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	margin: 24px;
	z-index: 1;
}

.foreground[_ngcontent-mqa-c36] {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}

.hover-image[_ngcontent-mqa-c36] {
	position: absolute;
	width: 100%;
	height: 100%;
	transition: opacity 300ms cubic-bezier(0.2, 0, 0, 1);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	opacity: 0;
	z-index: -1;
}

@-webkit-keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

[_nghost-mqa-c38] {
	--symbol-size: 32px;
	--badge-bg-color: var(--mio-theme-color-surface-0);
	--badge-bg-color-hover: var(--mio-theme-color-secondary);
	--symbol-color: var(--mio-theme-color-on-secondary-container);
	--symbol-color-hover: var(--mio-theme-color-on-secondary);
	display: grid;
	align-items: center;
	transform-origin: 50%;
	transition: transform cubic-bezier(0.4, 0, 0.2, 1) 250ms;
	color: var(--symbol-color);
	font-weight: 500;
	justify-items: center;
}

[_nghost-mqa-c38] .google-symbols[_ngcontent-mqa-c38] {
	transition: font-variation-settings cubic-bezier(0.4, 0, 0.2, 1) 250ms;
	font-variation-settings: "wght"500;
}

a[_nghost-mqa-c38]:focus,
a:focus [_nghost-mqa-c38] {
	color: var(--symbol-color-hover);
}

a[_nghost-mqa-c38]:focus .mask[_ngcontent-mqa-c38] svg[_ngcontent-mqa-c38] path[_ngcontent-mqa-c38],
a:focus [_nghost-mqa-c38] .mask[_ngcontent-mqa-c38] svg[_ngcontent-mqa-c38] path[_ngcontent-mqa-c38] {
	fill: var(--badge-bg-color-hover);
}

a[_nghost-mqa-c38]:hover,
a:hover [_nghost-mqa-c38] {
	color: var(--symbol-color-hover);
}

a[_nghost-mqa-c38]:hover .mask[_ngcontent-mqa-c38] svg[_ngcontent-mqa-c38] path[_ngcontent-mqa-c38],
a:hover [_nghost-mqa-c38] .mask[_ngcontent-mqa-c38] svg[_ngcontent-mqa-c38] path[_ngcontent-mqa-c38] {
	fill: var(--badge-bg-color-hover);
}

a[_nghost-mqa-c38]:hover .google-symbols[_ngcontent-mqa-c38],
a:hover [_nghost-mqa-c38] .google-symbols[_ngcontent-mqa-c38] {
	font-variation-settings: "wght"700;
}

a[_nghost-mqa-c38]:hover .symbol[_ngcontent-mqa-c38] svg[_ngcontent-mqa-c38] path[_ngcontent-mqa-c38],
a:hover [_nghost-mqa-c38] .symbol[_ngcontent-mqa-c38] svg[_ngcontent-mqa-c38] path[_ngcontent-mqa-c38] {
	fill: var(--symbol-color-hover);
}

a[_nghost-mqa-c38]:active .mask[_ngcontent-mqa-c38] svg[_ngcontent-mqa-c38] path[_ngcontent-mqa-c38],
a:active [_nghost-mqa-c38] .mask[_ngcontent-mqa-c38] svg[_ngcontent-mqa-c38] path[_ngcontent-mqa-c38] {
	fill: var(--badge-bg-color-hover);
}

a[_nghost-mqa-c38]:active .google-symbols[_ngcontent-mqa-c38],
a:active [_nghost-mqa-c38] .google-symbols[_ngcontent-mqa-c38] {
	font-variation-settings: "wght"300;
}

@media (prefers-reduced-motion: no-preference) {

	a[_nghost-mqa-c38]:hover.spin .clover[_ngcontent-mqa-c38],
	a:hover .spin[_nghost-mqa-c38] .clover[_ngcontent-mqa-c38] {
		transform: rotate(90deg);
	}

	a[_nghost-mqa-c38]:hover.spin .flower[_ngcontent-mqa-c38],
	a:hover .spin[_nghost-mqa-c38] .flower[_ngcontent-mqa-c38] {
		-webkit-animation-play-state: running;
		animation-play-state: running;
	}
}

.mask[_ngcontent-mqa-c38],
.symbol[_ngcontent-mqa-c38] {
	grid-column: 1;
	grid-row: 1;
}

.mask[_ngcontent-mqa-c38] {
	width: inherit;
	height: inherit;
	background-repeat: no-repeat;
	background-size: contain;
}

.mask[_ngcontent-mqa-c38] svg[_ngcontent-mqa-c38] {
	transition: all cubic-bezier(0.4, 0, 0.2, 1) 250ms;
}

.mask[_ngcontent-mqa-c38] svg[_ngcontent-mqa-c38] path[_ngcontent-mqa-c38] {
	transition: fill 300ms cubic-bezier(0.2, 0, 0, 1);
	fill: var(--badge-bg-color);
}

.mask[_ngcontent-mqa-c38] .flower[_ngcontent-mqa-c38] {
	-webkit-animation: spin 12s linear;
	animation: spin 12s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

.symbol[_ngcontent-mqa-c38] {
	width: var(--symbol-size);
	height: var(--symbol-size);
	z-index: 1;
}

.symbol[_ngcontent-mqa-c38] svg[_ngcontent-mqa-c38] path[_ngcontent-mqa-c38] {
	fill: var(--symbol-color);
}

.symbol[_ngcontent-mqa-c38] div[_ngcontent-mqa-c38] {
	width: inherit;
	height: inherit;
	background-size: contain;
}

.symbol[_ngcontent-mqa-c38] .glitch[_ngcontent-mqa-c38] {
	background-image: url('/static/angular/glitch.4a112f1bdf1606cced45.svg');
}

.symbol[_ngcontent-mqa-c38] .google-symbols[_ngcontent-mqa-c38] {
	font-size: var(--symbol-size);
}

[_nghost-mqa-c43] {
	display: block;
	width: 100%;
	min-height: 100vh;
	margin: 8px auto;
	line-height: 1.5;
	overflow: visible;
}

.loaded[_nghost-mqa-c43] {
	min-height: initial;
}

mio-header[_ngcontent-mqa-c43] {
	width: 100%;
	max-width: 1760px;
	margin: 0 auto;
	padding: 0 8px;
}

main[_ngcontent-mqa-c43]:focus {
	outline: none;
}

main[_ngcontent-mqa-c43] nav[_ngcontent-mqa-c43] {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 100%;
	max-width: 1760px;
	margin: 0 auto;
	transition-duration: 300ms;
	transition-property: max-width, margin;
	transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
	z-index: 1;
}

main[_ngcontent-mqa-c43] nav.sticky[_ngcontent-mqa-c43] {
	max-width: 1040px;
	margin-bottom: 16px;
}

main[_ngcontent-mqa-c43] nav.sticky[_ngcontent-mqa-c43] .navigation-container[_ngcontent-mqa-c43] {
	height: 72px;
}

main[_ngcontent-mqa-c43] nav.sticky[_ngcontent-mqa-c43] .tabbed-navigation[_ngcontent-mqa-c43],
main[_ngcontent-mqa-c43] nav.sticky[_ngcontent-mqa-c43] .scroll-button[_ngcontent-mqa-c43] {
	box-shadow: var(--mio-theme-elevation-1);
}

@media screen and (max-width: 960px) {
	main[_ngcontent-mqa-c43] nav[_ngcontent-mqa-c43] {
		margin-top: -64px;
		padding-top: 63px;
	}
}

.navigation-container[_ngcontent-mqa-c43] {
	display: flex;
	justify-content: center;
	height: 88px;
	margin: 0 8px;
	padding-top: 9px;
	gap: 8px;
	transition: height 300ms cubic-bezier(0.2, 0, 0, 1), opacity 200ms cubic-bezier(0.2, 0, 0, 1);
	border-radius: 0 0 40px 40px;
	background: var(--mio-theme-color-background);
	opacity: 1;
}

@media screen and (max-width: 600px) {
	.navigation-container.mobile-scrolldown-hide[_ngcontent-mqa-c43] {
		opacity: 0;
	}
}

.scroll-button[_ngcontent-mqa-c43] {
	display: flex;
	height: 100%;
	border-radius: 24px;
	background: var(--mio-theme-color-surface-1);
	color: var(--mio-theme-color-on-surface-variant);
	cursor: pointer;
}

.scroll-button[_ngcontent-mqa-c43] .google-symbols[_ngcontent-mqa-c43] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	border-radius: 24px;
	font-variation-settings: "wght"400, "opsz"24;
}

.scroll-button[_ngcontent-mqa-c43]:focus-visible {
	margin: 0 -2px;
	border: 2px solid var(--mio-theme-color-on-surface);
	outline: 0;
	box-shadow: inset 0 0 0 2px var(--mio-theme-color-surface-0);
}

.scroll-button[_ngcontent-mqa-c43]:hover .google-symbols[_ngcontent-mqa-c43] {
	background: var(--mio-theme-color-on-surface-variant-2);
	color: var(--mio-theme-color-on-surface);
	font-variation-settings: "wght"600, "opsz"24;
}

.scroll-button[_ngcontent-mqa-c43]:active .google-symbols[_ngcontent-mqa-c43] {
	background: var(--mio-theme-color-on-surface-variant-2);
	color: var(--mio-theme-color-on-surface);
	font-variation-settings: "wght"300, "opsz"24;
}

.tabbed-navigation[_ngcontent-mqa-c43] {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	border-radius: 40px;
	background: var(--mio-theme-color-surface-1);
	text-align: center;
	white-space: nowrap;
	overflow: auto;
}

.tab[_ngcontent-mqa-c43] {
	font-family: var(--mio-theme-v2-title-m-font-family);
	font-size: var(--mio-theme-v2-title-m-font-size);
	font-weight: var(--mio-theme-v2-title-m-font-weight);
	letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
	line-height: var(--mio-theme-v2-title-m-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz);
	display: inline-flex;
	position: relative;
	flex-grow: 1;
	align-items: center;
	justify-content: center;
	padding: 0 24px;
	border: none;
	border-radius: 40px;
	background: var(--mio-theme-color-surface-1);
	color: var(--mio-theme-color-on-surface-variant);
	line-height: 44px;
	text-decoration: initial;
	cursor: pointer;
	vertical-align: middle;
}

.tab[_ngcontent-mqa-c43] .tab-label[_ngcontent-mqa-c43] {
	font-family: var(--mio-theme-v2-title-m-font-family);
	font-size: var(--mio-theme-v2-title-m-font-size);
	font-weight: var(--mio-theme-v2-title-m-font-weight);
	letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
	line-height: var(--mio-theme-v2-title-m-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz);
	transition: font-variation-settings 200ms cubic-bezier(0.2, 0, 0, 1);
	font-family: var(--mio-theme-display-font-family);
	font-variation-settings: "GRAD"0;
	z-index: 1;
}

.tab[_ngcontent-mqa-c43] .google-symbols[_ngcontent-mqa-c43] {
	margin-right: 8px;
	transition: font-variation-settings 200ms cubic-bezier(0.2, 0, 0, 1);
	font-variation-settings: "wght"400, "opsz"24;
	z-index: 1;
}

.tab[_ngcontent-mqa-c43]:focus {
	margin: initial;
	box-shadow: initial;
}

.tab[_ngcontent-mqa-c43]:focus-visible {
	margin: initial;
	padding: 0 22px;
	border: 2px solid var(--mio-theme-color-on-surface);
	outline: 0;
	box-shadow: inset 0 0 0 2px var(--mio-theme-color-surface-0);
}

.tab[_ngcontent-mqa-c43]:hover {
	background: var(--mio-theme-color-on-surface-variant-2);
	color: var(--mio-theme-color-on-surface);
}

.tab[_ngcontent-mqa-c43]:hover:focus {
	border: initial;
	outline: initial;
}

.tab[_ngcontent-mqa-c43]:hover .tab-label[_ngcontent-mqa-c43] {
	font-variation-settings: "GRAD"50;
}

.tab[_ngcontent-mqa-c43]:hover .google-symbols[_ngcontent-mqa-c43] {
	font-variation-settings: "wght"600, "opsz"24;
}

.tab[_ngcontent-mqa-c43]:active {
	background: var(--mio-theme-color-on-surface-variant-4);
	color: var(--mio-theme-color-on-surface);
}

.tab[_ngcontent-mqa-c43]:active .tab-label[_ngcontent-mqa-c43] {
	font-variation-settings: "GRAD"-50;
}

.tab[_ngcontent-mqa-c43]:active .google-symbols[_ngcontent-mqa-c43] {
	font-variation-settings: "wght"300, "opsz"24;
}

.tab[_ngcontent-mqa-c43]::before {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;


	transform: scaleX(0.32);
	transition-duration: 200ms;
	transition-property: transform, opacity;
	transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
	border-radius: 40px;
	background: var(--mio-theme-color-secondary-container);
	content: "";
}

.tab.active[_ngcontent-mqa-c43] .tab-label[_ngcontent-mqa-c43] {
	color: var(--mio-theme-color-on-secondary-container);
	font-variation-settings: "GRAD"125;
}

.tab.active[_ngcontent-mqa-c43] .google-symbols[_ngcontent-mqa-c43] {
	color: var(--mio-theme-color-on-secondary-container);
	font-variation-settings: "FILL"1, "wght"400, "opsz"24;
}

.tab.active[_ngcontent-mqa-c43]::before {
	opacity: 1;


	transform: scaleX(1);
}

.tab.active[_ngcontent-mqa-c43]:hover::before {
	background: var(--mio-theme-color-on-surface-2);
}

.tab.active[_ngcontent-mqa-c43]:hover .google-symbols[_ngcontent-mqa-c43] {
	font-variation-settings: "FILL"1, "wght"600, "opsz"24;
}

.tab.active[_ngcontent-mqa-c43]:active::before {
	background: var(--mio-theme-color-on-surface-4);
}

.tab.active[_ngcontent-mqa-c43]:active .tab-label[_ngcontent-mqa-c43] {
	font-variation-settings: "GRAD"-50;
}

.tab.active[_ngcontent-mqa-c43]:active .google-symbols[_ngcontent-mqa-c43] {
	font-variation-settings: "FILL"1, "wght"300, "opsz"24;
}

mio-card-set[_ngcontent-mqa-c43] {
	--min-row-height: unset;
	width: 100%;
	max-width: 1200px;
	margin: 88px auto 0;
	padding: 0 8px;
}

@media screen and (max-width: 960px) {
	mio-card-set[_ngcontent-mqa-c43] {
		margin: 64px auto 0;
	}
}

@media screen and (min-width: 601px) and (max-width: 1294px) {
	mio-card-set.no-prev[_ngcontent-mqa-c43] mio-card[_ngcontent-mqa-c43] {
		grid-column: 2/end;
	}
}

@media screen and (min-width: 1295px) {
	mio-card-set.no-prev[_ngcontent-mqa-c43] mio-card[_ngcontent-mqa-c43] {
		grid-column: 4/end;
	}
}

@media screen and (min-width: 1294px) {
	.content-container[_ngcontent-mqa-c43] {
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
	}
}

.carbon-container[_ngcontent-mqa-c43] {
	flex: 1;
	max-width: -webkit-fit-content;
	max-width: -moz-fit-content;
	max-width: fit-content;
	overflow: auto;
}

@media screen and (min-width: 1294px) {
	.carbon-container[_ngcontent-mqa-c43] {
		margin-left: 116px;
	}
}

.back-to-top[_ngcontent-mqa-c43] {
	display: flex;
	position: absolute;
	right: 8px;
	bottom: 8px;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	transition: opacity 200ms cubic-bezier(0.2, 0, 0, 1);
	border-radius: 32px;
	background-color: var(--mio-theme-color-tertiary-container);
	opacity: 1;
	color: var(--mio-theme-color-on-tertiary-container);
	cursor: pointer;
	box-shadow: var(--mio-theme-elevation-1);
}

@media screen and (min-width: 1294px) {
	.back-to-top[_ngcontent-mqa-c43] {
		display: none;
	}
}

.back-to-top[_ngcontent-mqa-c43]:not(.show) {
	opacity: 0;
}

@media screen and (max-width: 600px) {
	.back-to-top.mobile-scrolldown-hide[_ngcontent-mqa-c43] {
		opacity: 0;
	}
}

.back-to-top[_ngcontent-mqa-c43] .state-overlay[_ngcontent-mqa-c43] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 32px;
}

.back-to-top[_ngcontent-mqa-c43]:hover .state-overlay[_ngcontent-mqa-c43] {
	background: var(--mio-theme-color-on-surface-variant-2);
}

.back-to-top[_ngcontent-mqa-c43]:active .state-overlay[_ngcontent-mqa-c43] {
	background: var(--mio-theme-color-on-surface-variant-4);
}

[_nghost-mqa-c35] {
	display: block;
	margin-top: 64px;
}

@media screen and (min-width: 1295px) {
	[_nghost-mqa-c35] {
		width: 156px;
		margin: 112px 24px 0;
	}
}

nav[_ngcontent-mqa-c35] {
	max-width: 1024px;
}

@media screen and (min-width: 1295px) {
	nav[_ngcontent-mqa-c35] {
		position: -webkit-sticky;
		position: sticky;
		top: 136px;
		width: inherit;
		margin: 0;
	}
}

@media screen and (max-width: 1294px) {
	nav[_ngcontent-mqa-c35] {
		margin-right: 88px;
		margin-left: 88px;
	}
}

@media screen and (max-width: 960px) {
	nav[_ngcontent-mqa-c35] {
		margin-right: 40px;
		margin-left: 40px;
	}
}

@media screen and (max-width: 600px) {
	nav[_ngcontent-mqa-c35] {
		margin-right: 24px;
		margin-left: 24px;
	}
}

.title[_ngcontent-mqa-c35] {
	font-family: var(--mio-theme-v2-headline-s-font-family);
	font-size: var(--mio-theme-v2-headline-s-font-size);
	font-weight: var(--mio-theme-v2-headline-s-font-weight);
	letter-spacing: var(--mio-theme-v2-headline-s-letter-spacing);
	line-height: var(--mio-theme-v2-headline-s-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-headline-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-headline-s-font-variation-opsz);
	margin: 0 16px 24px;
	color: var(--mio-theme-color-on-surface);
}

.overline[_ngcontent-mqa-c35] {
	font-family: var(--mio-theme-v2-label-s-font-family);
	font-size: var(--mio-theme-v2-label-s-font-size);
	font-weight: var(--mio-theme-v2-label-s-font-weight);
	letter-spacing: var(--mio-theme-v2-label-s-letter-spacing);
	line-height: var(--mio-theme-v2-label-s-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-label-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-label-s-font-variation-opsz);
	margin: 0 16px 8px;
	color: var(--mio-theme-color-on-surface-variant);
}

.indicator[_ngcontent-mqa-c35] {
	position: absolute;
	width: 156px;
	transform: translateY(0);
	transition-duration: 500ms, 200ms;
	transition-property: transform, opacity, height;
	transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
	border: 1px solid var(--mio-theme-color-utility-outline);
	border-radius: 18px;
	opacity: 1;
	z-index: -1;
}

@media screen and (max-width: 1294px) {
	.indicator[_ngcontent-mqa-c35] {
		opacity: 0;
	}
}

.indicator.hide[_ngcontent-mqa-c35] {
	opacity: 0;
}

ul[_ngcontent-mqa-c35] {
	list-style: none;
}

li[_ngcontent-mqa-c35] {
	display: flex;
	align-items: center;
	padding: 8px 16px;
	border-radius: 18px;
	cursor: pointer;
}

@media screen and (max-width: 1294px) {
	li[_ngcontent-mqa-c35] {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		border-radius: 20px;
	}
}

@media screen and (min-width: 1295px) {
	li[_ngcontent-mqa-c35]:hover {
		background-color: rgba(68, 71, 70, 0.08);
	}

	li[_ngcontent-mqa-c35]:active {
		background-color: rgba(68, 71, 70, 0.12);
	}
}

li[_ngcontent-mqa-c35]:focus-visible {
	margin: -2px;
	border: 2px solid var(--mio-theme-color-on-surface);
	border-radius: 20px;
	outline: 0;
	box-shadow: inset 0 0 0 2px var(--mio-theme-color-surface-0);
}

.toc-item[_ngcontent-mqa-c35] {
	font-family: var(--mio-theme-v2-body-m-font-family);
	font-size: var(--mio-theme-v2-body-m-font-size);
	font-weight: var(--mio-theme-v2-body-m-font-weight);
	letter-spacing: var(--mio-theme-v2-body-m-letter-spacing);
	line-height: var(--mio-theme-v2-body-m-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-body-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-body-m-font-variation-opsz);
	padding: 0;
	color: var(--mio-theme-color-on-surface-variant);
	text-decoration: none;
}

@media screen and (max-width: 1294px) {
	.toc-item[_ngcontent-mqa-c35] {
		font-family: var(--mio-theme-v2-title-m-font-family);
		font-size: var(--mio-theme-v2-title-m-font-size);
		font-weight: var(--mio-theme-v2-title-m-font-weight);
		letter-spacing: var(--mio-theme-v2-title-m-letter-spacing);
		line-height: var(--mio-theme-v2-title-m-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-title-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-m-font-variation-opsz);
		color: var(--mio-theme-color-on-surface);
	}
}

.toc-item.toc-item--selected[_ngcontent-mqa-c35] {
	color: var(--mio-theme-color-on-secondary-container);
	font-family: var(--mio-theme-display-font-family);
	font-variation-settings: "GRAD"125;
}

[_nghost-mqa-c31] {
	display: block;
	overflow: hidden;
}

img[_ngcontent-mqa-c31] {
	display: block;
	max-width: 100%;
	height: auto;
}

.full-width[_ngcontent-mqa-c31] img[_ngcontent-mqa-c31] {
	width: 100%;
}

.full-width[_nghost-mqa-c32] figure[_ngcontent-mqa-c32] {
	width: 100%;
}

figure[_ngcontent-mqa-c32] {
	display: inline-flex;
	flex-direction: column;
}

figure[_ngcontent-mqa-c32] div[_ngcontent-mqa-c32] {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--mio-theme-color-surface-variant);
	border-radius: 16px;
	overflow: hidden;
}

figure[_ngcontent-mqa-c32] div.with-modifier[_ngcontent-mqa-c32] {
	border-radius: 16px 16px 2px 2px;
}

figcaption[_ngcontent-mqa-c32] {
	display: flex;
	flex-direction: column;
	white-space: break-spaces;
}

.caption[_ngcontent-mqa-c32] {
	font-family: var(--mio-theme-v2-body-m-font-family);
	font-size: var(--mio-theme-v2-body-m-font-size);
	font-weight: var(--mio-theme-v2-body-m-font-weight);
	letter-spacing: var(--mio-theme-v2-body-m-letter-spacing);
	line-height: var(--mio-theme-v2-body-m-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-body-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-body-m-font-variation-opsz);
	margin: 8px 10px 0;
	color: var(--mio-theme-color-on-surface-variant);
}

@media screen and (max-width: 600px) {
	.caption[_ngcontent-mqa-c32] {
		font-family: var(--mio-theme-v2-body-m-font-family);
		font-size: var(--mio-theme-v2-body-m-font-size);
		font-weight: var(--mio-theme-v2-body-m-font-weight);
		letter-spacing: var(--mio-theme-v2-body-m-letter-spacing);
		line-height: var(--mio-theme-v2-body-m-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-body-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-body-m-font-variation-opsz);
	}
}

@media screen and (min-width: 601px) and (max-width: 1294px) {
	.caption[_ngcontent-mqa-c32] {
		font-family: var(--mio-theme-v2-body-m-font-family);
		font-size: var(--mio-theme-v2-body-m-font-size);
		font-weight: var(--mio-theme-v2-body-m-font-weight);
		letter-spacing: var(--mio-theme-v2-body-m-letter-spacing);
		line-height: var(--mio-theme-v2-body-m-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-body-m-font-variation-GRAD), "opsz"var(--mio-theme-v2-body-m-font-variation-opsz);
	}
}

.caption-label[_ngcontent-mqa-c32] {
	font-family: var(--mio-theme-v2-title-s-font-family);
	font-size: var(--mio-theme-v2-title-s-font-size);
	font-weight: var(--mio-theme-v2-title-s-font-weight);
	letter-spacing: var(--mio-theme-v2-title-s-letter-spacing);
	line-height: var(--mio-theme-v2-title-s-line-height);
	font-variation-settings: "GRAD"var(--mio-theme-v2-title-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-s-font-variation-opsz);
	display: flex;
	align-items: center;
	margin-top: 4px;
	padding: 8px;
	border-radius: 2px 2px 16px 16px;
	white-space: nowrap;
}

@media screen and (max-width: 600px) {
	.caption-label[_ngcontent-mqa-c32] {
		font-family: var(--mio-theme-v2-title-s-font-family);
		font-size: var(--mio-theme-v2-title-s-font-size);
		font-weight: var(--mio-theme-v2-title-s-font-weight);
		letter-spacing: var(--mio-theme-v2-title-s-letter-spacing);
		line-height: var(--mio-theme-v2-title-s-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-title-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-s-font-variation-opsz);
	}
}

@media screen and (min-width: 601px) and (max-width: 1294px) {
	.caption-label[_ngcontent-mqa-c32] {
		font-family: var(--mio-theme-v2-title-s-font-family);
		font-size: var(--mio-theme-v2-title-s-font-size);
		font-weight: var(--mio-theme-v2-title-s-font-weight);
		letter-spacing: var(--mio-theme-v2-title-s-letter-spacing);
		line-height: var(--mio-theme-v2-title-s-line-height);
		font-variation-settings: "GRAD"var(--mio-theme-v2-title-s-font-variation-GRAD), "opsz"var(--mio-theme-v2-title-s-font-variation-opsz);
	}
}

.caption-label.caution[_ngcontent-mqa-c32] {
	background-color: var(--mio-theme-color-extensions-caution-container);
	color: var(--mio-theme-color-extensions-on-caution-container);
}

.caption-label.do[_ngcontent-mqa-c32] {
	background-color: var(--mio-theme-color-extensions-do-container);
	color: var(--mio-theme-color-extensions-on-do-container);
}

.caption-label.dont[_ngcontent-mqa-c32] {
	background-color: var(--mio-theme-color-extensions-dont-container);
	color: var(--mio-theme-color-extensions-on-dont-container);
}

.caption-label[_ngcontent-mqa-c32] .material-icons[_ngcontent-mqa-c32] {
	margin-right: 4px;
	font-size: 20px;
}

[_nghost-mqa-c33] {
	display: block;
}

video[_ngcontent-mqa-c33] {
	width: 100%;
	background-color: var(--mio-theme-color-inverse-on-surface);
}