.profile{--profile-items-count:3;--profile-item-height:(1.5em + 16px)}@media screen{.profile{position:relative;z-index:0;height:56px}}@media screen and (min-width:768px){.profile{height:72px}}@media screen{.profile:before{position:absolute;display:block;height:48px;border-radius:9999px;width:48px;content:"";left:50%;top:50%;transform:translate3D(-50%,-50%,0);cursor:pointer}}@media screen{.profile__label{cursor:pointer;display:block;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10;display:flex;height:100%;align-items:center}}@media screen{.profile__content{position:absolute;--bg-opacity:1;background-color:#252523;background-color:rgba(37,37,35,var(--bg-opacity));display:flex;margin-right:-16px;align-items:flex-start;overflow:hidden;pointer-events:none;text-align:left;bottom:auto;max-height:0;right:0;top:100%;transition:max-height .15s cubic-bezier(.65,0,.35,1)}}@media screen{.profile--open .profile__content{pointer-events:auto;max-height:calc((var(--profile-items-count) + 1) * var(--profile-item-height))}}@media screen{.profile__list{display:block;padding-top:8px;padding-bottom:8px;margin-bottom:0}}@media screen{.profile__item:last-child{padding-bottom:0;position:relative}}@media screen{.profile__elem{display:block;font-weight:500;padding:8px 32px;position:relative;white-space:nowrap;display:inline-flex;align-items:center}}@media screen{.profile__elem--disabled{opacity:.5}}@media screen{.profile__elem--link{transition-duration:.15s;transition-timing-function:cubic-bezier(.33,1,.68,1);outline:0;--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity));transition-property:background-color,border-color,color,fill,stroke}.profile__elem--link--active{--text-opacity:0.5}.profile__elem--link:focus,.profile__elem--link:hover{--bg-opacity:1;background-color:#fecb00;background-color:rgba(254,203,0,var(--bg-opacity));--text-opacity:1;color:#252523;color:rgba(37,37,35,var(--text-opacity))}}@media screen{.profile__elem--btn{background-color:initial;border-width:0;width:100%;text-align:left;cursor:pointer}}@media screen{.profile__icon--user{margin-right:8px;width:12px}}@media screen{.profile__icon--logout{margin-left:8px;opacity:.5}}

/*# sourceMappingURL=css-profile.css.map*/