.MYUI-PanelHeader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  color: var(--text_primary);
  /*var(--safe-area-inset-top)*/
  z-index: 10000;
}

.MYUI-PanelHeader__in {
  display: flex;
  left: var(--padding_default);
  right: var(--padding_default);

  height: var(--panel_header_height);
  background: var(--html_background);

  padding-left: var(--padding_low);
  padding-right: var(--padding_low);
  padding-top: var(--safe-area-inset-top);
  overflow: hidden;
}

.MYUI-PanelHeader__in[data-background=false] {
  background: none;
}

.MYUI-PanelHeader__children {
  overflow: hidden;
  line-height: var(--font_size_body);
  font-size: var(--font_size_body);
  font-weight: var(--font_weight_hard);

  white-space: pre;

  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
  z-index: 2;
  padding-left: var(--padding_default);
  padding-right: var(--padding_default);
}



.MYUI-PanelHeader__in[data-align="center"] .MYUI-PanelHeader__before {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  opacity: 1;
}

.MYUI-PanelHeader__in[data-align="center"] .MYUI-PanelHeader__after {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  opacity: 1;
}


.MYUI-PanelHeader__in[data-align="right"] .MYUI-PanelHeader__before {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  opacity: 1;
}

.MYUI-PanelHeader__in[data-align="left"] .MYUI-PanelHeader__after {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  opacity: 1;
}


.MYUI-PanelHeader__before {
  align-items: center;
  display: flex;
  z-index: 1;


  padding: var(--padding_low) 0 var(--padding_low) var(--padding_low);
  transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
}


.MYUI-PanelHeader__after--in {
  display: flex;
  justify-content: flex-end;
}

.MYUI-PanelHeader__after {
  align-items: center;
  z-index: 3;
  justify-content: right;
  display: flex;

  padding: var(--padding_low) var(--padding_low) var(--padding_low) 0;
  transition: opacity .3s cubic-bezier(.4, 0, .2, 1);
}

/* Модальные окна */
.MYUI-PanelHeader--modal .MYUI-PanelHeader {
  margin-top: 0px;
  padding: 0px;
  position: relative;
}

.MYUI-PanelHeader--modal .MYUI-PanelHeader__in {
  margin-top: 0px;
  padding: 0px;
  position: relative;
  left: 0px;
  right: 0px;
  background: none;
}

/* Поддержка VK кнопок социальных мехиник */
.MYUI-PanelHeader--vkui .MYUI-PanelHeader {
  padding: 0px;
}

.MYUI-PanelHeader--vkui .MYUI-PanelHeader__in {
  height: var(--panel_header_height);
}