/* ▄ ███ ███ ███ ███ ███ ███ ███ ▄▄▄▄▄ ▄▄▄▄▄ ▄▄▄▄▄▄ ▄███▄ ███████████▄█████████▄█████████▄ █████▀▀ ████▀▀ ▀▀█████▀▀ ▀▀█████▀▀ ▀▀███▄ ████ ███ ███ ███ ███ ████ ███ ███ ███ ███ ███ ███ ███ ███ ███ ███▄ ███ ███ ███ ███ ███▄ ███ ███ ███ ███ █████▄▄ ▄███ ███ ███ ███ ▀████████████▀ ▀█▀ ▀█▀ ▀█▀ ▀▀▀▀▀▀▀ ┌────────────────────────────┐ │░░░░░ chm-software.com ░░░░░│ └────────────────────────────┘ */ /* nunito-200 - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: normal;font-weight: 200;font-display: swap;src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-200.eot'); /* IE9 Compat Modes */src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-200.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-200.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-300 - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: normal;font-weight: 300;font-display: swap;src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-300.eot'); /* IE9 Compat Modes */src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-300.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-200italic - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: italic;font-weight: 200;font-display: swap;src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.eot'); /* IE9 Compat Modes */src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-200italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-300italic - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: italic;font-weight: 300;font-display: swap;src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.eot'); /* IE9 Compat Modes */src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-300italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-regular - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-regular.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-italic - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: italic;font-weight: 400;font-display: swap;src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.eot'); /* IE9 Compat Modes */src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-600 - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: normal;font-weight: 600;font-display: swap;src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-600.eot'); /* IE9 Compat Modes */src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-600.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-700 - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: normal;font-weight: 700;font-display: swap;src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-700.eot'); /* IE9 Compat Modes */src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-700.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-600italic - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: italic;font-weight: 600;font-display: swap;src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.eot'); /* IE9 Compat Modes */src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-600italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-800 - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: normal;font-weight: 800;font-display: swap;src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-800.eot'); /* IE9 Compat Modes */src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-800.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-700italic - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: italic;font-weight: 700;font-display: swap;src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-700italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-800italic - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: italic;font-weight: 800;font-display: swap;src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.eot'); /* IE9 Compat Modes */src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-800italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-900 - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: normal;font-weight: 900;font-display: swap;src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-900.eot'); /* IE9 Compat Modes */src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-900.svg#Nunito') format('svg'); /* Legacy iOS */}/* nunito-900italic - latin_latin-ext */@font-face {font-family: 'Nunito';font-style: italic;font-weight: 900;font-display: swap;src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.eot'); /* IE9 Compat Modes */src: url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/nunito-v12/nunito-v12-latin_latin-ext-900italic.svg#Nunito') format('svg'); /* Legacy iOS */}/* days-one-regular - latin */@font-face {font-family: 'Days One';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/days-one-v10/days-one-v10-latin-regular.eot'); /* IE9 Compat Modes */src: local(''), url('../fonts/days-one-v10/days-one-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/days-one-v10/days-one-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/days-one-v10/days-one-v10-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/days-one-v10/days-one-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/days-one-v10/days-one-v10-latin-regular.svg#DaysOne') format('svg'); /* Legacy iOS */}/* share-tech-mono-regular - latin */@font-face {font-family: 'Share Tech Mono';font-style: normal;font-weight: 400;src: url('../fonts/share-tech-mono-v15/share-tech-mono-v15-latin-regular.woff2') format('woff2'), url('../fonts/share-tech-mono-v15/share-tech-mono-v15-latin-regular.woff') format('woff');} :root {--bg-button-primary: hsl(48, 100%, 50%);--bg-button-primary-hover: hsl(48, 100%, 65%);--fg-button-primary: #000;--bg-button-secondary: hsl(192, 100%, 50%);--bg-button-secondary-hover: hsl(192, 100%, 65%);--fg-button-secondary: #000;--bg-button-tertiary: hsl(192, 0%, 80%);--bg-button-tertiary-hover: hsl(48, 100%, 65%);--fg-button-tertiary: #000;--scrollbar-width: 0px;--teaser-max-width: 1200px;--teaser-gap: 1rem;--header-height: 6rem;--profile-menu-toggle-height: 3rem;--gap: 1rem;--semi-gap: 0.5rem;--color-white: #fff;--color-white-10: rgba(255, 255, 255, 0.1);--color-white-50: rgba(255, 255, 255, 0.5);--color-black: #000;--color-black-0: rgba(0, 0, 0, 0);--color-black-100: rgba(0, 0, 0, 1);--color-dark-gray: #333;--transition-duration: 0.3s;--transition-duration-quick: 0.2s;--proPlayer-offset: -10%;}@media (max-width: 767px), (max-height: 600px) {:root {--header-height: 4rem;}}.chm-software.com {color: #0066ff;}.color-blue {color: #0cf;}.color-darker-blue {color: #006688;}.color-yellow {color: #fc0;}.color-dark-yellow {color: #da0;}.color-green {color: #060;}.color-pink {color: #f05;}.color-gray {color: #888;}*,*:before,*:after {position: relative;box-sizing: border-box;outline: none !important;box-shadow: none;text-decoration: none;margin: 0;padding: 0;border: none;background-position: center center;background-size: auto auto;background-repeat: no-repeat;-webkit-tap-highlight-color: transparent;}a,a:link,a:active,a:hover,a:visited {text-decoration: none;color: inherit;outline: none;cursor: pointer;}h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Days One';font-style: normal;font-weight: 400;margin:0;padding:0;color:#000;}h1.error, h2.error, h3.error, h4.error, h5.error, h6.error {color:#a03;}h1, .h1 {font-size: 2rem;margin-bottom: 1rem;}h2, .h2 {font-size: 1.75rem;margin-top: 1.75rem;margin-top: 2.5rem;margin-bottom: 1rem;}h3, .h3 {font-size: 1.5rem;margin-top: 1.5rem;margin-bottom: 1rem;}h4, .h4, h5, .h5, h6, .h6 {font-size: 1.25rem;margin-top: 1.25rem;margin-bottom: 1rem;}p, .p {margin-top:1rem;}nav,nav *,header,header *,footer,footer * {-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}html, body {margin:0;padding:0;background-color: #fff;font-size: 16px;font-family: 'Nunito';font-weight: 300;}html {overflow-x: hidden;overflow-y: scroll;}body {overflow: hidden;}@media (min-width: 480.5px) {html, body {font-size: 16px;}}@media (max-height: 480px) {html, body {font-size: calc(1600vh / 480);}}@media (max-width: 480px) {html, body {font-size: calc(1600vw / 480);}}body:before {content: '';position: fixed;left:0;top:0;right:0;bottom:0;background-color: rgba(255,255,255,0.9);z-index: 3;background-image: url('/_res/images/layout/loader.gif');background-size: 5rem 5rem;display: block;opacity: 0;pointer-events: none;}body.loading:before {opacity: 1;pointer-events: all;}strong {font-weight: 700;}header {position: fixed;left: 0;top: 0;width: 100%;height: var(--header-height);background-image:url('/_res/images/layout/wave_top_white.svg');background-repeat: no-repeat;background-position:left top;background-size: 100% 100%;z-index:10;pointer-events: none;overflow: hidden;}header * {z-index: 10;}header:before {content: '';position: absolute;left: -0.1rem;top: -0.1rem;width: 100%;bottom: 0.1rem;background-image:url('/_res/images/layout/wave_top.svg');background-repeat: no-repeat;background-position:left top;background-size: 100% 100%;z-index: 1;pointer-events: none;}header:after {content: '';position: absolute;pointer-events: all;z-index: 2;left: 0;top: 0;bottom: 0;width: 100%;clip-path: polygon(100% 0%, 87% 2%, 72% 11%, 59% 31%, 49% 51%, 40% 68%, 28% 86%, 14% 97%, 0% 100%, 0% 0%);/*background-color: rgba(0,255,0,0.5);*/}footer {position: fixed;left:0;bottom:0;width: 100%;height: var(--header-height);background-image:url('/_res/images/layout/wave_bottom_white.svg');background-repeat: no-repeat;background-position:left bottom;background-size: 200% 100%;display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;padding-right: 1rem;padding-bottom: 0.3rem;z-index:5;font-size: 1rem;pointer-events: none;overflow: hidden;color: #333;}footer:before {content: '';position: absolute;left:0.1rem;top:0.1rem;width: 100%;bottom:-0.1rem;background-image:url('/_res/images/layout/wave_bottom.svg');background-repeat: no-repeat;background-position:left top;background-size: 200% 100%;z-index:1;pointer-events: none;}footer:after {content: '';position: absolute;pointer-events: all;z-index:2;left:0;top:0;bottom:0;width: 100%;clip-path: polygon(0% 100%, 16% 99%, 28% 89%, 41% 70%, 51% 50%, 60% 33%, 72% 15%, 86% 5%, 100% 2%, 100% 100%);}footer > * {display: inline-block;z-index:5;}header a,header a:link,header a:active,header a:hover,header a:visited {position: relative;pointer-events: all;z-index:5;}footer a,footer a:link,footer a:active,footer a:hover,footer a:visited {position: relative;display: inline-block;padding: 0.5rem 1rem;text-decoration: none;z-index: 2;pointer-events: all;font-family: 'Days One';font-weight: 400;font-style: normal;}.chm-software.com {display: flex;flex-direction: row;align-items: center;justify-content: flex-end;font-size: 0.75em;}.chm-software.com span {display: inline-block;color: #888;}.align-center {display: flex;flex-direction: column;align-items: center;justify-content: center;}.enlarge * {font-size: 1.1em;}header #logo {display: none;position: absolute;width:auto;height: 4.5rem;left: 2rem;top: 1.75rem;border-radius: 1rem;}header #wordmark {position: absolute;left: 1rem;top: 1rem;padding: 1rem 1rem;line-height: 1;}header #wordmark img {width: auto;height: 1.4rem;}main {margin: 6rem 0;font-size: 1rem;background-color: #fff;z-index:1;padding:2rem;padding-bottom: 0.5rem;}main a,main a:link,main a:active,main a:hover,main a:visited {color: #0066ff;}main a.invisible,main a.invisible:link,main a.invisible:active,main a.invisible:hover,main a.invisible:visited {color: inherit;}@media (max-width: 767px), (max-height: 600px) {header {background-size: 75% 100%;}header:before,header:after {width: 75%;}footer {background-size: 150% 100%;padding-right: 0.5rem;padding-bottom: 0;font-size: 0.75rem;/*flex-direction: row;*/}footer:before {background-size: 150% 100%;}footer:after {clip-path: polygon(0% 100%,calc(0.75 * 16%) 99%,calc(0.75 * 28%) 89%,calc(0.75 * 41%) 70%,calc(0.75 * 51%) 51%,calc(0.75 * 60%) 34%,calc(0.75 * 72%) 17%,calc(0.75 * 86%) 5%,calc(0.75 * 100%) 0%,100% 0%,100% 100%);}footer a,footer a:link,footer a:active,footer a:hover,footer a:visited {padding:1.5rem 1rem;}header #logo {height: 2.5rem;border-radius: 0.25rem;left: 1rem;top: 0.75rem;}header #wordmark {height: auto;left: 0;top: 0.5rem;padding: 0.5rem 1rem;}.chm-software.com {display: none;}main {margin: 4rem 0;font-size: 1rem;padding:1rem;}}@media (max-height: 600px) {header #wordmark img {width: 10rem;height: auto;}}@media (max-width: 767px) {header #wordmark img {width: 20vw;height: auto;}}.button {display: inline-flex;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 700;align-items: center;justify-content: center;font-size: 1rem;padding: 1em 2em;padding-top: 1.1em;border-radius: 999em;cursor: pointer;}.button > i {margin-left: 1rem;}.button.iconLeft > i {margin-left: 0;margin-right: 1rem;}.button.iconOnly {padding: 0;width: 3.4em;height: 3.4em;}.button.iconOnly > i {margin-left: 0;margin-right: 0;}@media(min-width: 1500.00001px) {.button.large {font-size: 1.3rem;}}.button.shadow {box-shadow: 0.2rem 0.2rem #fff,-0.2rem -0.2rem #fff,0.2rem -0.2rem #fff,-0.2rem 0.2rem #fff;}.button.tertiary,.button[data-button-type="tertiary"] {background-color: var(--bg-button-tertiary);transition: background-color 0.25s;color: var(--fg-button-tertiary);}.button.tertiary:active,.button.tertiary:focus,.button.tertiary:hover,.button[data-button-type="tertiary"]:active,.button[data-button-type="tertiary"]:focus,.button[data-button-type="tertiary"]:hover {background-color: var(--bg-button-tertiary-hover);}.button.secondary,.button[data-button-type="secondary"] {background-color: var(--bg-button-secondary);transition: background-color 0.25s;color: var(--fg-button-secondary);}.button.secondary:active,.button.secondary:focus,.button.secondary:hover,.button[data-button-type="secondary"]:active,.button[data-button-type="secondary"]:focus,.button[data-button-type="secondary"]:hover {background-color: var(--bg-button-secondary-hover);}.button.primary,.button[data-button-type="primary"] {background-color: var(--bg-button-primary);transition: background-color 0.25s;color: var(--fg-button-primary);}.button.primary:active,.button.primary:focus,.button.primary:hover,.button[data-button-type="primary"]:active,.button[data-button-type="primary"]:focus,.button[data-button-type="primary"]:hover {background-color: var(--bg-button-primary-hover);}.button.xxl {font-size: 1.2rem;}@media(min-width: 500px) {.button.xxl {font-size: 1.5rem;}}nav {position: fixed;display: flex;align-items: center;justify-content: flex-end;right: 2rem;top:2rem;width:50%;height:3rem;z-index:10;pointer-events: none;}nav > * {pointer-events: all;}#menuToggle {display: inline-flex;align-items: center;justify-content: center;line-height: 1;color: #000;background-color: #ccc;box-shadow: 0 0 0 0.2rem #fff;border-radius: 100%;font-size: 1.5rem;width: 3rem;min-width: 3rem;max-width: 3rem;height: 3rem;min-height: 3rem;max-height: 3rem;margin-left: 1rem;padding-top: 0.1rem;cursor: pointer;position: relative;z-index: 10;}#menuToggle .menu-text {display: none !important;position: absolute;font-size: 0.6rem;left: 50%;transform: translateX(-50%);top: 0.2rem;text-transform: uppercase;font-weight: bold;}#menuToggle > [data-toggle] {/* text-shadow: 0.1rem 0.1rem #fff,-0.1rem -0.1rem #fff,0.1rem -0.1rem #fff,-0.1rem 0.1rem #fff; */transition: all 0.5s;position: absolute;left: 50%;top: 50%;}@media(max-width: 767px), (max-height: 600px) {#menuToggle .menu-text {top: 0.1rem;}#menuToggle > [data-toggle] {top: calc(50% + 0.1rem);}}#menuToggle > [data-toggle="open"] {/*transform:translate(-50%, -50%) scaleX(1);*/transform-origin: center center;transform:translate(-50%, -50%) scaleY(1);}.menu-visible #menuToggle > [data-toggle="open"] {/*transform:translate(25%, -50%) scaleX(0);*/transform:translate(-50%, 0%) scaleY(0);}#menuToggle > [data-toggle="close"] {/*transform: translate(-150%, -50%) scaleX(0);*/transform-origin: center center;transform:translate(-50%, -100%) scaleY(0);}.menu-visible #menuToggle > [data-toggle="close"] {/*transform: translate(-50%, -50%) scaleX(1);*/transform:translate(-50%, -50%) scaleY(1);}#cta {height: 3rem;padding-top:0.1rem;padding-bottom: 0;box-shadow: 0.1rem 0.1rem #fff,-0.1rem -0.1rem #fff,0.1rem -0.1rem #fff,-0.1rem 0.1rem #fff;margin-right: 1rem;}#cta i {margin-right: 0.3em;}#menu {position: absolute;cursor: default;right: 0;top: calc(100% + 0.3rem);display: block;transition: transform 0.5s;transform-origin: center top;transform: scaleY(0);background-color: #ccc;box-shadow: 0.1rem 0.1rem #fff, -0.1rem -0.1rem #fff, 0.1rem -0.1rem #fff, -0.1rem 0.1rem #fff;background-color: #333;border-radius: 1rem;padding: 1rem 0;height: auto;}#menu ul {position: relative;display: block;overflow: auto;max-height: calc(100vh - 8rem);width: 100%;}#menu li {display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;width: 100%;height: auto;position: relative;color: #ccc;transition: color 0.75s;margin-top: 2px;}#menu li:hover {color: #fff;}#menu li a {display: inline-flex;width: 100%;height: 3rem;align-items: center;justify-content: flex-start;font-size: 1rem;font-weight: 500;/* font-family: 'Days One'; */font-weight: 700;font-style: normal;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0;padding-left: 1rem;padding-right: 4rem;background-color: #333;transition: background-color 0.75s;}#menu li.hasSubmenu > a {padding-right: 1rem;margin-right: calc(3rem + 2px);width: calc(100% - 3rem - 2px);}#menu li > ul > li > a {padding-left: 2.5rem;padding-right: 1rem;width: 100%;}#menu li:hover > a,#menu li.current > a {background-color: #555;}#menu li a i {display: inline-flex;align-items: center;justify-content: center;width: 2rem;height: 2rem;font-size: 1.5rem;margin-right:1rem;color: #fff;transition: color 0.75s;}#menu li:hover > a i,#menu li.current > a i {color: hsl(48, 100%, 50%);}#menu li > ul > li > a i {font-size: 1rem;width: 1rem;height: 1rem;margin-right: 1rem;color: #555;}#menu.visible {transform: scaleY(1);}#menu li:not(.hasSubmenu) .submenuToggle {display: none !important;}.submenuToggle {position: absolute;display: inline-flex;align-items: center;justify-content: center;right: 0;top: 0;width: calc(3rem + 2px);height: 3rem;font-size: 1.5rem;color: #0cf;transition: background-color 0.75s;cursor: pointer;}#menu li:hover > .submenuToggle,#menu li.current > .submenuToggle {background-color: #555;border-color: #333;}#menu li:hover > .submenuToggle:before,#menu li.current > .submenuToggle:before {border-color: #333;}.submenuToggle i {transition: transform 0.4s;}#menu li.hasSubmenu[data-submenu-is-open="yes"] .submenuToggle i {transform: rotate(180deg);}#goToTop,#shareMenuToggle {position: fixed;display: inline-flex;align-items: center;justify-content: center;width: 5rem;height: 5rem;font-size: 2rem;color: #fff;z-index: 15;}#goToTop {left: 0.5rem;bottom: 1rem;pointer-events: none;opacity: 0;transition: opacity 0.5s;}#goToTop.isVisible {pointer-events: all;opacity: 1;}#shareMenuToggle {left: 0.5rem;bottom: 1rem;display: none !important;}#goToTop > i,#shareMenuToggle > i {cursor: pointer;display: inline-flex;align-items: center;justify-content: center;width: 3rem;height: 3rem;background-color:#00ccff;border-radius: 1rem;box-shadow: 0.1rem 0.1rem #fff,-0.1rem -0.1rem #fff,0.1rem -0.1rem #fff,-0.1rem 0.1rem #fff;}#shareMenu {position: absolute;left: 1rem;bottom: calc(100% - 1rem);display: block;transition: transform 0.5s;transform-origin: center bottom;transform: scaleY(0);background-color: #ccc;border:0.2rem solid #fff;background-color: #333;border-radius: 1rem;padding: 1rem 0;height: auto;}#shareMenuTitle {display: block;padding: 0 1rem;margin-bottom: 0.5rem;font-size: 1.5rem;font-family: 'Days One';font-weight: 400;font-style: normal;}#shareMenu ul {position: relative;display: block;overflow: auto;max-height: calc(100vh - 8rem);}#shareMenu li {display: block;width: 100%;height: 3rem;position: relative;}#shareMenu li a {display: flex;width: 100%;height: 3rem;position: relative;align-items: center;justify-content: flex-start;font-size: 1rem;font-weight: 500;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0;padding-left: 1rem;padding-right: 4rem;background-color: #333;color: #ddd;transition: color 0.75s;transition: background-color 0.75s;}#shareMenu li:hover a {color: #fff;background-color: #555;}#shareMenu.visible {transform: scaleY(1);}#shareMenu .social-icon {display: inline-flex;align-items: center;justify-content: center;width: 2.5rem;height: 2.5rem;margin-right:1rem;font-size: 1.5rem;color: #fff;border-radius: 99999rem;}#shareMenu .social-icon.low-contrast {text-shadow:1px 1px #888, -1px -1px #888, -1px 1px #888, 1px -1px #888;}@media(max-width: 767px), (max-height: 600px) {nav {right:1rem;top:1rem;height: 2.5rem;}#cta {height:2.5rem;}#menuToggle {margin-left: 1rem;}#goToTop,#shareMenuToggle {font-size: 1.5rem;height: 4rem;width: 4rem;}#shareMenuToggle {left: 0;bottom: 0;}#goToTop {/* left: 3.5rem; */bottom: 0;}#goToTop > i,#shareMenuToggle > i {height: 2.5rem;width: 2.5rem;}#shareMenu {left: 0.5rem;bottom: calc(100% - 0.5rem);}}.flex-center-row,.flex-center-row-start {display: flex;flex-direction: row;align-items: center;justify-content: center;}.flex-center-row-start {justify-content: flex-start;}.flex-center-row > * {text-align: center;}.flex-center-column {display: flex;flex-direction: column;align-items: center;justify-content: center;}.flex-center-column > * {text-align: center;}img.responsive-max {width:100%;height: auto;max-width: 1200px;}.teaser {display: flex;flex-direction: row;justify-content: space-between;gap: 0;margin:0 auto;width: calc(var(--teaser-max-width) - (2 * var(--teaser-gap)));max-width: 100%;font-size: 1rem;}.teaser.inline {font-size: 0.8rem;}.teaser.primary { align-items: flex-start;margin-top: var(--teaser-gap);}.teaser.secondary {align-items: stretch;margin-top: var(--teaser-gap);}.teaser.hasLnks a {color: #fc0;}.teaser-link {position: absolute;display: inline-flex;flex-direction: row;align-items: center;justify-content: center;gap: 0.5em;font-weight: bold;padding: 2em;right: 0;top: 100%;color: #000 !important;}@media(max-width: 766.9px) {.teaser-link {display: none !important;}}.teaser-link i {padding-top: 0.1em;}.teaser h1,.teaser h2,.teaser p {width: 100%;margin:0;}.teaser * {font-size: 1.1em;}.teaser h1,.teaser h2 {font-size:2em;}.teaser-first {display: flex;flex-direction: column;align-items: center;justify-content: space-between;width: calc(45% - (0.5 * var(--teaser-gap)));padding:2em;}.teaser.primary .teaser-first {--bg-button-primary: hsl(0, 0%, 100%);--bg-button-primary-hover: hsl(0, 0%, 90%);}.teaser.primary .teaser-first {background-color: #00ccff;padding-bottom: 4.5em;clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 6em), 50% 100%, 0% calc(100% - 6em));height: calc((9/16) * 0.55 * (var(--teaser-max-width) - var(--teaser-gap)) + 5.5em);}.teaser.secondary .teaser-first {background-color: #333333;padding-top: 5.5em;clip-path: polygon(0% 6em, 50% 0%, 100% 6em, 100% 100%, 0% 100%);}.teaser.secondary *:not(a) {color: #fff;}.teaser.secondary a i {color: #000;}.teaser.secondary .teaser-first p {margin: 2em 0;}.teaser * {text-align: center;z-index: 10;}.teaser-second {width: calc(55% - (0.5 * var(--teaser-gap)));}.teaser.secondary .teaser-second {background-color: #333333;padding: 2em;padding-top: 5.5em;clip-path: polygon(0% 6em, calc(0.5 * 0.45 * (var(--teaser-max-width) - var(--teaser-gap))) 0%, 100% 0%, 100% calc(100% - 6em), calc(100% - (0.5 * 0.45 * (var(--teaser-max-width) - var(--teaser-gap)))) 100%, 0% 100%);display: flex;flex-direction: column;align-items:flex-start;justify-content: space-between;}.teaser.secondary .teaser-second p {text-align: left;}.teaser-second img {display: block;float: left;width:100%;height: auto;}.teaser-second a:not(.button),.teaser-second a:not(.button):not(.teaser-link) i {color: #fc0;}.teaser.primary .teaser-second:after {content: '';display: block;clear: both;}.teaser.primary .teaser-second:before {content: '';display: block;position: absolute;left:0;top:0;right:0;bottom: -6em;background-color: #0cf;z-index:1;clip-path: polygon(0% 0%, 100% 0%, 100% 100%, calc(0.5 * 0.45 * (var(--teaser-max-width) - var(--teaser-gap))) 100%, 0% calc(100% - 6em));}.teaser.app,.teaser.links { background-color: #333333;color: #ffffff;}.teaser.app.inline {margin-bottom: 2rem;width: 100%;} @media(max-width: 767px) {.teaser.app,.teaser.links { margin-top: 1rem;}}.teaser.app .teaser-first,.teaser.links .teaser-first {flex-direction: row;align-items: center;justify-content: space-between;width: 100%;padding: 2rem;}.teaser.app > section > * {margin: 0;}.teaser.app h1, .teaser.links h1,.teaser.app h2, .teaser.links h2,.teaser.app h3, .teaser.links h3,.teaser.app h4, .teaser.links h4,.teaser.app h5, .teaser.links h5,.teaser.app h6, .teaser.links h6 {color: #ffffff;}.teaser.app.hasLinks a, .teaser.links.hasLinks a {color: #fc0 !important;font-weight: bold;}.teaser.links .teaser-first {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: calc(1 * var(--teaser-gap));padding-left: calc(0.5 * var(--teaser-gap));padding-right: calc(0.5 * var(--teaser-gap));}@media(max-width: 767px) {.teaser.links .teaser-first {grid-template-columns: 1fr 1fr;font-size: 0.8rem;padding-left: calc(1 * var(--teaser-gap));padding-right: calc(1 * var(--teaser-gap));}}@media(min-width: 850px) {.teaser.links .teaser-first {gap: calc(2 * var(--teaser-gap));padding-left: calc(1 * var(--teaser-gap));padding-right: calc(1 * var(--teaser-gap));}}.teaser.app .teaser-first > *:first-child {white-space: nowrap;}.teaser.app a {flex-shrink: 0;flex-grow: 1;}.teaser.app a i {display: inline-flex;height: 1em;font-size: 1em;align-items: center;justify-content: center;}.article-price {display: block;position: relative;margin: 0 auto;width: var(--teaser-max-width);max-width: 100%;z-index: 999;}.teaser-price {position: absolute;display: inline-flex;align-items: center;justify-content: center;flex-direction: column;cursor: pointer;text-decoration: none !important;background-color: #fc0;color: #333 !important;transform: translate(-50%, -50%) rotate(-7deg);border-radius: 100%;width: 14vw;height: 14vw;max-width: 168px;max-height: 168px;left: 45%;top: calc(0.5 * var(--teaser-gap));font-size: 1vw;padding-bottom: 0.75em;}@media(max-width: 767px) {.article-price {height: 5rem;}.teaser-price {width: 12rem;height: 12rem;max-width: 12rem;max-height: 12rem;font-size: 0.75rem;left: 50%;top: calc(50% + 1rem);}}@media(min-width: 1200px) {.teaser-price {font-size: 0.75rem;}}.teaser-price-text {font-size: 2em;line-height: 1;display: inline-flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 0.75em;margin-bottom: 0.3em;font-weight: bold;}.teaser-price-value {font-family: 'Days One';font-style: normal;font-weight: 400;font-size: 6em;line-height: 1;display: inline-flex;align-items: center;justify-content: center;}.teaser-price-value i {display: inline-block;font-size: 0.5em;margin-right: 0.3em;}@media (min-width:767.00001px) and (max-width: 1200px) {.teaser {font-size: calc((16/1200) * 100vw);}.teaser.primary .teaser-first {height: calc(((9/16) * 0.55 * (100vw - var(--teaser-gap) - 4rem)) + 6em);}.teaser.primary .teaser-second > * {z-index: 10;}.teaser.inline {font-size: 0.7rem;}}@media (max-width:767px) {.teaser {align-items: center;justify-content: flex-start;font-size: calc((20/767) * 100vw);}.teaser.inline {font-size: calc((16/767) * 100vw);}.teaser.primary {flex-direction: column-reverse;margin-top: 1rem;} .teaser.secondary {flex-direction: column;}.teaser-first {width: 100%;height: auto;gap: 2rem;}.teaser.primary .teaser-first {height:auto;}.teaser-second {width: 100%;gap: 2rem;margin-top: 2px;}.teaser.secondary .teaser-first {padding-bottom: 3em;}.teaser.secondary .teaser-first p {margin: 0;}.teaser.secondary .teaser-second {clip-path: none;padding: 3em 2em;align-items:center;}.teaser.secondary .teaser-second p {text-align: center;}.teaser.primary .teaser-second:before {display: none;}.teaser.app .teaser-first {flex-direction: column;align-items: center;justify-content: center;gap: 1rem;}}#stickyNavigation {padding: 1rem 0;background-color: #fff;color: #000;z-index: 9;width: 100%;margin: 0 auto;max-width: 1200px;}#stickyNavigation.isFixed {position: fixed;padding-left: 1px;padding-right: 1px;padding-top: calc(var(--header-height) + 1rem);top: 0;left: calc(2rem - 1px);max-width: none;width: calc(100% - 4rem + 2px);}@media (max-width: 767px), (max-height: 600px) {#stickyNavigation.isFixed {left: calc(1rem - 1px);width: calc(100% - 2rem + 2px);}}@media (min-width: 1264px) {#stickyNavigation.isFixed {left: calc(50vw - 600px - 1px - (0.5 * var(--scrollbar-width)));max-width: none;width: 1202px;}}.features {margin: 0 auto;max-width: 1200px;}.feature {display: grid;width: 100%;grid-template-columns: auto 60vw;grid-template-rows: auto 1fr;grid-template-areas: "title image""description image";margin-bottom: 4rem;}.feature.isPortrait {grid-template-columns: auto 20vw;}.feature:nth-child(2n+1) {grid-template-columns: 60vw auto;grid-template-areas: "image title""image description";}.feature.isPortrait:nth-child(2n+1) {grid-template-columns: 20vw auto;}@media(min-width: 1300px) {.feature {grid-template-columns: auto 800px;}.feature.isPortrait {grid-template-columns: auto 300px;}.feature:nth-child(2n+1) {grid-template-columns: 800px auto;}.feature.isPortrait:nth-child(2n+1) {grid-template-columns: 300px auto;}}@media(max-width: 767px) {.feature:not(.isPortrait),.feature:not(.isPortrait):nth-child(2n+1) {grid-template-columns: auto;grid-template-rows: auto auto auto;grid-template-areas: "image""title""description";}}.feature > h2 {grid-area: title;margin:0;margin-right: 2rem;margin-bottom: 1rem;min-height: 3rem;height: auto;padding: 0.5rem 1rem;padding-right: 2rem;font-size: 1.3rem;background-color: #00ccff;clip-path: polygon(0% 0%, calc(100% - 1.1rem) 0%, 100% 50%, calc(100% - 1.1rem) 100%, 0% 100%);display: flex;align-items: center;justify-content: flex-start;}.feature > section {grid-area: description;align-self: stretch;}.feature > a {grid-area: image;width: 100%;height: auto;/* cursor:zoom-in; */}.feature > a picture img {width: 100%;height: auto;aspect-ratio: 16/9;}.feature.isPortrait > a picture img {aspect-ratio: 1/2;}.feature p {margin: 0;margin-bottom: 0.3em;}.gallery-description p {margin: 0 1rem;margin-right: 3rem;}@media(min-width: 767.00001px) {.feature:nth-child(2n) .gallery-description p {margin: 0 1rem;margin-right: 3rem;}.feature:nth-child(2n+1) > h2 {margin-right: 0;margin-left: 2rem;clip-path: polygon(1.1rem 0%, 100% 0%, 100% 100%, 1.1rem 100%, 0% 50%);padding-left: 3rem;}.feature:nth-child(2n+1) .gallery-description p {margin: 0 1rem;margin-left: 5rem;}.feature p {margin-left: 2rem;margin-right: 3.5rem;font-size: 1rem;}.feature:nth-child(2n+1) p {margin-left: 3.5rem;margin-right: 2rem;}}@media(max-width: 767px) {.feature.isPortrait:nth-child(2n) .gallery-description p {margin: 0 1rem;margin-right: 3rem;}.feature.isPortrait:nth-child(2n+1) > h2 {margin-right: 0;margin-left: 2rem;clip-path: polygon(1.1rem 0%, 100% 0%, 100% 100%, 1.1rem 100%, 0% 50%);padding-left: 3rem;}.feature.isPortrait:nth-child(2n+1) .gallery-description p {margin: 0 1rem;margin-left: 5rem;}.feature.isPortrait p {margin-left: 2rem;margin-right: 3.5rem;font-size: 1rem;}.feature.isPortrait:nth-child(2n+1) p {margin-left: 3.5rem;margin-right: 2rem;}}@media(min-width: 2000px) {.feature p {font-size: 1.5rem;}.feature .gallery-description p {font-size: 1rem;}}.preloader-image {position: absolute;pointer-events: none;width:1;height:1;opacity:0;}.gallery-container {position: fixed;left:0;right:0;top:0;bottom:0;background-color: rgba(255,255,255,0.975);z-index: 999;}.gallery {position: fixed;left: 5rem;top: 9rem;right: 5rem;bottom: 2rem;z-index: 1000;}.gallery-items {position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 1;display: flex;align-items: center;justify-content: center;}.gallery-item {position: absolute;width:100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: transform 1.5s;display: flex;flex-direction: column;align-items: center;justify-content: center;}.gallery-item.no-delay {transition: none;}.gallery-item.left {transform: translate(calc(-110vw - 50%), -50%);}.gallery-item.right {transform: translate(calc(110vw - 50%), -50%);}.gallery-item-image {width:0;height:0;}.gallery-item-title {display: none;}.gallery-item-description {padding-top: 2rem;text-align: center;}/* @media(min-width: 767.00001px) {.gallery-item-description {font-size: calc((16/1000) * 100vw);}}@media(min-width: 2000px) {.gallery-item-description {font-size: 2rem;}} */.gallery-button-prev,.gallery-button-next {position: fixed;top: 0;bottom: 0;padding: 2rem;display: flex;flex-direction: column;justify-content: center;z-index: 1001;}.gallery-button-prev {left: 0;right: 50vw;align-items: flex-start;}.gallery-button-next {right: 0;left: 50vw;align-items: flex-end;}.gallery-title {position: fixed;right: 5rem;top:1rem;left: 3rem;height:2.75rem;margin:0;line-height: 1;display:block;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;z-index: 1001;padding-top:1rem;font-weight:bold;}.gallery-subtitle {position: fixed;right: 5rem;top:4rem;left: 2rem;height:3rem;margin:0;font-size: 1.5rem;line-height: 1;text-align: left;white-space: nowrap;/* overflow: hidden; *//* text-overflow: ellipsis; */z-index: 1001;background-color: #ccc;padding-right: 2rem;padding-left: 1rem;padding-top:0.6rem;padding-bottom: 0;clip-path:polygon(0% 0%, calc(100% - 1rem) 0%, 100% 50%, calc(100% - 1rem) 100%, 0% 100%);}.gallery-subtitle > span {display: inline-block;width: 100%;overflow: hidden;text-overflow: ellipsis;}.gallery-subtitle > * {z-index: 10;}.gallery-subtitle-progress {position: absolute;left:0;top:0;height:100%;z-index: 1;background-color: #0cf;clip-path:polygon(0% 0%, calc(100% - 1rem) 0%, 100% 50%, calc(100% - 1rem) 100%, 0% 100%);transition: width 1.5s;}.gallery-button-close {position: fixed;right: 0rem;top:0rem;width: 7rem;height: 7rem;padding-left: 2rem;padding-bottom: 1rem;display:flex;align-items: center;justify-content: center;z-index: 1002;}.gallery-button-prev,.gallery-button-next,.gallery-button-close {cursor: pointer;font-size: 2rem;color:#777;transition: color 0.25s, opacity 0.5s;}.gallery-button-prev:not(.disabled):hover,.gallery-button-next:not(.disabled):hover,.gallery-button-close:hover {color:#000;}.gallery-button-prev.disabled,.gallery-button-next.disabled {opacity: 0.2;cursor: default;}article.centered {display: block;width: 100%;max-width:1000px;margin:0 auto;}label {display: flex;flex-direction: row;align-items: flex-end;justify-content: flex-start;}label > span:not(.inline) {background-color: #ddd;color:#333;font-family: 'Days One';font-size:1.1rem;height:2rem;display: inline-flex;align-items: center;justify-content: center;line-height: 1;padding: 0 2rem;clip-path: polygon(1.15rem 0%, 100% 0%, calc(100% - 1.15rem) 100%, 0% 100%);}i.info {display: inline-flex;align-items: center;justify-content: center;width: 2rem;height: 2rem;font-size: 1.5rem;margin-left: 0.5rem;color: #0cf;cursor: pointer;line-height: 1;padding-top: 0.1em;}input::placeholder,textarea::placeholder {color: #888;opacity: 1;}input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),select,textarea {font-family: 'Nunito';width:100%;height:3rem;padding: 1rem;font-size: 1rem;line-height: 1;background-color: #fff;color:#000;transition: color 0.25s, background-color 0.25s, border-color 0.25s;border:2px solid #ddd;border-radius: 0;}select {padding: 0;padding-left: 1rem;padding-right: 3rem;appearance: none;color: #888;}select:valid {color: #000;}select option {color: #000;}select option[value=""],select option:disabled {color: #888;}.select-wrapper {position: relative;}.select-wrapper i {position: absolute;display: flex;align-items: center;justify-content: center;right: 0;top: 0;width: 3rem;height: 3rem;font-size: 1rem;padding-top: 0.2em;}textarea {height: 10rem;}input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"])::selection,textarea::selection {color:#000;background: #fc0;}input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):focus,textarea:focus {background-color: #fff;border-color: #0cf;/* color:#fff; */}input[name="street"],input[name="city"] {display: none;}input[type="checkbox"] {display: none;}input[type="checkbox"] + label {display: flex;flex-direction: row;align-items: center;justify-content: flex-start;padding: 0;background-color: #fff;cursor: pointer;}input[type="checkbox"] + label:last-child {padding-bottom: 1rem;}input[type="checkbox"] + label > i {display: inline-flex;--size: 2.5rem;width: var(--size);min-width: var(--size);max-width: var(--size);height: var(--size);min-height: var(--size);max-height: var(--size);/* clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); */font-size: 1.25rem;background-color: #fff;color: #fff;border: 2px solid #ccc;transition: background-color 0.5s;align-items: center;justify-content: center;margin-right: 0.75rem;padding-top:0.1rem;transition-delay: 0.25s;}input[type="checkbox"] + label > i:before {transform-origin: center center;transform: rotateY(90deg);transition: transform 0.5s;transition-delay: 0s;}input[type="checkbox"]:checked + label > i {background-color: #0cf;transition-delay: 0s;}input[type="checkbox"]:checked + label > i:before {transform: rotateY(0deg);transition-delay: 0.25s;}input[type="radio"] {display: none;}input[type="radio"] + label {display: flex;flex-direction: row;align-items: center;justify-content: flex-start;padding:1rem;padding-bottom: 0;background-color: #eee;cursor: pointer;}input[type="radio"] + label:last-child {padding-bottom: 1rem;}input[type="radio"] + label > i {display: inline-flex;/* width:2.3rem; */width:2rem;height:2rem;/* clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); */font-size: 1rem;background-color: #fff;color: #fff;transition: background-color 0.5s;align-items: center;justify-content: center;margin-right: 0.75rem;padding-top:0.1rem;transition-delay: 0.25s;border-radius: 100%;}input[type="radio"] + label > i:before {transform-origin: center center;transform: rotateY(90deg);transition: transform 0.5s;transition-delay: 0s;}input[type="radio"]:checked + label > i {background-color: #0cf;transition-delay: 0s;}input[type="radio"]:checked + label > i:before {transform: rotateY(0deg);transition-delay: 0.25s;}form .error-message {background-color: #f05;color:#fff;height:2rem;display: inline-flex;align-items: center;justify-content: center;line-height: 1;font-weight: 500;padding: 0 2rem;clip-path: polygon(0% 0%, calc(100% - 1.15rem) 0%, 100% 100%, 1.15rem 100%);margin-left:0;}.error-spacing .error-message {clip-path: polygon(1.15rem 0%, 100% 0%, calc(100% - 1.15rem) 100%, 0% 100%);margin-bottom: 0.5rem;}.confirmation {display: block;}.confirmation-message {display: inline-block;padding: 2rem;background-color: #00ccff;}.confirmation-message h3 {margin-top: 0;}.has-columns {position: relative;}.has-columns:after {content:'';display: block;clear: both;}.has-columns > * {float:left;width: 100%;}.column-50-50 {float:left;width:calc(50% - 1rem);}.column-50-50:nth-child(2n) {margin-left: 2rem;}@media(max-width:767px) {.column-50-50 {width:100%;}.column-50-50:nth-child(2n) {margin-left: 0;}}@media(max-width:767px) {.bottom-space {margin-bottom: 2rem;}.bottom-space.double {margin-bottom: 4rem;}}.fix-bottom {position: fixed;display: block;width: 100%;max-width:1000px;bottom: 2rem;margin:0 auto;}@media (max-width: 767px), (max-height: 600px) {.fix-bottom {bottom: 3rem;}}.fix-bottom-center {position: fixed;display: flex;width: 100%;left: 0;bottom: 9rem;align-items: center;justify-content: center;}@media (max-width: 767px), (max-height: 600px) {.fix-bottom-center {bottom: 5rem;}}.select-toggle {display: flex;flex-direction: row;align-items: center;justify-content: center;border-radius: 999rem;background-color: #ccc;padding: 0.25rem;}.select-toggle-option {flex-grow: 1;width: 100%;display: flex;flex-direction: row;align-items: stretch;justify-content: center;padding: 1rem;font-size: 2rem;font-weight: bold;background-color: #ddd;color: #666;border-radius: 999rem;margin: 0.25rem;transition: color 0.5s;overflow: hidden;cursor: pointer;min-height: 3rem;}@media(max-width: 767px) {.select-toggle-option {font-size: 1.5rem;}}@media(max-width: 480px) {.select-toggle-option {font-size: 1rem;}}.select-toggle-option > span {display: flex;flex-direction: row;align-items: center;justify-content: center;}.select-toggle-option i {font-size: 0.5em;display: inline-block;margin-right: 0.5rem;opacity: 0.5;}.select-toggle-option:before {content: '';position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;border-radius: 999rem;transform: translate(-50%, -50%) scale(0);transition: transform 0.5s;background-color: #0cf;z-index: 0;}.select-toggle-option.selected {color: #000;}.select-toggle-option.selected:before {transform: translate(-50%, -50%) scale(1);}.container {width: 100%;margin: 0 auto;max-width: 1600px;}.button-container {margin-top: 3rem;}.columns:after {content: '';display: block;clear: both;}.column-50 {float: left;display: block;width: 50%;}.column-50:nth-child(2n) {padding-left: 1rem;}.column-50:nth-child(2n+1) {padding-right: 1rem;}@media(max-width: 999px) {.column-50 {width: 100%;}.column-50:nth-child(2n),.column-50:nth-child(2n+1) {padding-left: 0;padding-right: 0;}}#pricingParent {perspective: 15rem;}#pricing {margin: 2rem 0;height: 10rem;transition: all 0.3s;}#pricing.half-turn {transform: rotateY(-90deg);}#pricing .price {font-family: 'Days One';font-style: normal;font-weight: 400;display: inline-flex;flex-direction: row;align-items: center;justify-content: center;}#pricing .price i {display: inline-block;color: #00ccff;font-size: 0.5em;margin-right: 0.75em;}#pricing .price-interval {display: inline-flex;font-size: 0.3em;margin-left: 0.75em;color: #888;line-height: 1;flex-direction: column;align-items: flex-start;justify-content: center;}#pricing .price-interval-note {font-size: 0.5em;transition: all 0s;}#pricing #discount,#pricing #priceMonth,#pricing #priceYear,#pricing #individual {position: absolute;transform: translate(-50%, -50%);left: 50%;top: 50%;width: 100%;transition: all 0.5s;}#pricing #individual {font-family: 'Days One';font-style: normal;font-weight: 400;display: inline-flex;flex-direction: row;align-items: center;justify-content: center;font-size: 2.5rem;}#pricing #discount {background-color: #fc0;color: #000;display: inline-flex;flex-direction: column;align-items: center;justify-content: center;width: 4rem;height: 4rem;border-radius: 100%;transform: translate(-50%, -50%) rotate(14deg);font-size: 1.25rem;font-weight: bold;top: 2rem;}#pricing #discount .discount-value {font-size: 1em;}#pricing #discount .discount-text {font-size: 0.5em;text-transform: uppercase;}#pricing[data-contract="month"] #priceMonth {top: 4rem;}#pricing[data-contract="month"] #priceYear {top: 7rem;}#pricing[data-contract="year"] #priceMonth {top: 9rem;}#pricing[data-contract="year"] #priceYear {top: 6rem;}#pricing[data-contract="month"] #priceMonth,#pricing[data-contract="year"] #priceYear {font-size: 3rem;}#pricing[data-contract="month"] #priceYear,#pricing[data-contract="year"] #priceMonth {font-size: 1rem;}#pricing[data-contract="month"] #priceYear .price-interval,#pricing[data-contract="year"] #priceMonth .price-interval {font-size: 0.5em;}#pricing[data-contract="month"] #priceYear .price-interval-note,#pricing[data-contract="year"] #priceMonth .price-interval-note {font-size: 0;}#pricing[data-individual="no"][data-contract="year"] #discount {opacity: 1;}#pricing[data-individual="no"] #priceMonth,#pricing[data-individual="no"] #priceYear {opacity: 1;}#pricing[data-individual="yes"] #individual {opacity: 1;}.cols {display: flex;flex-direction: row;align-items: flex-start;justify-content: flex-start;}.cols.space-between {justify-content: space-between;}.col-50 {display: inline-flex;width: calc(50% - 1rem);align-items: flex-start;justify-content: flex-start;align-content: stretch;flex-direction: column;}.col-auto {display: inline-flex;width: auto;align-items: flex-start;justify-content: flex-start;flex-direction: column;}.col-50.left {margin-right: 1rem;}.col-50.right {margin-left: 1rem;}.col-auto.left {margin-right: 1rem;max-width: 800px;}.col-auto.right {margin-left: 1rem;}.col-50 label {width: 100%;}@media(max-width: 767px) {.col-50 {width: 100%;}.col-50.left {margin-right: 0;}.col-50.right {margin-left: 0;}}ul.items {list-style-type: none;}ul.items li {list-style-type: none;position: relative;padding-top: 0.5rem;padding-left: 2rem;}ul.items li i {position: absolute;left: 0;top: 0;width: 2rem;height: 2.25rem;font-size: 1rem;display: inline-flex;flex-direction: row;align-items: center;justify-content: center;color: var(--bg-button-secondary);}a.app-download {display: inline-block;padding: 0;margin: 0;margin-right: 3rem;margin-bottom: 1rem;text-decoration: none !important;}a.app-download img {width: auto;height: 4rem;border: none !important;outline: none !important;}@media(min-width: 860px) {.app-features-headline {margin-top: -5rem;}}.smartphone-container {display: inline-block;perspective: 50vw;}.screen {position: relative;display: inline-block;margin-top: 1rem;margin-right: 1rem;width: 30vw;max-width: 400px;border-radius: 0.5rem;box-shadow: 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.3);}.screen.small {width: 120px;border-radius: 0.25rem;margin-right: 2rem;}@media(max-width: 500px) {.screen.small {width: 60px;border-radius: 0.125rem;margin-right: 1rem;}}.smartphone.small {padding: 0.3rem;padding-bottom: 0.8rem;border-radius: 0.5rem;margin-right: 2rem;}@media(max-width: 500px) {.smartphone.small {padding: 0.15rem;padding-bottom: 0.4rem;border-radius: 0.25rem;margin-right: 1rem;}}.smartphone {position: relative;display: inline-block;margin-top: 1rem;padding: 0.5rem;padding-bottom: 1.5rem;background-color: #888;border-radius: 1rem;transform: rotateY(-15deg) rotateX(5deg);box-shadow: 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.3);margin-right: 4rem;}.smartphone.small {padding: 0.3rem;padding-bottom: 0.8rem;border-radius: 0.5rem;margin-right: 2rem;}@media(max-width: 500px) {.smartphone.small {padding: 0.15rem;padding-bottom: 0.4rem;border-radius: 0.25rem;margin-right: 1rem;}}.smartphone:after {content: '';position: absolute;left: 50%;bottom: 0.75rem;transform: translate(-50%, -50%);background-color: #ccc;width: 40%;height: 0.3rem;border-radius: 0.3rem;}.smartphone.small:after {bottom: 0.4rem;height: 0.2rem;border-radius: 0.15rem;}@media(max-width: 500px) {.smartphone.small:after {bottom: 0.2rem;height: 0.1rem;border-radius: 0.075rem;}}.smartphone img {width: 25vw;max-width: 150px;border-radius: 0.5rem;}.smartphone.small img {width: 100px;border-radius: 0.25rem;}@media(max-width: 500px) {.smartphone.small img {width: 50px;border-radius: 0.125rem;}}.numbers {display: grid;flex-direction: row;align-items: center;justify-content: space-between;margin-top: var(--teaser-gap);gap: var(--teaser-gap);grid-template-columns: 1fr 1fr 1fr 1fr;font-size: 1vw;}@media(max-width: 767px) {.numbers {gap: calc(0.5 * var(--teaser-gap));font-size: 0.6rem;}}@media(min-width: 1200px) {.numbers {font-size: 0.7rem;}}:root {--numbers-relative-gap: calc((2 * var(--teaser-gap)) / 3);}.number {display: flex;flex-direction: column;align-items: center;justify-content: space-between;height: 9em;padding: 2em 0;background-color:#ccc;}.number:nth-child(2) {background-color:#00ccff;}.number:nth-child(3) {background-color:#ffcc00;}.number-number {font-family: 'Days One';font-size: 2.5em;line-height: 1;color: #000;}.number-label {font-size: 1.5em;line-height: 1;font-weight: bold;color: #555;}@media(max-width: 767px) {:root {--numbers-total-gap: calc(2rem / 3);}.numbers {margin-top: 1rem;}.number {height: 6em;padding: 1em 0;}.number-number {font-size: 2em;}.number-label {font-size: 1.5em;}}.touch-animate-wrapper {perspective: 33vw;}.tapped {animation: rotate-x-half 1s;backface-visibility: hidden;}@keyframes rotate-x-half {0% {transform: rotateX(0);}50% {transform: rotateX(-90deg);}80% {transform: rotateX(45deg);}100% {transform: rotateX(0deg);}}.mt-none {margin-top: 0 !important;}.mt-large {margin-top: 3rem;}.mt-medium {margin-top: 2rem;}.mt-small {margin-top: 1rem;}.mt-tiny {margin-top: 0.5rem;}.mb-large {margin-bottom: 3rem;}.mb-medium {margin-bottom: 2rem;}.mb-small {margin-bottom: 1rem;}.mb-tiny {margin-bottom: 0.5rem;}.ml-large {margin-left: 3rem;}.ml-medium {margin-left: 2rem;}.ml-small {margin-left: 1rem;}.ml-tiny {margin-left: 0.5rem;}.mr-large {margin-right: 3rem;}.mr-medium {margin-right: 2rem;}.mr-small {margin-right: 1rem;}.mr-tiny {margin-right: 0.5rem;}.pt-none {padding-top: 0 !important;}.pt-large {padding-top: 3rem;}.pt-medium {padding-top: 2rem;}.pt-small {padding-top: 1rem;}.pt-tiny {padding-top: 0.5rem;}.pb-large {padding-bottom: 3rem;}.pb-medium {padding-bottom: 2rem;}.pb-small {padding-bottom: 1rem;}.pb-tiny {padding-bottom: 0.5rem;}.pl-large {padding-left: 3rem;}.pl-medium {padding-left: 2rem;}.pl-small {padding-left: 1rem;}.pl-tiny {padding-left: 0.5rem;}.pr-large {padding-right: 3rem;}.pr-medium {padding-right: 2rem;}.pr-small {padding-right: 1rem;}.pr-tiny {padding-right: 0.5rem;}.noWrap {white-space: nowrap;}.infoBox {display: flex;flex-direction: row;align-items: center;justify-content: flex-start;gap: 1rem;background-color: #0cf;color: #000;padding: 1rem;}.infoBox a {color: #000 !important;font-weight: bold;text-decoration: none;}.infoBox.isSuccess {background-color: #50d250;color: #000;}.infoBox.isError {background-color: #f05;color: #fff;}.infoBox > i {font-size: 2rem;}.linkedSvg {text-align: center;}.linkedSvg.isNavigation {text-align: left;}@media(min-width: 768px) {.linkedSvg.mobile {display: none !important;}}@media(max-width: 767.9px) {.linkedSvg.desktop {display: none !important;}}.linkedSvg svg {display: inline-block;width: 100%;height: auto;max-width: 600px;}.linkedSvg.isNavigation svg {max-width: none;}.linkedSvg.isOneline svg {max-width: 1000px;}.linkedSvg svg * {pointer-events: none;transform-box: fill-box;}.linkedSvg svg [data-module],.linkedSvg svg [data-module] * {pointer-events: all;cursor: pointer;}.linkedSvg svg [data-module] {pointer-events: all;cursor: pointer;transition: transform 0.7s;transform-origin: center center;transform: scale(0.8);}.linkedSvg.isNavigation svg [data-module] {transform: scale(0.9);}.linkedSvg svg [data-module]:hover {transform: scale(1.0);}.linkedSvg svg [data-module] * {transition: fill 0.7s;}.linkedSvg svg [data-module] > path {fill: #000;}.linkedSvg svg [data-module].isCurrent > path,.linkedSvg svg [data-module].isCurrent:hover > path {fill: #0cf;}.linkedSvg svg [data-module] > g > path {fill: #0cf;}.linkedSvg svg [data-module]:hover > g > path {fill: #fc0;}.linkedSvg svg [data-module].isCurrent > g > path,.linkedSvg svg [data-module].isCurrent:hover > g > path {fill: #000;}nav .user .playerAvatar,nav .user .playerAvatarClubLogo,.clubLogo {display: inline-flex;align-items: center;justify-content: center;color: #fff;font-size: 1rem;line-height: 1;padding-top: 0.1em;width: 2rem;height: 2rem;flex-grow: 0;flex-shrink: 0;background-color: var(--color-white-10);border-radius: 100%;background-size: cover;}nav .user .playerAvatar {background-image: url('/_res/images/layout/pro-player.svg');}nav .user .clubLogo {background-image: url('/_res/images/layout/my-club.svg');}nav .user .playerAvatarClubLogo {background-image: url('/_res/images/layout/pro-player.svg');}body.isMyClubPage nav .user .playerAvatarClubLogo {background-image: url('/_res/images/layout/my-club.svg');}nav .user .playerName,.clubName {position: relative;display: flex;flex-direction: row;align-items: center;justify-content: flex-start;color: var(--color-white);font-family: "Nunito";font-size: 0.9rem;font-weight: normal;padding: 0.5rem 0;padding-right: 1rem;flex-shrink: 0;flex-grow: 0;margin-left: 0.5rem;white-space: nowrap;overflow: hidden;padding-top: 0.7rem;}nav .user .playerName i,nav .user .clubName i {font-size: 1.5rem;margin-left: 0.6rem;}nav .user .button {background-color: var(--color-white);color: var(--color-black);padding: 0.5rem 1rem;border-radius: calc(0.5 * var(--semi-gap));margin: 0;}nav .user .button,nav .user .button * {line-height: 1;}nav .user .button i {display: inline-block;margin: 0;margin-right: 0.5rem;}.clubItem {position: relative;display: inline-flex;flex-direction: row;align-items: center;justify-content: flex-start;border-radius: 0.25rem;padding: 0.5rem;padding-right: 1rem;background-color: #555;gap: 0.5rem;}.clubItem .clubName {margin: 0;padding: 0;line-height: 1;padding-top: 0.2em;}#profileMenuToggle {display: flex;flex-direction: row;align-items: center;justify-content: flex-end;padding: 0;background-color: transparent;border-radius: 100%;box-shadow: 0 0 0 0.2rem #fff;width: var(--profile-menu-toggle-height);height: var(--profile-menu-toggle-height);}#profileMenuToggle,#profileMenuToggle * {cursor: pointer;}#profileMenuToggle .playerAvatarClubLogo {width: var(--profile-menu-toggle-height);height: var(--profile-menu-toggle-height);background-color: var(--color-dark-gray);}.playerAvatar:after,.playerAvatarClubLogo:after {content: '';position: absolute;left: var(--proPlayer-offset);top: var(--proPlayer-offset);right: var(--proPlayer-offset);bottom: var(--proPlayer-offset);background-size: cover;background-repeat: no-repeat;background-position: center center;background-image: url('/_res/images/pro-badge/circle-none.svg');z-index: 2;pointer-events: none;}body[data-is-pro-player="yes"] .playerAvatar:after,body[data-is-pro-player="yes"] .playerAvatarClubLogo:after {background-image: url('/_res/images/pro-badge/circle-top-left.svg');}body.isMyClubPage .playerAvatarClubLogo:after {display: none !important;}#profileMenu {position: absolute;right: var(--gap);top: calc(50% + 0.5 * var(--profile-menu-toggle-height) + 0.2rem);transform: scale(0);transform-origin: right top;transition: transform var(--transition-duration);background-color: #333;border-radius: var(--semi-gap);box-shadow: 0 0 0 0.2rem #fff;padding: 0.25rem 0;width: auto;max-width: calc(100vw - 2 * var(--gap));}#profileMenu .profileMenu-item {color: #fff;padding: calc(0.75 * var(--gap)) 1rem;display: flex;flex-direction: row;align-items: center;justify-content: flex-start;width: auto;max-width: 100%;overflow: hidden;transition: background-color var(--transition-duration-quick);}#profileMenu .profileMenu-item.isClickable,#profileMenu .profileMenu-item.isClickable * {cursor: pointer;}#profileMenu .profileMenu-item.isClickable:hover {background-color: rgba(255,255,255,0.1);}#profileMenu .profileMenu-item:after {content: "";display: inline-block;position: absolute;right: 0;top: 0;bottom: 0;width: 1rem;background: linear-gradient(to right, rgba(51, 51, 51, 0), #333);z-index: 5000;}body.profileMenu-visible #profileMenu {transform: scale(1);}[data-trigger-action],[data-trigger-action] * {cursor: pointer;}body:not([data-player-id=""]) .show-unauthorized,body:not([data-player-id]) .show-authorized,body[data-player-id=""] .show-authorized {display: none !important;}body[data-incomplete-plan="yes"] .hide-incomplete-plan,body:not([data-player-access-level="sys_admin"]) .show-sys-admin,body:not([data-is-pro-player]) .show-pro-player,body:not([data-is-pro-player]) .hide-pro-player,body:not([data-has-club]) .show-has-club,body:not([data-has-club]) .hide-has-club,body:not([data-is-club-admin]) .show-club-admin,body:not([data-is-club-admin]) .hide-club-admin,body:not(.isProPlayerLoading) .show-pro-player-loading,body.isProPlayerLoading .show-pro-player,body.isProPlayerLoading .hide-pro-player,body[data-is-pro-player="no"] .show-pro-player,body[data-is-pro-player="yes"] .hide-pro-player,body[data-has-club="no"] .show-has-club,body[data-has-club="yes"] .hide-has-club,body[data-is-club-admin="no"] .show-club-admin,body[data-is-club-admin="yes"] .hide-club-admin {display: none !important;}.products {display: grid;grid-template-columns: 1fr 1fr;gap: 2rem;padding: 0;margin: 0 auto;list-style: none;justify-items: center;max-width: 900px;}.product {width: 100%;max-width: 400px;background: #fff;border: 2px solid #ddd;border-radius: 1rem;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);padding: 1.5rem;position: relative;display: flex;flex-direction: column;align-items: center;text-align: center;}.product.isRecommended {border-color: #0cf;}.product-recommended {display: none;}.product.isRecommended .product-recommended {display: inline-flex;align-items: center;justify-content: center;position: absolute;top: calc(-2rem - 1px);height: 2rem;padding: 0 1.5rem;background-color: #0cf;color: #000;font-size: 0.8rem;font-weight: bold;text-transform: uppercase;clip-path: polygon(calc(0.25 * 1.15 * 4rem) 0%,calc(100% - (0.25 * 1.15 * 4rem)) 0%,100% 100%,0% 100%);}.product-abo {font-family: 'Days One';font-size: 0.8rem;margin-bottom: 0.4rem;color: #aaa;}.product-name {font-size: 1.3rem;font-family: 'Days One';}.product-image {background-color: #0cf;width: 100%;padding-top: 56.25%;aspect-ratio: 16 / 9;margin-top: 1rem;margin-bottom: 1.5rem;}.product-image img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);height: 60%;aspect-ratio: 1 / 1;object-fit: contain;border-radius: 12%;}.product-price {font-size: 1.1rem;font-weight: 600;margin-bottom: 0.5rem;}.product-description {font-size: 0.95rem;color: #555;margin-bottom: 1rem;}.product-features {list-style: none;padding: 0;margin-top: 1.25rem;width: 100%;text-align: left;}.product-features.autoWidth {width: auto;}.product-features li {padding: 0.4rem 0;border-top: 1px solid #eee;display: flex;flex-direction: row;align-items: center;justify-content: flex-start;}.product-features.largeIcons li,.product-features.mediumIcons li {align-items: center;}.product-features li > span {hyphens: auto;}.product-features.autoWidth li > span {hyphens: none;}.product-features .isBadge > span {margin-top: -0.5em;}.product-features li > i {display: inline-flex;align-items: center;justify-content: center;width: 1.5rem;min-width: 1.5rem;height: 1rem;}.product-features.largeIcons li > i,.product-features.mediumIcons li > i {display: inline-flex;align-items: center;justify-content: center;font-style: normal;}.product-features.largeIcons li > i {width: 3rem;min-width: 3rem;height: 2rem;font-size: 2rem;}.product-features.mediumIcons li > i {width: 2rem;min-width: 2rem;height: 1.5rem;font-size: 1.5rem;}.product-features .isIncluded > i {color: #080;}.product-features .isExcluded > i {color: #800;}.product-image-badge {position: absolute;bottom: -0.5rem;left: 1rem;height: 2rem;display: flex;align-items: center;justify-content: center;background: #f00;color: #fff;font-size: 0.8rem;font-weight: bold;padding: 0 0.75rem;border-radius: 999rem;box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.2);white-space: nowrap;z-index: 2;line-height: 1;padding-top: 0.1em;}@media(max-width: 600px) {.products {margin: 0 -1rem;padding: 0 0.5rem;gap: 0.5rem;}.products .button {font-size: 0.9rem;}.product-description {font-size: 0.7rem;}.product-features li {font-size: 0.9rem;}.product-image-badge {bottom: -0.5rem;left: 1rem;height: 1.5rem;font-size: 0.6rem;padding: 0 0.75rem;padding-top: 0.2em;}}.plan {padding: 0.5rem;border-radius: 0.25rem;background-color: #fc0;font-family: 'Days One';}body:not([data-current-plan]) .showPlan,body[data-current-plan=""] .showPlan,body:not([data-current-plan="lifetime"]) .showPlanLifetime,body:not([data-current-plan="year"]) .showPlanYear,body:not([data-current-plan="month"]) .showPlanMonth,body:not([data-is-trial-available="yes"]) .showOnTrialAvailable {display: none !important;}.subscriptions,.invoices {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;align-items: stretch;justify-content: flex-start;}.subscription,.invoice {list-style: none;display: grid;align-items: center;margin: 0;padding: 0;gap: 0.5rem;padding: 0.75rem 0;border-bottom: 1px solid #ddd;}.subscription {grid-template-columns: 7rem 1fr auto;grid-template-areas:"plan status action";}.subscription-plan {grid-area: plan;}.subscription-status {grid-area: status;}.subscription-action {grid-area: action;text-align: right;white-space: nowrap;}.subscription-action > *:nth-child(2) {margin-left: 0.5em;}.subscription.isExtendable {grid-template-areas:"plan status status""plan action .";;}.subscription.isExtendable .subscription-action {text-align: left;}@media(min-width: 700px) {.subscription {grid-template-columns: 1fr 1fr 15rem;}}@media(max-width: 600px) {.subscription-action .button,.invoice-action .button {font-size: 0.8rem;}}.invoice {grid-template-columns: 6rem 3rem 3rem 10rem 1fr;grid-template-areas:"date currency amount status action";}.invoice-date {grid-area: date;}.invoice-currency {grid-area: currency;}.invoice-amount {grid-area: amount;}.invoice-status {grid-area: status;text-align: left;}.invoice-action {grid-area: action;text-align: right;}@media(max-width: 700px) {.invoice {grid-template-columns: 6rem 3rem 3rem 1fr;grid-template-areas:"date currency amount status"".action action action"}.invoice-status {text-align: right;}.invoice-action {text-align: left;}}.isHidden {display: none !important;}.isHighlight {animation: highlight 2s ease-in-out;}.subscription.isEmpty,.invoice.isEmpty {grid-template-columns: 1fr;color: #aaa;}.start-item {display: grid;grid-template-columns: 3rem 1fr 2rem;gap: 0.5rem;align-items: center;border-radius: 1rem;width: 100%;max-width: 400px;background-color: #333;transition: background-color var(--transition-duration-quick);padding: 1rem;margin-bottom: 2rem;}.start-item:hover {background-color: #555;}.start-item-text {font-size: 1.3rem;color: #fff;font-weight: bold;}.start-item-icon {display: flex;flex-direction: row;align-items: center;justify-content: center;width: 3rem;height: 3rem;font-size: 2rem;color: #0cf;}.start-item-indicator {color: #fc0;}.text-decent {opacity: 0.5;}.text-small {font-size: 0.8rem;}.text-bold {font-weight: bold;}.text-right {text-align: right;}.text-center {text-align: center;}@media(min-width: 600px) {.hide-large {display: none !important;}}@keyframes highlight {0% {background-color: transparent;}5% {background-color: #f80;}100% {background-color: transparent;}}.addressStreetNumber {display: grid;grid-template-columns: 1fr 8rem;gap: 1rem;}.addressZipCity {display: grid;grid-template-columns: 8rem 1fr;gap: 1rem;}.dialogs {position: fixed;left: 0;top: 0;right: 0;bottom: 0;transition: opacity var(--transition-duration);background-color: var(--color-white-50);z-index: 99999997;perspective: 50vh}.dialogs[data-dialogs="0"] {opacity: 0;pointer-events: none}.dialog {position: absolute;left: 50%;top: 50%;pointer-events: none;opacity: 0;transform: translate(-50%, -50%) rotateX(90deg);width: 400px;max-width: calc(100vw - 2 * var(--gap));max-height: calc(100vh - var(--offset-bottom) - 2 * var(--gap));margin-top: calc(-0.4 * var(--offset-bottom));overflow-x: hidden;overflow-y: auto;color: var(--color-white);background-color: var(--color-black);border-radius: var(--semi-gap);transition: transform var(--transition-duration),opacity var(--transition-duration)}.dialog[data-is-hidden=init] {transition: none;opacity: 0;transform: translate(-50%, -50%) rotateX(0deg)}.dialog[data-is-hidden=rendered] {transition: none;opacity: 0;transform: translate(-50%, -50%) rotateX(90deg)}.dialog[data-is-hidden=no] {pointer-events: all;opacity: 1;transform: translate(-50%, -50%) rotateX(0deg)}.dialog[data-is-hidden=yes] {pointer-events: none;opacity: 0;transform: translate(-50%, -50%) rotateX(-90deg)}.dialog[data-is-large=yes] {width: calc(100vw - 2 * var(--gap));max-width: 1000px}@media (max-width: 920px) {.dialog[data-is-large=yes] {width:calc(100vw - var(--semi-gap))}}.dialog-title {z-index: 2000000;position: sticky;top: -1px;padding: var(--gap);border-radius: var(--semi-gap);font-family: "Days One";background-color: var(--color-black)}.dialog-icon {position: absolute;display: inline-flex;align-items: center;justify-content: center;left: var(--gap);top: var(--gap);width: 3rem;min-width: 3rem;max-width: 3rem;min-height: 3rem;font-size: calc(0.7 * 3rem);color: var(--color-white)}.dialog-title .dialog-icon {top: calc(100% + var(--gap))}@media (max-width: 920px) {.dialog-icon {width:2rem;min-width: 2rem;max-width: 2rem;min-height: 2rem;font-size: calc(0.7 * 2rem)}.dialog[data-is-large=yes] .dialog-icon {left: var(--semi-gap)}}.dialog-content {z-index: 1000000;padding: var(--gap);border-radius: var(--semi-gap)}.dialog-content > * {max-width: 100%}@media (max-width: 920px) {.dialog[data-is-large=yes] .dialog-content {padding-left:var(--semi-gap);padding-right: var(--semi-gap)}}.dialog[data-has-icon=yes] .dialog-content {margin-left: calc(3rem + var(--gap))}@media (max-width: 920px) {.dialog[data-has-icon=yes] .dialog-content {margin-left:calc(2rem + var(--gap))}}@media (max-width: 920px) {.dialog[data-has-icon=yes][data-is-large=yes] .dialog-content {margin-left:calc(2rem + var(--semi-gap))}}.dialog[data-padding-top=no] .dialog-content {padding-top: 0}.dialog-content a,.dialog-content a:hover,.dialog-content a:active,.dialog-content a:focus,.dialog-content a:visited {color: var(--color-dark-yellow);text-decoration: none}.dialog-buttons {z-index: 3000000;position: sticky;bottom: -1px;padding: var(--semi-gap);border-radius: var(--semi-gap);background-color: var(--color-black)}.dialog[data-center-buttons=yes] .dialog-buttons {text-align: center}.dialog-buttons .button {margin: var(--semi-gap);}/* .dialog [data-id="promptInput"] {text-transform: uppercase;} */.dialog.input-lowercase input {text-transform: lowercase;}.dialog.input-uppercase input {text-transform: uppercase;}.input-lowercase input,.input-uppercase input {font-family: "Share Tech Mono" !important;font-style: normal !important;font-weight: 400 !important;}.passwordWrapper {position: relative;}.passwordWrapper input {padding-right: 3rem !important;}.passwordWrapper .passwordToggle {position: absolute;right: 0;top: 0;width: 3rem;height: 100%;display: inline-flex;align-items: center;justify-content: center;color: #000;cursor: pointer;}i.pro {display: inline-block !important;border-radius: 0 !important;font-size: 0.75em !important;margin: 0 !important;padding: 0 !important;margin-left: 0.2em !important;margin-right: -0.5em !important;transform: translateY(0.55em) !important;background-color: transparent !important;background-image: url('/_res/images/pro-badge/pro-badge.svg') !important;background-position: center center !important;background-size: contain !important;background-repeat: no-repeat !important;width: 5em !important;min-width: 5em !important;max-width: 5em !important;height: 2em !important;min-height: 2em !important;max-height: 2em !important;color: transparent !important;overflow: hidden !important;}i.pro:first-child {margin-left: 0 !important;}.clickable {cursor: pointer;}