.User{position:relative;-webkit-flex-shrink:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:12px;}.User .User--logout{white-space:nowrap;}.User__name{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;width:40px;height:40px;border-radius:50%;}.User__name:focus-visible,.User__name:hover{background-color:#eee;}.User__name:focus-visible+.User__nameFlatCard,.User__name:hover+.User__nameFlatCard{opacity:1;visibility:visible;}.User__name>span{position:relative;width:32px;height:32px;}.User__name>span:before{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);content:"";pointer-events:none;}.User__name img{object-fit:cover;width:32px;height:32px;border-radius:50%;}.User__nameFlatCard{z-index:2;position:absolute;bottom:-27px;right:0;width:auto;padding-top:4px;padding-bottom:3px;opacity:0;color:#fff;line-height:1.2;white-space:nowrap;visibility:hidden;background-color:#444;-webkit-transition:opacity .2s cubic-bezier(0,0,.2,1);-webkit-transition:opacity .2s cubic-bezier(0,0,.2,1);transition:opacity .2s cubic-bezier(0,0,.2,1);}.User__loginLink{display:block;box-sizing:border-box;height:32px;padding:4px 12px 3px;border:1px solid #ccc;border-radius:16px;line-height:24px;}.User__loginLink:focus-visible,.User__loginLink:hover{background-color:#eee;}.User{position:relative;-webkit-flex-shrink:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-left:12px;}.User .User--logout{white-space:nowrap;}.User__name{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;width:40px;height:40px;border-radius:50%;}.User__name:focus-visible,.User__name:hover{background-color:#eee;}.User__name:focus-visible+.User__nameFlatCard,.User__name:hover+.User__nameFlatCard{opacity:1;visibility:visible;}.User__name>span{position:relative;width:32px;height:32px;}.User__name>span:before{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);content:"";pointer-events:none;}.User__name img{object-fit:cover;width:32px;height:32px;border-radius:50%;}.User__nameFlatCard{z-index:2;position:absolute;bottom:-27px;right:0;width:auto;padding-top:4px;padding-bottom:3px;opacity:0;color:#fff;line-height:1.2;white-space:nowrap;visibility:hidden;background-color:#444;-webkit-transition:opacity .2s cubic-bezier(0,0,.2,1);-webkit-transition:opacity .2s cubic-bezier(0,0,.2,1);transition:opacity .2s cubic-bezier(0,0,.2,1);}.User__loginLink{display:block;box-sizing:border-box;height:32px;padding:4px 12px 3px;border:1px solid #ccc;border-radius:16px;line-height:24px;}.User__loginLink:focus-visible,.User__loginLink:hover{background-color:#eee;}