@charset "utf-8";

.ods-o-header { width: 100%; min-width: 1280px; position: sticky; top: 0px; margin-bottom: calc(var(--height-menu-container) + 20px); z-index: 2500003; }

.ods-o-header__wrapper { position: relative; z-index: 3; }

.ods-o-header__wrapper::before { content: ""; position: absolute; inset: 0px; background: var(--color-header-bg); z-index: 2; }

.ods-o-header__container { width: 1280px; padding: 0px 10px; box-sizing: border-box; height: 90px; margin: 0px auto; align-items: center; display: flex; justify-content: space-between; transition: 0.2s; position: relative; z-index: 3; background: var(--color-header-bg); }

.ods-o-header__login-container { min-width: 36px; }

.ods-o-header__back-button { display: none; }

.ods-o-header__logo-slot { display: grid; grid-template-columns: auto 1fr; transition: 0.3s; align-items: center; }

.ods-c-helper[data-selector="floating-player-helper"] { visibility: hidden; height: 0px; }

#ods-c-header__burger { display: none; width: 36px; height: 36px; background: var(--color-header-iconBackgroundOld); color: var(--color-header-iconOld); border-radius: 50%; transform: rotate(0deg); transition: 0.3s ease-in-out; cursor: pointer; }

#ods-c-header__burger .ods-c-header-icon__svg { position: absolute; inset: 0px; margin: auto; }

#ods-c-header__burger .ods-c-header-icon__x { opacity: 0; }

#ods-c-header__burger:hover { color: var(--color-header-iconHoverOld); background: var(--color-header-iconBackgroundHoverOld); }

.ods-o-header--scrolled .ods-o-header__container { height: 50px; }

.ods-o-header--scrolled .ods-o-header__wrapper { box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; }

.ods-o-header--scrolled .ods-o-header--with-back-button .ods-o-header__logo-slot { gap: var(--space-padding-M); }

.ods-o-header--scrolled .ods-o-header--with-back-button .ods-o-header__back-button { display: flex; }

.ods-o-header--scrolled .ods-a-logo-main__image, .ods-o-header--scrolled .ods-a-logo-brand__image { max-height: 50px; }

.ods-active-menu .ods-o-header-wrapper { box-shadow: none; }

.sponsoring .ods-o-header { top: var(--sponsoring-height-desktop); transition: top 0.17s cubic-bezier(0.55, 0.06, 0.68, 0.19); }

.sponsoring.sponsoring-sticky .ods-o-header { top: var(--sponsoring-height-desktop--sticky); }

.sponsoring.sponsoring-hidden .ods-o-header { top: 0px; }

.ods-body-mobile .ods-o-header { min-width: 100%; min-height: var(--space-touchTargets-L); height: var(--space-header-heightMobileOld); margin-bottom: 0px; border-bottom: 1px solid var(--color-header-line); background: var(--color-header-bg); }

.ods-body-mobile .ods-o-header__wrapper { border-bottom: none; }

.ods-body-mobile .ods-o-header__container { width: 100%; max-width: 430px; min-width: 320px; height: var(--space-touchTargets-L); padding: 0px 10px 0px 0px; box-sizing: border-box; }

.ods-body-mobile .ods-o-header__login-container { display: flex; justify-content: center; min-width: 36px; }

.ods-body-mobile .ods-o-header__logo-slot { margin-left: 40px; max-width: calc(100% - 125px); }

.ods-body-mobile .ods-o-header #ods-c-header__burger { display: block; position: absolute; left: 0px; top: 0px; width: 38px; height: var(--space-touchTargets-L); background: inherit; color: var(--color-neutral-90); }

.ods-body-mobile .ods-o-header #ods-c-header__burger:hover { color: var(--color-neutral-90); }

.ods-body-mobile .ods-o-header--with-back-button .ods-o-header__container { padding-left: 10px; }

.ods-body-mobile .ods-o-header--with-back-button .ods-o-header__logo-slot { margin-left: 0px; }

.ods-body-mobile .ods-o-header--with-back-button .ods-o-header__back-button { display: flex; }

.ods-body-mobile .ods-o-header--with-back-button .ods-a-logo-main, .ods-body-mobile .ods-o-header--with-back-button #ods-c-header__burger { display: none; }

.ods-body-mobile .ods-o-header--with-related-services .ods-o-header__logo-slot { max-width: calc(100% - 165px); }

.ods-body-mobile .ods-active-menu .ods-o-header #ods-c-header__burger { background: inherit; color: var(--color-neutral-90); }

.ods-body-mobile.sponsoring--loaded .ods-o-header, .ods-body-mobile.sponsoring--sticky .ods-o-header { top: var(--sponsoring-height-mobile); }

.ods-body-mobile.sponsoring--hide .ods-o-header, .ods-body-mobile.sponsoring--relative .ods-o-header { top: 0px; transition: top 0.2s; }