.burger,.header__container,.header__user-btn,.header__user-btn-notification{display:-webkit-box;display:-ms-flexbox;display:flex}.burger,.header__container,.header__user-btn,.header__user-btn-notification{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.burger,.header__user-btn,.header__user-btn-notification{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header__user-btn{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.header__user-btn{text-decoration:none}.container,.header__container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 var(--container-offset)}.burger,.header__container,.header__user-btn,.header__user-btn-notification{display:-webkit-box;display:-ms-flexbox;display:flex}.burger,.header__container,.header__user-btn,.header__user-btn-notification{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header__container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.burger,.header__user-btn,.header__user-btn-notification{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header__user-btn{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.header__user-btn{text-decoration:none}.burger{position:relative;z-index:4;border:none;padding:0;width:var(--burger-width);height:var(--burger-height);color:var(--color-primary);background-color:transparent;cursor:pointer;display:none}.burger::after,.burger::before,.burger__line{content:"";position:absolute;left:0;width:100%;border-radius:2px;height:var(--burger-line-height);background-color:currentColor;-webkit-transition:all .25s ease;transition:all .25s ease}.burger::before{top:0}.burger::after{top:calc(100% - var(--burger-line-height))}.burger__line{top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.burger--active{color:var(--color-primary)}.burger--active::before{top:50%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:top .25s ease,-webkit-transform .25s ease;transition:top .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,top .25s ease;transition:transform .25s ease,top .25s ease,-webkit-transform .25s ease}.burger--active::after{top:50%;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:top .25s ease,-webkit-transform .25s ease;transition:top .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,top .25s ease;transition:transform .25s ease,top .25s ease,-webkit-transform .25s ease}.burger--active .burger__line{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.header{background-color:var(--color-bg);position:sticky;z-index:99;top:0;-webkit-box-shadow:0 1px 6px 0 rgba(0,0,0,.2);box-shadow:0 1px 6px 0 rgba(0,0,0,.2)}.header__container{padding-top:11px;padding-bottom:10px;gap:20px}.header__mobile-menu{display:none}.header__logo{-ms-flex-negative:0;flex-shrink:0;margin-right:auto}.header__nav{display:none}.header__user-btn{gap:5px;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.header__user-btn:active{opacity:.8}.header__user-btn-image{position:relative}.header__user-btn-image img{-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease;position:relative;z-index:1}.header__user-btn-text{font-weight:600;font-size:12px;line-height:150%;max-width:80px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--color-gray);-webkit-transition:color .3s ease;transition:color .3s ease}.header__user-btn-notification{border-radius:16px;height:16px;min-width:16px;background-color:var(--color-error);position:absolute;right:0;top:-8px;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);z-index:3;font-weight:600;font-size:11px;line-height:150%;color:var(--color-white);padding:6px}.header__user-mobile{display:none}@media (max-width:1024px){.burger{display:block!important}}@media (max-width:768px){.header__user-mobile{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;bottom:0;left:0;width:100%;background-color:var(--color-bg);-webkit-box-shadow:0 -1px 6px 0 rgba(0,0,0,.2);box-shadow:0 -1px 6px 0 rgba(0,0,0,.2);padding:20px 20px 10px 20px;gap:40px}}@media (max-width:576px){.header__user-mobile{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 15px 10px 15px;gap:10px}}@media (max-width:340px){.header__user-mobile .header__user-btn:nth-child(1){display:none}}@media (hover:hover){.header__user-btn:hover{outline:0}.header__user-btn:hover .header__user-btn-text{color:var(--color-primary)}.header__user-btn:hover .header__user-btn-image img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}@media (hover:none){.header__user-btn:active{outline:0}.header__user-btn:active .header__user-btn-text{color:var(--color-primary)}.header__user-btn:active .header__user-btn-image img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}