body {
    font-size: var(--system-font-size-base);
    font-family: var(--system-font-family-primary), serif;
    font-weight: var(--system-font-weight-normal);
    letter-spacing: 0;
}
.page {
    min-height: 100vh;
    margin: 0 !important;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr auto;
}
.page.is-scrollable-content {
    height: 100vh;
}
.page.is-only-main {
    grid-template-columns: 1fr !important;
    grid-template-rows: 1fr auto !important;
}
.main,
.section,
.section__content,
.list__container,
.list__content {
    min-height: 0;
}
.main {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.header, .footer, .menu {
    border-color: var(--bulma-border-weak);
    border-style: solid;
    border-width: 0;
}
.header, .footer {
    grid-column: 1 / -1;
}
.header {
    min-height: var(--system-header-height);
    max-height: var(--system-header-height);
    padding: var(--system-header-padding-vertical) var(--system-header-padding-horizontal);
    border-bottom-width: var(--system-border-width);
}
.header__logo {
    height: var(--system-header-logo-height);
    width: var(--system-header-logo-width);
}
.header__notifications,
.header__logout {
    height: var(--system-header-actions-height) !important;
    width: var(--system-header-actions-height) !important;
    padding: 0;
}
.header__notifications .icon {
    --system-icon-dimensions: var(--system-icon-dimensions-large);
}
.header__notifications,
.header__notifications__number {
    --header-notification-color: var(--system-color-gray-500);
    --header-notification-font-size: 1.625rem;
    font-size: var(--header-notification-font-size);
    color: var(--header-notification-color) !important;
}
.header__notifications__number {
    --header-notification-color: var(--system-color-white);
    --header-notifications-number-dimension: 1rem;
    --header-notification-font-size: .5rem;
    bottom: .125rem;
    right: .125rem;
    width: var(--header-notifications-number-dimension);
    height: var(--header-notifications-number-dimension);
    background-color: var(--system-color-primary);
    border-radius: calc(var(--header-notifications-number-dimension) / 2);
}
.header__user__name {
    color: var(--system-color-gray-900);
}
.footer {
    border-top-width: var(--system-border-width);
}
.menu {
    width: var(--system-menu-width);
    border-right-width: var(--system-border-width);
    padding: var(--system-block-large-padding) var(--system-block-padding);
}
.menu-list li {
    margin-bottom: 2px;
}
.menu-list a {
    display: inline-flex;
    align-items: center;
    height: var(--system-menu-item-height);
}
.menu-list a .icon:first-child {
    margin-right: var(--system-menu-item-icon-margin);
}
.menu-list a .icon:last-child {
    margin-left: var(--system-menu-item-icon-margin);
    color: var(--system-color-gray-400);
}
.menu-list a.is-active .icon i {
    color: hsl(var(--bulma-menu-item-h), var(--bulma-menu-item-s), var(--bulma-menu-item-color-l));
}
.menu-list a.is-active {
    font-weight: var(--system-font-weight-semibold);
}
.menu-list li .menu-item-label {
    flex: 1;
}
.menu-list li > ul,
.menu-list li.is-opened > a > .icon:last-child i.icon-chevron-up,
.menu-list li > a > .icon:last-child i.icon-chevron-down {
    display: none;
}
.menu-list li.is-opened > ul,
.menu-list li > a > .icon:last-child .icon-chevron-up,
.menu-list li.is-opened > a > .icon:last-child i.icon-chevron-down {
    display: block;
}
.buttons-group {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    width: 100%;
    max-width: 36.875rem;
}
.buttons-group.three-buttons {
    /* чтобы не сломать нигде buttons-group */
    max-width: 50rem;
}
.buttons-group .button {
    flex: 1
}
.buttons-group.is-right {
    float: right;
}
.section {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin: 0;
}
.main .section:first-child:last-child {
    flex: 1;
}
.section__header {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    height: var(--system-section-header-height);
    flex-shrink: 0;
}
.section__header__content {
    font-size: var(--system-font-size-medium);
    font-weight: var(--system-font-weight-semibold);
}
.section__content {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.section__header__title__top,
.section__header__title__bottom {
    font-weight: var(--system-font-weight-normal);
    font-size: var(--system-font-size-small);
}
.section__header_title {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}
.list__container {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
.list__content,
.list__controls__filters {
    flex: 1;
}
.list__content {
    overflow-y: auto;
}
.list__controls {
    flex-shrink: 0;
    height: var(--system-list-controls-height);
    background-color: var(--system-color-gray-50);
    padding: 0 var(--system-list-controls-padding-horizontal);
    justify-content: space-between;
}
.list__controls,
.list__controls__filters,
.list__controls__filters > form,
.list__controls__actions {
    display: inline-flex;
    align-items: center;
    gap: var(--system-list-controls-gap);
}
.list__controls__filters .field {
    margin-bottom: 0;
}
.list__controls__filters .input,
.list__controls__filters .button,
.list__controls__filters .select,
.list__controls__filters .icon {
    max-height: var(--system-list-controls-actions-max-height);
}
.block {
    border-radius: var(--system-border-radius-large);
    border: var(--system-border-width) solid var(--system-border-color-weak);
    background-color: var(--system-color-white);
    padding: var(--system-block-large-padding);
    gap: var(--system-block-gap);
    overflow: hidden;
}
.block__error {
    padding: var(--system-block-padding);
    display: inline-flex;
    gap: .5rem;
}
.block__error .icon {
    --system-icon-dimensions: 2.375rem;
    position: relative;
    margin-top: -.5rem;
    margin-left: -.5rem;
}
.block__error .icon i {
    font-size: calc(var(--system-font-size-medium) + 1px);
    color: var(--system-color-danger)
}
.block__error .icon:after,
.block__error .icon:before {
    position: absolute;
    content: "";
    height: var(--system-icon-dimensions);
    width: var(--system-icon-dimensions);
    border: 2px solid var(--system-color-danger);
    border-radius: 50%;
}
.block__error .icon:before {
    --system-icon-dimensions: 1.75rem;
    opacity: .3;
}
.block__error .icon:after {
    opacity: .1;
}
.block__error__title,
.block__error__content {
    font-size: var(--system-font-size-small);
}
.block__error__title {
    font-weight: var(--system-font-weight-semibold);
    color: var(--system-color-danger);
}
.block__error__block__content {
    display: flex;
    flex-direction: column;
}
.block__error__content {
    color: var(--system-color-gray-600);
}
.columns {
    --bulma-column-gap: .625rem;
    --bulma-columns-gap: var(--bulma-column-gap);
    margin-bottom: var(--bulma-columns-gap) !important;
    margin-inline-end: 0;
    margin-inline-start: 0;
    margin-top: 0;
    gap: var(--bulma-column-gap);
}
.columns:last-child {
    --bulma-columns-gap: 0;
}
.column {
    padding: 0 !important;
}
.detailed-lines {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: var(--system-font-size-small);
}
.detailed-lines.hide-lines .detailed-line {
    border-bottom: none !important;
}
.detailed-lines.hide-lines .detailed-line__title {
    padding-left: 0 !important;
}
.detailed-line {
    display: inline-flex;
    align-items: center;
    min-height: var(--system-detalied-line-min-height);
}
.detailed-line {
    border-bottom: var(--system-border-width) solid var(--system-border-color-weak);
}
.detailed-line.is-top {
    align-items: flex-start;
    padding-top: .5rem;
}
.detailed-line__title,
.detailed-line__value {
    padding: 0 .5rem;
}
.detailed-line__title {
    width: var(--system-detalied-line-title-width);
}
.detailed-line__value {
    flex: 1;
    font-weight: var(--system-font-weight-semibold);
}
.detailed-field {
    display: flex;
    flex-direction: column;
}
.detailed-field__title {
    text-wrap: nowrap;
}
.detailed-field__title,
.detailed-field__value {
    font-size: var(--system-font-size-small);
}
.detailed-field__value {
    padding-top: 1rem;
}
.form-column-icon {
    flex: none;
    min-width: var(--system-control-height);
    height: var(--system-control-height);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 0 0 !important;
}
.status-label, .status-label-without-icon {
    display: inline-flex;
    align-items: center;
    gap: .3125rem;
    height: var(--system-status-label-height);
    border: var(--system-border-color) solid var(--system-border-width);
    border-radius: var(--system-border-radius-small);
    padding: 0 var(--system-status-label-padding-horizontal);
    font-size: var(--system-font-size-least);
    font-weight: var(--system-font-weight-normal);
    line-height: 1;
    color: var(--system-color-gray-700);
    text-wrap: nowrap;
}
.status-label:before {
    --status-label-dimmentions: .375rem;
    content: "";
    display: block;
    height: var(--status-label-dimmentions);
    width: var(--status-label-dimmentions);
    border-radius: calc(var(--status-label-dimmentions) / 2);
    background-color: var(--system-color-gray-200);
}
.status-label.is-success:before {
    background-color: var(--bulma-success);
}
.status-label.is-warning:before {
    background-color: var(--bulma-warning);
}
.status-label.is-danger:before {
    background-color: var(--system-color-danger);
}
.status-label.is-info:before {
    background-color: var(--system-color-info);
}
.tabs__container,
.tabs__buttons,
.tabs__buttons ul,
.tabs__buttons ul li {
    display: flex;
}
.tabs__container {
    flex-direction: column;
}
.tabs__buttons ul,
.tabs__buttons ul li {
    flex: 1;
}
.tabs__buttons ul li {
    justify-content: center;
    font-weight: var(--system-font-weight-semibold);
    font-size: var(--system-font-size-small);
    color: var(--system-color-gray-500);
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: .125rem;
    padding-bottom: .75rem;
    cursor: pointer;
    transition: border-bottom-color ease var(--bulma-duration);
    user-select: none;
}
.tabs__buttons ul li.is-active {
    border-bottom-color: var(--system-color-primary);
    color: var(--system-color-primary);
}
.tabs__buttons ul li:hover:not(.is-active) {
    border-bottom-color: hsla(var(--system-color-primary-h), var(--system-color-primary-s), var(--system-color-primary-l), .3);
}
.tab__content:not(.is-active) {
    display: none;
}
.message-line {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}
.message-line,
.message-line .icon i:before {
    color: var(--system-color-warning);
}
.is-round-border {
    border: var(--system-border-width) solid var(--system-border-color-weak);
    border-radius: var(--system-border-radius-large);
}
.is-round-border-tl-radius {
    border-top-left-radius: var(--system-border-radius-large);
}
.is-round-border-tr-radius {
    border-top-right-radius: var(--system-border-radius-large);
}
.is-round-border-bl-radius {
    border-bottom-left-radius: var(--system-border-radius-large);
}
.is-round-border-br-radius {
    border-bottom-right-radius: var(--system-border-radius-large);
}