.header {
    z-index: var(--zindex-250);
    height: var(--height-md-2xl);
    width: var(--width-full);
    border-bottom: var(--border-width-xs)solid var(--color-stroke-divider);
    max-width: 100vw;
    padding: var(--offset-sm-s)var(--offset-sm-l)var(--offset-sm-s)var(--offset-sm-m);
    background-color: var(--color-background-surface);
    transition: background-color ease-out var(--transition-standart);
    flex-wrap: nowrap;
    align-items: center;
    display: flex;
    position: fixed;
    top: 0
}

@media (min-width: 768px) {
    .header {
        height:var(--height-lg-l);
        padding: 0 var(--offset-sm-l)
    }
}

@media (max-width: 960px) and (orientation:landscape) and (max-height:500px) {
    .header {
        height:var(--height-md-2xl);
        padding: var(--offset-sm-s)var(--offset-sm-l)var(--offset-sm-s)var(--offset-sm-m)
    }
}

.header .nav-btn {
    width: var(--width-md-2xs);
    height: 22px;
    margin-right: var(--offset-sm-l);
    align-items: center;
    display: flex
}

@media (min-width: 768px) and (min-height:501px) {
    .header .nav-btn {
        margin-left:var(--offset-sm-m)
    }
}

.header .link {
    padding: 0
}

.header-invite__button {
    border-color: var(--color-background-accent-positive);
    --button-text-color: var(--color-background-accent-positive)
}

.header-invite__button vui-icon {
    color: var(--color-background-accent-positive)
}

@media (min-width: 960px) {
    .header-invite__button vui-icon {
        display:none
    }
}

.header-invite__button-link:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: var(--offset-sm-m)
}

.header-invite__button-link:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: var(--offset-sm-m)
}

.header-invite__button-link:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    margin-right: var(--offset-sm-m)
}

.header-invite__button-link:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: var(--offset-sm-m)
}

.header-invite__button-link:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: var(--offset-sm-m)
}

.header-invite__button-link:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    margin-left: var(--offset-sm-m)
}

.header-invite__button-link span {
    display: none
}

@media (min-width: 960px) {
    .header-invite__button-link span {
        display:block
    }
}

#signUpBtnBlock {
    height: var(--height-lg-l);
    align-items: center;
    display: flex
}

@media (max-width: 959px) {
    #signUpBtnBlock button {
        padding:0 4px 0 6px
    }
}

#signUpBtnBlock .desktop-only-text {
    display: none
}

@media (min-width: 768px) {
    #signUpBtnBlock .desktop-only-text {
        display:block
    }
}

@media (max-width: 959px) {
    #signUpBtnBlock .desktop-only-text {
        display:none
    }
}

#signUpBtnBlock #signUpCloseBtn,#signUpBtnBlock.close-button #signUpBtn {
    display: none
}

#signUpBtnBlock.close-button #signUpCloseBtn {
    display: block
}

.locale-btn {
    height: var(--height-md-2xl);
    width: 30px;
    margin-left: var(--offset-sm-m);
    padding: 0 var(--offset-sm-l);
    box-sizing: content-box;
    cursor: pointer;
    align-items: center;
    line-height: 0;
    display: flex
}

@media (min-width: 768px) {
    .locale-btn {
        height:var(--height-lg-l)
    }
}

@media (max-width: 960px) and (orientation:landscape) {
    .locale-btn {
        height:var(--height-md-2xl)
    }
}

.locale-btn img {
    width: var(--width-md-s);
    height: var(--height-md-2xs);
    border-radius: var(--border-radius-xxs)
}

.locale-btn vui-icon,.locale-btn.opened img {
    display: none
}

.locale-btn.opened vui-icon {
    display: block
}

.main-logo {
    align-items: center;
    margin-right: auto;
    display: flex
}

.logo-name {
    margin-left: var(--offset-sm-s);
    display: none
}

@media (min-width: 1024px) {
    .logo-name {
        display:block
    }
}