html[data-loading="true"] {
  transition: background var(--transition_time);
}

/* Красивая анимация для смены темы */
html[data-loading="true"] .MYUI-Table__in {
  transition-property: color, border, background;
  transition-duration: var(--transition_time);
}


html[data-loading="true"] .MYUI-CarouselItem__children {
  transition-property: color, border, background;
  transition-duration: var(--transition_time);
}

html[data-loading="true"] .MYUI-Badge__in {
  transition-property: color, border, background;
  transition-duration: var(--transition_time);
}

html[data-loading="true"] .MYUI-Progress {
  transition-property: color, border, background;
  transition-duration: var(--transition_time);
}

html[data-loading="true"] .MYUI-Button__in {
  transition: color var(--transition_time),
    border var(--transition_time),
    background var(--transition_time),
    transform 700ms cubic-bezier(.9, .1, .1, .9)
}

html[data-loading="true"] .MYUI-TabbarItem {
  transition-property: color, border, background;
  transition-duration: var(--transition_time);
}

html[data-loading="true"] .MYUI-Panel__in {
  transition-property: color, border, background;
  transition-duration: var(--transition_time);
}

html[data-loading="true"] .MYUI-Carousel__in--wrapper {
  transition-property: color, border, background;
  transition-duration: var(--transition_time);
}

html[data-loading="true"] .MYUI-GalleryPhoto {
  transition-property: color, border, background;
  transition-duration: var(--transition_time);
}

/* input */

html[data-loading="true"] .MYUI-Input__in {
  transition-property: color, border, background;
  transition-duration: var(--transition_time);
}

html[data-loading="true"] .MYUI-Input__after {
  transition-property: color, border, background;
  transition-duration: var(--transition_time);
}

html[data-loading="true"] .MYUI-Input__before {
  transition-property: color, border, background;
  transition-duration: var(--transition_time);
}

html[data-loading="true"] .MYUI-Input input {
  transition-property: color, border, background;
  transition-duration: var(--transition_time);
}



html[data-loading="true"] .MYUI-Avatar {
  transition-property: color, border, background;
  transition-duration: var(--transition_time);
}

html[data-loading="true"] .MYUI-Card__in {
  transition-property: color, border, background;
  transition-duration: var(--transition_time);
}

html[data-loading="true"] .MYUI-Slider {
  transition-property: color, border, background;
  transition-duration: var(--transition_time);
}

html[data-loading="true"] .MYUI-Slider input[type='range'] {
  transition-property: color, border, background;
  transition-duration: var(--transition_time);
}

html[data-loading="true"] .MYUI-PanelHeader__in {
  transition-property: color, border, background;
  transition-duration: var(--transition_time);
}

html[data-loading="true"] .MYUI-Group__in {
  transition-property: color, border, background;
  transition-duration: var(--transition_time);
}

html[data-loading="true"] .MYUI-ContentCard__in {
  transition-property: color, border, background;
  transition-duration: var(--transition_time);
}