[data-theme="light"],
[data-theme="dark"] {
    --bulma-family-primary: var(--system-font-family-primary);
    --bulma-family-secondary: var(--system-font-family-secondary);
    --bulma-family-code: var(--system-font-family-code);
    --bulma-size-small: var(--system-font-size-small);
    --bulma-size-medium: var(--system-font-size-medium);
    --bulma-size-normal: var(--system-font-size-normal);
    --bulma-size-large: var(--system-font-size-large);
    --bulma-weight-light: var(--system-font-weight-light);
    --bulma-weight-normal: var(--system-font-weight-normal);
    --bulma-weight-medium: var(--system-font-weight-medium);
    --bulma-weight-semibold: var(--system-font-weight-semibold);
    --bulma-weight-bold: var(--system-font-weight-bold);
    --bulma-weight-extrabold: var(--system-font-weight-extrabold);
    --bulma-body-background-color: var(--system-color-white);
    --bulma-body-size: var(--system-font-size-normal);
    --bulma-body-min-width: var(--system-page-min-width);
    --bulma-body-family: var(--system-font-family-primary);
    --bulma-body-color: var(--system-color-black);
    --bulma-body-font-size: var(--system-font-size-normal);
    --bulma-body-weight: var(--system-font-weight-normal);
    --bulma-hr-background-color: var(--system-color-gray-200);
    --bulma-hr-height: var(--system-border-width);
    --bulma-hr-margin: 0;
    --bulma-strong-color: var(--system-color-black);
    --bulma-primary-h: var(--system-color-primary-h);
    --bulma-primary-s: var(--system-color-primary-s);
    --bulma-primary-l: var(--system-color-primary-l);
    --bulma-info-h: var(--system-color-info-h);
    --bulma-info-s: var(--system-color-info-s);
    --bulma-info-l: var(--system-color-info-l);
    --bulma-success-h: var(--system-color-success-h);
    --bulma-success-s: var(--system-color-success-s);
    --bulma-success-l: var(--system-color-success-l);
    --bulma-warning-h: var(--system-color-warning-h);
    --bulma-warning-s: var(--system-color-warning-s);
    --bulma-warning-l: var(--system-color-warning-l);
    --bulma-danger-h: var(--system-color-danger-h);
    --bulma-danger-s: var(--system-color-danger-s);
    --bulma-danger-l: var(--system-color-danger-l);
    --bulma-scheme-h: var(--system-color-scheme-h);
    --bulma-scheme-s: var(--system-color-scheme-s);
    --bulma-light-l: var(--system-color-light-l);
    --bulma-light-invert-l: var(--system-color-light-invert-l);
    --bulma-dark-l: var(--system-color-light-l);
    --bulma-dark-invert-l: var(--system-color-light-invert-l);
    --bulma-hover-background-l-delta: var(--system-color-hover-background-white-l-delta);
    --bulma-active-background-l-delta: var(--system-color-hover-background-white-l-delta);
    --bulma-hover-border-l-delta: 0%;
    --bulma-active-border-l-delta: 0%;
    --bulma-hover-color-l-delta: 0%;
    --bulma-active-color-l-delta: 0%;
    --bulma-hover-shadow-a-delta: 0;
    --bulma-active-shadow-a-delta: 0;
    --bulma-border-weak: var(--system-border-color-weak);
    --bulma-border: var(--system-border-color);
    --bulma-border-hover: var( --bulma-border);
    --bulma-border-active: var( --bulma-border);
    --bulma-block-spacing: var(--system-base-block-spacing);
    --bulma-duration: 150ms;
    --bulma-radius-small: var(--system-border-radius-small);
    --bulma-radius: var(--system-border-radius);
    --bulma-radius-medium: var(--system-border-radius);
    --bulma-radius-large: var(--system-border-radius-large);
    --bulma-arrow-color: var(--system-color-gray-400);
    --bulma-loading-color: var(--system-color-gray-400);
    --bulma-control-radius: var(--system-border-radius);
    --bulma-control-radius-small: var(--system-border-radius-small);
    --bulma-control-border-width: var(--system-border-width);
    --bulma-control-height: var(--system-control-height);
    --bulma-control-padding-vertical: var(--system-control-padding-vertical);
    --bulma-control-padding-horizontal: var(--system-control-padding-horizontal);
    --bulma-control-focus-shadow-l: 0%;
    --bulma-control-line-height: 1.5;
}
html {
    overflow-x: auto;
}
.grid {
  --bulma-grid-gap: 0;
  --bulma-grid-column-min: 1rem;
}
.footer {
    --bulma-footer-background-color: hsl(0,0%,100%);
    --bulma-footer-padding: 1rem 2rem;
}
.control, .input, .select, .textarea {
    --bulma-input-h: 0;
    --bulma-input-s: 0%;
    --bulma-input-hover-border-l-delta: 0%;
    --bulma-input-active-border-l-delta: 0%;
    --bulma-input-focus-h: var(--system-color-gray-300-h);
    --bulma-input-focus-s: var(--system-color-gray-300-s);
    --bulma-input-focus-l: var(--system-color-gray-300-l);
    --bulma-input-focus-shadow-size: none;
    --bulma-input-focus-shadow-alpha: 0;
    --bulma-input-color-l: 0%;
    --bulma-input-background-l: 0%;
    --bulma-input-background-l-delta: 100%;
    --bulma-input-height: var(--system-control-height);
    --bulma-input-shadow: none;
    --bulma-input-placeholder-color: var(--system-color-gray-500);
    --bulma-input-disabled-color: var(--system-color-gray-500);
    --bulma-input-disabled-background-color: var(--system-color-gray-50);
    --bulma-input-disabled-border-color: var(--system-color-gray-200);
    --bulma-input-disabled-placeholder-color: var(--system-color-gray-500);
    --bulma-input-arrow: var(--system-color-gray-300);
    --bulma-input-icon-color: var(--system-color-gray-500);
    --bulma-input-icon-hover-color: var(--system-color-gray-500);
    --bulma-input-icon-focus-color: var(--system-color-gray-500);
    --bulma-input-radius: .5rem;
    --bulma-input-border-color: var(--system-color-gray-300);
    box-shadow: none;
    transition-property: border-width;
}
.input:focus,
.input:focus-visible,
.textarea:focus,
.textarea:focus-visible,
.select:focus,
.select:focus-visible {
    --bulma-control-border-width: 2px;
}
.button {
    --bulma-button-padding-vertical: var(--bulma-control-padding-vertical);
    --bulma-button-padding-horizontal: var(--bulma-control-padding-horizontal);
    --bulma-primary-invert-l: var(--system-color-white-l);
    height: var(--bulma-control-height);
    font-weight: var(--system-font-weight-semibold);
}
.menu {
  --bulma-menu-item-h: var(--system-color-white-h);
  --bulma-menu-item-s: var(--system-color-white-s);
  --bulma-menu-item-l: var(--system-color-white-l);
  --bulma-menu-item-background-l: var(--system-color-white-l);
  --bulma-menu-item-hover-background-l-delta: var(--system-color-hover-background-white-l-delta);
  --bulma-menu-item-active-background-l-delta: var(--system-color-hover-background-white-l-delta);
  --bulma-menu-item-color-l: var(--system-color-black-l);
  --bulma-menu-item-radius: var(--system-border-radius-small);
  --bulma-menu-item-selected-h: var(--system-color-primary-h);
  --bulma-menu-item-selected-s: var(--system-color-primary-s);
  --bulma-menu-item-selected-l: var(--system-color-primary-l);
  --bulma-menu-item-selected-background-l: var(--system-color-primary-l);
  --bulma-menu-item-selected-color-l: var(--system-color-white-l);
  --bulma-menu-list-border-left: none;
  --bulma-menu-list-line-height: 1;
  --bulma-menu-nested-list-margin: 0;
  --bulma-menu-nested-list-padding-left: 0;
  --bulma-menu-label-color: var(--system-color-gray-500);
  --bulma-menu-label-font-size: var(--system-font-size-normal);
  --bulma-menu-label-letter-spacing: 0;
}
.menu-list a.is-active {
    --bulma-menu-item-hover-background-l-delta: var(--system-color-hover-background-primary-l-delta);
    --bulma-menu-item-active-background-l-delta: var(--system-color-hover-background-primary-l-delta);
}
.icon, .icon-text {
    --bulma-icon-dimensions: var(--system-icon-dimensions);
    --bulma-icon-dimensions-small: var(--system-icon-dimensions-small);
    --bulma-icon-dimensions-medium: var(--system-icon-dimensions-medium);
    --bulma-icon-dimensions-large: var(--system-icon-dimensions-large);
    --bulma-icon-text-spacing: normal;
}
.table {
    --bulma-table-color: var(--system-color-black);
    --bulma-table-background-color: var(--system-color-white);
    --bulma-table-cell-border-color: var(--system-border-color-weak);
    --bulma-table-cell-border-width: 0 0 var(--system-border-width);
    --bulma-table-cell-padding: 1rem .5rem;
    --bulma-table-cell-heading-color: var(--system-color-black);
    --bulma-table-head-cell-border-width: 0 0 var(--system-border-width);
    --bulma-table-head-cell-color: var(--system-color-black);
    --bulma-table-head-background-color: var(--system-color-gray-50);
    --bulma-table-body-background-color: var(--system-color-white);;
    --bulma-table-foot-background-color: var(--system-color-white);;
    --bulma-table-row-hover-background-color: var(--system-color-gray-50);
    --bulma-table-row-active-background-color: var(--system-color-gray-50);
    --bulma-table-row-active-color: var(--system-color-black);
    --bulma-table-striped-row-even-background-color: var(--system-color-white);;
    --bulma-table-striped-row-even-hover-background-color: var(--system-color-gray-50);
    font-size: var(--system-font-size-small);
    width: 100%;
}
.breadcrumb {
    --bulma-breadcrumb-item-color: var(--system-color-gray-600);
    --bulma-breadcrumb-item-hover-color: var(--system-color-gray-700);
    --bulma-breadcrumb-item-active-color: var(--system-color-black);
    --bulma-breadcrumb-item-separator-color: var(--system-color-gray-300);
    --bulma-breadcrumb-item-padding-vertical:  var(--system-breadcrumb-padding-vertical);
    --bulma-block-spacing: 0;
    padding-top: var(--system-block-greatest-padding);
    padding-left: var(--system-block-greatest-padding);
    padding-right: var(--system-block-greatest-padding);
    font-weight: var(--system-font-weight-semibold);
    font-size: var(--system-font-size-small);
}
.breadcrumb ul {
    display: inline-flex;
    align-items: center;
    gap: var(--system-breadcrumb-gap);
}
.breadcrumb li:not(.is-active) a {
    --bulma-breadcrumb-item-padding-horizontal: 0;
}
.breadcrumb li.is-active a {
    --bulma-breadcrumb-item-padding-horizontal: var(--system-breadcrumb-padding-horizontal);
    border-radius: var(--system-border-radius-small);
    background-color: var(--system-color-gray-50);
}
.breadcrumb li.is-active:not(:first-child) a {
    margin-left: var(--system-breadcrumb-gap);
}
.breadcrumb li + li::before {
    content: "\e920";
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--system-icon-dimensions);
    width: var(--system-icon-dimensions);
    font-family: "Lukoil CP Icons", serif !important;
    font-weight: var(--system-font-weight-normal);
    font-size: var(--system-font-size-normal);
}
.modal {
    --bulma-modal-background-background-color: hsla(0, 0%, 0%, .3);
    --bulma-modal-close-dimensions: 2.75rem;
    --bulma-modal-close-right: 1rem;
    --bulma-modal-close-top: 1rem;
    --bulma-modal-card-spacing: var(--system-base-block-spacing);
    --bulma-modal-card-head-background-color: var(--system-color-white);
    --bulma-modal-card-head-padding: 1.5rem;
    --bulma-modal-card-title-color: var(--system-color-black);
    --bulma-modal-card-title-size: var(--system-font-size-medium);
    --bulma-modal-card-foot-background-color: var(--system-color-white);
    --bulma-modal-card-body-background-color: var(--system-color-white);
    --bulma-modal-card-body-padding: var(--system-base-block-spacing);
    --bulma-modal-content-width: 30rem;
    z-index: 100;
}
.modal.is-middle {
    --bulma-modal-content-width: 48rem;
}
.modal.is-large {
    --bulma-modal-content-width: 106rem;
}
.modal.is-big {
    --bulma-modal-content-width: 60rem;
}
.modal-card {
    max-width: calc(100vw - var(--system-base-block-spacing));
    min-height: 32rem;
    box-shadow: 0 3px 3px -1.5px hsla(218, 29%, 5%, 0.04),
                0 8px 8px -4px hsla(220, 29%, 5%, 0.03),
                0 20px 24px -4px hsla(220, 29%, 5%, 0.08);
}
.modal-card.is-mh-0 {
    min-height: 0 !important;
}
.modal-container.is-animation-modal .modal-card {
    animation: modalOpen var(--bulma-duration) ease-in-out;
}

@keyframes modalOpen {
    0% {
        transform: translateY(-20px) scaleY(0.97);
        opacity: 0;
    }
    100% {
        transform: translateY(0) scaleY(1);
        opacity: 1;
    }
}
.modal-card-head {
    box-shadow: none;
    padding: var(--bulma-modal-card-head-padding) var(--bulma-modal-card-head-padding) var(--system-base-block-spacing);
}
.modal-card-title {
    font-weight: var(--system-font-weight-semibold);
}
.modal-close {
    --bulma-delete-color: var(--system-color-gray-400);
    position: absolute;
}
.modal-close:after,
.modal-close:before {
    transition: background-color ease var(--bulma-duration);
}
.modal-close:hover {
    --bulma-delete-color: var(--system-color-gray-500);
}
.modal-card-foot {
    display: block;
    padding: 0 var(--bulma-modal-card-body-padding) var(--bulma-modal-card-body-padding) var(--bulma-modal-card-body-padding);
}
.modal-card-body {
    padding: var(--bulma-modal-card-body-padding) var(--bulma-modal-card-head-padding) var(--bulma-modal-card-body-padding);
}