.header{height:80px;justify-content:center;left:0;padding:0 20px;position:fixed;top:0;transition:var(--transition);z-index:1000}.header,.header__wrapper{align-items:center;display:flex;width:100%}.header__wrapper{gap:20px;justify-content:space-between;max-width:1340px}.header__brand{display:block;flex:none;position:relative}.header__logo{display:block;height:auto;transition:var(--transition);width:148px}.header__logo:not(:first-child){left:0;opacity:0;position:absolute;top:0}@media screen and (max-width:800px){.header{height:68px;padding:0 12px}.header__logo{width:110px}}.header__buttons{align-items:center;display:flex;gap:8px;overflow-x:scroll;-ms-overflow-style:none}.header__buttons::-webkit-scrollbar{display:none}.header__buttons .buttons__item{font-size:15px;height:44px;min-width:auto;padding:0 20px}header[logo-default=color] .header__logo[color=color],header[logo-default=dark] .header__logo[color=dark],header[logo-default=light-color] .header__logo[color=light-color],header[logo-default=light] .header__logo[color=light]{opacity:1}header[logo-default=color] .header__logo[color=dark],header[logo-default=color] .header__logo[color=light-color],header[logo-default=color] .header__logo[color=light],header[logo-default=dark] .header__logo[color=color],header[logo-default=dark] .header__logo[color=light-color],header[logo-default=dark] .header__logo[color=light],header[logo-default=light-color] .header__logo[color=color],header[logo-default=light-color] .header__logo[color=dark],header[logo-default=light-color] .header__logo[color=light],header[logo-default=light] .header__logo[color=color],header[logo-default=light] .header__logo[color=dark],header[logo-default=light] .header__logo[color=light-color]{opacity:0}header[logo-default=light-color]:not(.header-scroll) .buttons__item[color=default],header[logo-default=light]:not(.header-scroll) .buttons__item[color=default]{background:var(--color-button-color-5-bg);color:var(--color-button-color-5-text)}.header-scroll .header{background:#fff;box-shadow:0 2px 24px 0 rgba(0,0,0,.1)}.header-scroll .header__logo[color=color]{opacity:1!important}.header-scroll .header__logo[color=dark],.header-scroll .header__logo[color=light-color],.header-scroll .header__logo[color=light]{opacity:0!important}