@charset "utf-8";

.ods-c-login-bar { display: flex; position: relative; }

.ods-c-login-bar #login-bar-toggle { display: none; }

.ods-c-login-bar__button { background: 0px 0px; border: 0px; cursor: pointer; display: flex; align-items: center; color: var(--color-neutral-100); font: 700 14px/1.4em var(--font-text); }

.ods-c-login-bar__button-image { border-radius: 50%; width: 36px; height: 36px; }

.ods-c-login-bar__button-close { width: 24px; height: 24px; padding: 6px; display: none; }

.ods-c-login-bar__menu { display: none; position: absolute; right: 0px; z-index: 10; }

.ods-c-login-bar__menu-content { min-width: 360px; background: var(--color-neutral-white); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; box-sizing: border-box; border-bottom: none; }

.ods-c-login-bar__menu-info { position: absolute; inset: 30px 0px auto; display: grid; grid-template-columns: 80px 1fr; font: 400 14px/1.4em var(--font-text); text-decoration: none; }

.ods-c-login-bar__menu-info-details { max-width: 250px; }

.ods-c-login-bar__menu-image { border-radius: 50%; width: 50px; height: 50px; margin: 0px 10px 0px 20px; }

.ods-c-login-bar__menu-user-name { color: var(--color-neutral-90); }

.ods-c-login-bar__menu-user-email { color: var(--color-neutral-70); }

.ods-c-login-bar__menu-user-name, .ods-c-login-bar__menu-user-email { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ods-c-login-bar__menu-link { display: block; box-sizing: border-box; position: relative; height: 115px; padding: 72px 0px 0px 80px; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; color: var(--colors-neutral-90); font-weight: var(--font-weight-bold); text-decoration-line: underline; text-decoration-style: initial; text-decoration-color: var(--colors-primary-brand); text-decoration-thickness: 2px; text-underline-offset: 5px; border-bottom: 1px solid var(--colors-neutral-40); }

.ods-c-login-bar__menu-link:hover { text-decoration-color: transparent; }

.ods-c-login-bar__menu-link + .ods-c-login-bar__logout { border-top: 0px; }

.ods-c-login-bar__option { font: 400 14px/1.4em var(--font-text); color: var(--colors-neutral-90); text-decoration: none; padding: 12px 0px; width: 100%; display: flex; flex-direction: row; align-items: center; }

.ods-c-login-bar__option-bold { font-weight: var(--font-weight-bold); }

.ods-c-login-bar__option:hover { text-decoration: underline; }

.ods-c-login-bar__option-first { padding-top: 20px; }

.ods-c-login-bar__option-last { padding-bottom: 20px; }

.ods-c-login-bar__option-image { display: inline-block; width: 18px; height: 18px; margin-left: 20px; margin-right: 10px; font-size: 18px; }

.ods-c-login-bar__option-text { color: var(--color-neutral-90); }

.ods-c-login-bar__logout { width: 100%; display: block; text-align: center; padding: 15px 0px; text-decoration: none; color: var(--color-neutral-100); font: 700 14px/1.4em var(--font-text); border-top: 1px solid var(--color-neutral-40); border-bottom: 4px solid var(--color-primary-brand); }

.ods-c-login-bar__logout:hover { text-decoration: underline; }

.ods-c-login-bar__not_logged { position: relative; }

.ods-c-login-bar__not_logged-button { display: block; font: 700 14px/1.4em var(--font-text); color: var(--color-header-icon); text-decoration: none; text-indent: -99999px; width: 36px; height: 36px; background: 0px 0px; border: 0px; padding: 0px; cursor: pointer; }

.ods-c-login-bar__not_logged-icon { position: absolute; width: 36px; height: 36px; border-radius: 50%; background: var(--color-header-iconBackgroundOld); color: var(--color-header-iconOld); pointer-events: none; transition: 0.3s ease-in-out; }

.ods-c-login-bar__not_logged:hover .ods-c-login-bar__not_logged-icon { color: var(--color-header-iconHoverOld); background: var(--color-header-iconBackgroundHoverOld); }

.ods-c-login-bar__loading-wrapper { position: absolute; right: -22px; top: 40px; }

.ods-c-login-bar__loading-wrapper--hidden { display: none; }

.ods-body-desktop .ods-c-login-bar { cursor: pointer; }

.ods-body-desktop .ods-c-login-bar__menu { padding-top: 11px; top: 30px; }

.ods-body-desktop .ods-c-login-bar:hover .ods-c-login-bar__menu { display: block; }

.ods-body-mobile .ods-c-login-bar { position: inherit; }

.ods-body-mobile .ods-c-login-bar__menu { padding-top: 0px; top: var(--space-touchTargets-L); }

.ods-body-mobile .ods-c-login-bar__menu-content { width: 100%; min-width: 100%; }

.ods-body-mobile .ods-c-login-bar__loading-wrapper { position: fixed; top: var(--space-touchTargets-L); left: 0px; right: auto; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }

.ods-body-mobile .ods-c-login-bar__loading-wrapper .ods-m-login-loading { width: 100%; max-width: 430px; margin: 0px auto; }

.ods-body-mobile.sponsoring--fixed .ods-c-login-bar__loading-wrapper, .ods-body-mobile.sponsoring-sticky .ods-c-login-bar__loading-wrapper { top: calc(var(--sponsoring-height-mobile) + var(--space-touchTargets-L)); }

.ods-body-mobile.sponsoring-hidden .ods-c-login-bar__loading-wrapper { top: var(--space-touchTargets-L); }

.ods-body-mobile #login-bar-toggle:checked ~ .ods-c-login-bar__menu { display: block; width: 100%; }

.ods-body-mobile #login-bar-toggle:checked ~ .ods-c-login-bar__button .ods-c-login-bar__button-image { display: none; }

.ods-body-mobile #login-bar-toggle:checked ~ .ods-c-login-bar__button .ods-c-login-bar__button-close { display: inline; }

.ods-body-mobile #login-bar-toggle:not(:checked) ~ .ods-c-login-bar__button .ods-c-login-bar__button-image { display: inline; }

.ods-body-mobile #login-bar-toggle:not(:checked) ~ .ods-c-login-bar__button .ods-c-login-bar__button-close { display: none; }