:root{--primary-color: #4F4DA8;--primary-color-lit: #6F6DBC;--primary-color-dark: #3F3D85;--accent-color: #A94E94;--accent-color-lit: #C889B5;--accent-color-dark: #743566;--background-color: #F5F5F5;--foreground-color: #ffffff;--font-color: black;--border-radius: 6px;--font-family: Arial, serif;--font-size: 20px;--headline-font-size: 28px;--subheadline-font-size: 24px;--default-spacing: 16px}body{top:0;margin:0;padding:0;background-color:var(--background-color)}.button{all:unset;cursor:pointer;background-color:var(--primary-color-dark);color:white;padding:calc(var(--default-spacing)/2) var(--default-spacing);border-radius:var(--border-radius);font-family:Arial,serif;font-weight:normal;box-shadow:none}.button:hover{background-color:var(--primary-color)}.button:active{background-color:var(--primary-color-lit)}.text-field{background-color:#d7d7d7;position:relative;border-radius:4px;display:flex;flex-direction:row;align-items:center;margin-top:12px;width:260px;height:56px}.text-field__label{background-color:#ececec;position:absolute;padding-left:8px;padding-right:8px;height:24px;top:-12px;display:flex;flex-direction:row;align-items:center;color:#313131;font-family:Arial,serif;font-size:14px;border-bottom-right-radius:12px;border-top-right-radius:12px;border-top-left-radius:8px}.text-field__input-element{text-overflow:ellipsis !important;overflow:hidden;all:unset;width:100%;height:56px;padding-right:8px;padding-left:8px;font-family:Arial,serif;font-size:18px;box-sizing:border-box;padding-top:10px}.text-field.text-field--with-icon .text-field__input-element{padding-left:36px}.text-field.text-field--with-icon .icon-element{position:absolute;top:22px;left:6px;font-size:24px;color:#595151}.text-field:focus-within{background-color:#b0b0b0;transition:background-color ease-in-out 400ms}.text-field:focus-within .text-field__input-element::placeholder{opacity:0}.text-field:focus-within input{font-size:18px;color:#000}.text-field__input-element:focus{background-color:transparent}.password-field{background-color:#d7d7d7;position:relative;border-radius:4px;display:flex;flex-direction:row;align-items:center;margin-top:12px;width:260px;height:56px}.password-field__label{background-color:#ececec;position:absolute;padding-left:8px;padding-right:8px;height:24px;top:-12px;display:flex;flex-direction:row;align-items:center;color:#313131;font-family:Arial,serif;font-size:14px;border-bottom-right-radius:12px;border-top-right-radius:12px;border-top-left-radius:8px}.password-field__input-element{all:unset;width:100%;height:56px;padding-right:8px;padding-left:8px;font-family:Arial,serif;font-size:18px;box-sizing:border-box;padding-top:10px}.password-field.password-field--with-icon .password-field__input-element{padding-left:36px}.password-field.password-field--with-icon .icon-element{position:absolute;top:22px;left:6px;font-size:24px;color:#595151}.password-field:focus-within{background-color:#b0b0b0;transition:background-color ease-in-out 400ms}.password-field:focus-within .text-field__input-element::placeholder{opacity:0}.password-field:focus-within input{font-size:18px;color:#000}.password-field__input-element:focus{background-color:transparent}.ghost-button{all:unset;cursor:pointer;margin:20px 0 0 20px;padding:.5em 1em .5em 1em;border-radius:var(--border-radius);box-sizing:border-box;border:2px solid grey;font-family:Arial,serif;transition:background-color 200ms ease-in-out}.ghost-button:hover{background-color:#d7d7d7}.ghost-button:active{transition:background-color 0ms ease;background-color:#b0b0b0}.back-arrow-navigation{background-color:grey;padding-top:16px;padding-bottom:16px;font-family:var(--font-family);display:flex;flex-direction:column;justify-content:center}.back-arrow-navigation__title{font-size:var(--headline-font-size);margin-left:16px}.back-arrow__subtitle-container{display:flex;flex-direction:row;align-items:center;margin-left:16px;margin-top:8px}.back-arrow__subtitle-container__icon{height:32px;width:32px;font-size:32px !important;cursor:pointer}.back-arrow__subtitle-container__subtitle{font-size:var(--subheadline-font-size);margin-left:16px;height:32px;display:flex;align-items:center}.headline{color:var(--primary-color);font-size:var(--headline-font-size);font-family:var(--font-family);font-weight:normal}.sub-headline{color:var(--primary-color);font-size:var(--subheadline-font-size);font-family:var(--font-family);font-weight:normal}.paragraph{color:var(--font-color);font-family:var(--font-family)}.action-stripe{background-color:var(--foreground-color);margin:16px;border-radius:var(--border-radius);display:flex;flex-direction:row;cursor:pointer;user-select:none}.action-stripe__content{flex-grow:1}.action-stripe__content__title-text{margin:16px 16px 0 16px;font-family:var(--font-family);font-size:var(--subheadline-font-size)}.action-stripe__content__description-text{margin:6px 16px 16px 16px;font-family:var(--font-family);font-size:var(--font-size)}.action-stripe__action{background-color:var(--primary-color-lit);display:flex;align-items:center;justify-content:center;width:32px;color:#fff;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.action-stripe__action i{font-size:32px !important}.action-stripe:hover .action-stripe__action{width:42px;transition:width 150ms ease-in-out}/*# sourceMappingURL=styles.css.map */