[data-focus='popin'][data-type='from-right'] > [data-focus='popin-overlay'] {
  z-index: 1002 !important; }

[data-focus='profile-center'] {
  position: fixed;
  z-index: 1001;
  transition: 1s;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  height: 75px;
  width: 305px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #EEEEEE;
  justify-content: flex-end; }
  [data-focus='profile-center'] .account_button {
    position: fixed;
    right: 0;
    font-size: 50px;
    background-image: url(data:image/png;base64,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);
    width: 65px;
    height: 65px;
    background-size: 100%;
    margin: 5px;
    margin-right: 20px;
    top: 0px; }

.username-visible {
  font-family: Title;
  font-size: 20px;
  color: #6d6d6d;
  margin-right: 105px;
  text-overflow: ellipsis;
  overflow: hidden; }

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

[data-animation].slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight; }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

[data-closing-animation].slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight; }

.button-account {
  margin-top: 40px;
  margin-right: 20px;
  margin-bottom: 20px; }
  .button-account div {
    color: #3F51B5; }

.button-account:active {
  background-color: #3F51B5; }
  .button-account:active div {
    color: #FFFFFF; }

.button-logout {
  margin-right: 20px;
  margin-bottom: 40px; }
  .button-logout div {
    color: #F44336; }

.button-logout:active {
  background-color: #F44336; }
  .button-logout:active div {
    color: #FFFFFF; }

[data-focus='profile-center-panel'] {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  color: #6d6d6d;
  width: 25%;
  overflow-y: hidden;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.9);
  border-left-width: 1px;
  border-left-style: solid;
  border-color: #EEEEEE;
  color: #6d6d6d;
  z-index: 1002;
  display: flex;
  flex-flow: column; }
  [data-focus='profile-center-panel'][data-fetching='true'] div[data-focus='notification-group'] {
    margin: 0;
    padding: 0;
    position: relative; }
    [data-focus='profile-center-panel'][data-fetching='true'] div[data-focus='notification-group']:after {
      content: 'Loading...';
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.19);
      text-align: center;
      color: #FFFFFF; }
  [data-focus='profile-center-panel'] [data-focus='header-profile'] {
    margin-left: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 15px;
    font-family: Title;
    line-height: 18px;
    display: flex;
    align-items: center; }
    [data-focus='profile-center-panel'] [data-focus='header-profile'] button[data-focus='notification-center-close'] {
      background-color: transparent;
      color: #6d6d6d;
      margin-left: auto;
      margin-right: 20px; }
    [data-focus='profile-center-panel'] [data-focus='header-profile'] span {
      margin-right: 10px; }
  [data-focus='profile-center-panel'] [data-focus='data-identity'] {
    margin: 20px;
    font-family: Highlight;
    font-size: 15px;
    line-height: 18px; }
  [data-focus='profile-center-panel'] [data-focus='data-name'] {
    margin: 20px;
    margin-bottom: 0px;
    font-family: Text;
    font-size: 15px;
    line-height: 18px; }
  [data-focus='profile-center-panel'] [data-focus='data-login'] {
    margin: 20px;
    margin-top: 0px;
    font-family: Text;
    font-size: 15px;
    line-height: 18px;
    font-style: italic; }
  [data-focus='profile-center-panel'] [data-focus='line-entity'] {
    width: 35%;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    margin-left: 10px; }
  [data-focus='profile-center-panel'] [data-focus='profile-button'] {
    font-size: 18px;
    margin-left: auto; }
    [data-focus='profile-center-panel'] [data-focus='profile-button'] div {
      text-transform: uppercase;
      border: none;
      position: relative;
      height: 36px;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 5px;
      padding-bottom: 5px;
      display: inline-block;
      font-size: 14px;
      font-weight: 300;
      line-height: 1;
      letter-spacing: 0;
      overflow: hidden;
      will-change: box-shadow, transform;
      outline: none;
      cursor: pointer;
      text-decoration: none;
      text-align: center;
      line-height: 36px;
      vertical-align: middle;
      display: block;
      font-family: Button;
      border-radius: 2px; }
    [data-focus='profile-center-panel'] [data-focus='profile-button'] i {
      font-size: 18px;
      transform: rotateY(180deg); }
  [data-focus='profile-center-panel'] header {
    top: 0;
    left: 0;
    width: 100%; }
    [data-focus='profile-center-panel'] header button[data-focus='notification-center-close'] {
      position: absolute;
      top: 5px;
      right: 5px; }
    [data-focus='profile-center-panel'] header h1 {
      font-size: 35px;
      text-align: center;
      -webkit-margin-before: 0.1em;
      -webkit-margin-after: 0.1em; }
  [data-focus='profile-center-panel'] h2 {
    background-color: rgba(1, 1, 1, 0.6);
    font-size: 35px;
    padding-left: 12px; }
    [data-focus='profile-center-panel'] h2 button {
      position: absolute;
      right: 5px;
      top: auto;
      bottom: auto; }
  [data-focus='profile-center-panel'] ul {
    -webkit-padding-start: 0px;
    list-style-type: none; }

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