@charset "utf-8";

:root { --typography-fontFamily: 'open sans'; --typography-scale-ratio: 1.0; --typography-headline-size: 1rem; --typography-headline-fontFamily: var(--typography-fontFamily); --typography-subHeadline-size: 0.875rem; --typography-subHeadline-fontFamily: var(--typography-fontFamily); --typography-body-size: 0.875rem; --typography-bodySmall-size: 0.625rem; --typography-bodyLarge-weight: 400; --typography-bodyLarge-size: 16px; --palette-core-primary: #4050C6; --palette-core-canvas: #FFFFFF; --palette-core-components: #FFFFFF; --palette-core-outline: rgba(44, 53, 72, 0.56); --palette-typography-body: #121826; --palette-typography-headline: #121826; --palette-typography-subHeadline: rgba(18, 24, 38, .7); --palette-typography-error: #BE0406; --palette-typography-placeholder: rgba(18, 24, 38, .7); --palette-typography-poweredby: #2C3548; --palette-typography-user-input: #000; --palette-typography-link: #2467C6; --palette-action-hover: var(--palette-core-primary); --palette-action-active: var(--palette-core-primary); --palette-group-inner-mark: #ffffff; --palette-group-mark-background: var(--palette-core-primary); --palette-rating-custom-hover: rgba(254, 215, 44, .7); --palette-rating-custom-selected: #FED72C; --palette-rating-custom-outline: var(--palette-typography-placeholder); --palette-rating-custom-selected-outline: var(--palette-typography-body); --palette-rating-number-hover: var(--palette-core-primary); --palette-rating-number-fill-hover: transparent; --palette-rating-number-selected: var(--palette-core-primary); --palette-rating-number-text-hover: var(--palette-typography-body); --palette-rating-number-text-selected: var(--palette-core-components); --palette-rating-number-text-selected-hover: var(--palette-core-components); --palette-rating-number-text: var(--palette-typography-body); --rating-1to5-width: calc(60px + 5.47rem); --survey-footer-buttons-gap: 8px; --survey-footer-buttons-justify: center; --survey-footer-multi-page-buttons-justify: flex-end; --survey-sides-padding: 30px; --survey-padding: 0 var(--survey-sides-padding); --margin-subHeadline: 4px 0 0 0; --margin-validationError: 8px 0 0 0; --base-headlines-margin: 0 0 10px 0; --questions-spacing: 40px; --powered-by-display: flex; --powered-by-justify: center; --filter-for-light-contrast: brightness(0) saturate(100%); --filter-for-dark-contrast: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(345deg) brightness(93%) contrast(115%); --thank-you-page-image-position: center; --thank-you-page-image-spacing: 40px; --thank-you-page-text-spacing: 40px 0 24px 0; --thank-you-page-button-visibility: flex; --thank-you-page-button-position: center; }

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

main, footer { overflow-y: scroll; }

body { font-family: var(--typography-fontFamily); display: flex; flex-direction: column; justify-content: center; align-items: center; }

* { box-sizing: border-box; }

form { margin: 0px; height: inherit; }

form main { flex: 1 1 0%; overflow-y: auto; padding: 0px 2px; display: block; position: sticky; }

form footer { margin-top: 10px; }

input, textarea { background-color: var(--palette-core-components); }