.header-user-menu{font-family:"Roboto","Arial",sans-serif;position:relative;background:#fff}@media(min-width: 767px){.header-user-menu{padding:0;background:none}}.header-user-menu--opened .header-user-menu__icon-down{transform:scaleY(-1)}.header-user-menu--opened .header-user-menu__pop-up{opacity:1;visibility:visible}.header-user-menu--opened .header-user-menu__pop-up{z-index:5;transform:translateY(0);transition:all .3s ease-in-out}.header-user-menu--mobile{position:absolute;padding-right:2px}.header-user-menu--mobile .header-user-menu__pop-up{padding:0 0 8px;position:relative;top:10px;transition:none}.header-user-menu--mobile .header-user-menu__list{border-top:1px solid #eaeaea}.header-user-menu--desktop .header-user-menu__pop-up{display:none}@media(min-width: 767px){.header-user-menu--desktop{display:flex;align-items:center;height:100%}.header-user-menu--desktop .header-user-menu__pop-up{display:block}}.header-user-menu--aside{width:170px}.header-user-menu--aside .header-user-menu__pop-up{position:static;width:170px;opacity:1;visibility:visible;box-shadow:none;background:none}.header-user-menu--aside .header-user-menu__pop-up svg{margin-right:8px}.header-user-menu--aside .header-user-menu__avatar{display:block;width:100px;height:100px;margin-bottom:16px}.header-user-menu--aside .header-user-menu__name{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:500;font-size:16px;line-height:24px;color:#212121}.header-user-menu--aside .header-user-menu__list{padding-top:8px;border-top:1px solid #eaeaea}.header-user-menu--aside .header-user-menu__item{margin-bottom:2px}.header-user-menu--aside .header-user-menu__item--current{background:#f0f0f0}.header-user-menu--aside .header-user-menu__item .header-user-menu__link{padding:9px 8px;font-size:14px;line-height:20px}.header-user-menu__btn,.header-user-menu__to-menu-btn{border:0;background-color:transparent;padding:0;cursor:pointer;outline:none;font-family:inherit}.header-user-menu__btn{position:relative;z-index:5;display:flex;align-items:center;width:100%;margin:8px 0 8px 0;padding:16px 20px;background:#f0f0f0;cursor:pointer;transition:all .3s ease-in-out}@media(min-width: 767px){.header-user-menu__btn{display:inline-flex;width:auto;margin:0;padding:0;background:none;color:#999}}.header-user-menu__btn:hover svg{fill:#242424}.header-user-menu__avatar-wrap{max-width:100%;margin-bottom:8px}.header-user-menu__avatar{position:relative;flex:0 0 40px;width:40px;height:40px;background-color:#f6f6f6;background-image:url("/img/header/ic_placeholder_user.png");background-size:100%;border-radius:50%;border:1px solid #f1f1f1;overflow:hidden}@media(min-width: 767px){.header-user-menu__avatar{flex:0 0 26px;width:26px;height:26px}}.header-user-menu__photo{position:relative;z-index:2;width:100%;height:100%;object-fit:contain}.header-user-menu__photo-cover{display:block;position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;overflow:hidden;border-radius:50%}.header-user-menu__photo-cover span{position:absolute;display:block;top:-3px;left:-3px;right:-3px;bottom:-3px;background:no-repeat center;background-size:cover;-webkit-filter:blur(3px);filter:blur(3px);opacity:.9}.header-user-menu__icon{display:block;margin-left:auto;justify-self:flex-end;order:2;transform:rotate(-180deg)}@media(min-width: 767px){.header-user-menu__icon{display:none}}.header-user-menu__icon-down{display:none}@media(min-width: 767px){.header-user-menu__icon-down{display:inline-block}}.header-user-menu__name,.header-user-menu__name--desktop{width:130px;overflow:hidden;text-overflow:ellipsis;text-decoration:none;white-space:nowrap;margin:0 auto 0 12px;font-size:14px;line-height:20px;color:#424242}@media(min-width: 767px){.header-user-menu__name{display:none}}.header-user-menu__name--desktop{width:70px;margin:0 auto 0 4px;font-size:12px;line-height:18px}@media(max-width: 766px){.header-user-menu__name--desktop{display:none}}.header-user-menu__pop-up{position:absolute;z-index:-1;width:256px;max-height:100vh;overflow-y:auto;right:0;top:64px;padding:8px 0;background:#fff;box-shadow:0px 4px 10px rgba(0,0,0,.2);font-size:14px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease-in-out;scrollbar-color:transparent #999;scrollbar-width:thin}.header-user-menu__pop-up::-webkit-scrollbar{width:6px;background:none}.header-user-menu__pop-up::-webkit-scrollbar-track{padding-right:2px;-webkit-box-shadow:5px 5px 5px -5px rgba(34,60,80,.2) inset}.header-user-menu__pop-up::-webkit-scrollbar-button{display:none}.header-user-menu__pop-up::-webkit-scrollbar-thumb{border-radius:3px;background:#999}.header-user-menu__pop-up svg{fill:#999;width:20px;height:20px;margin-right:16px;flex-shrink:0}@media(min-width: 767px){.header-user-menu__pop-up{overflow-y:visible;max-height:none;transition:none}}.header-user-menu__to-menu-btn{display:flex;align-items:center;width:100%;margin:8px 0;padding:10px 20px;font-size:14px;line-height:20px;color:#424242;background:#f0f0f0}.header-user-menu__to-menu-btn svg{margin-right:4px}.header-user-menu__list{list-style:none;margin:0;padding:0;position:relative}.header-user-menu__item--current{background:#f8f8f8}.header-user-menu__link{position:relative;display:flex;padding:10px 20px;line-height:20px;color:#424242;text-decoration:none;transition:all .3s ease-in-out}.header-user-menu__link:hover{background:#f0f0f0}.header-user-menu__text-new{position:relative}.header-user-menu__text-new::before{content:"NEW";position:absolute;top:0;right:-26px;font-size:10px;line-height:12px;text-transform:uppercase;color:#00c346}.header-user-menu__counter{display:inline-block;min-width:16px;position:absolute;right:12px;top:12px;padding:1px 4.5px 0px;font-size:11px;line-height:15px;font-weight:700;color:#fff;text-align:right;background:#ec5732;border-radius:10px}.l-outer .col2{width:170px !important}@media(min-width: 1119px){.grainboard .header-user-menu--aside{margin:0 0 -47px -9px}.grainboard .header-user-menu--aside .header-user-menu__avatar-wrap{text-align:center}.grainboard .header-user-menu--aside .header-user-menu__avatar{display:inline-block}.grainboard .header-user-menu--aside .header-user-menu__name{text-align:center}.grainboard .header-user-menu--aside .header-user-menu__pop-up{width:auto}.grainboard .header-user-menu--aside .header-user-menu__pop-up a{color:#212121 !important}}/*# sourceMappingURL=header-user-menu.css.map */