:root {
  --text-dark: #716f6f;
  --text-color: #606060;
  --white: #fff;
  --accent: #0079f8;
  --accent-hover: #005fc5;
  --blue-700: #1d3c6a;
  --blue-600: #2f6092;
  --blue-500: #3c7ab8;
  --blue-200: #cad7e5;
  --blue-100: #e1f0ff;
  --red-200: #fdcdd1;
  --red-100: #ffeeee;
  --green-600: #13974e;
  --green-200: #a5e4b3;
  --gray-bl-900: #4b5052;
  --gray-bl-700: #697073;
  --gray-bl-600: #959fa5;
  --gray-bl-400: #b5bec3;
  --gray-bl-200: #dbe2e6;
  --gray-300: #d9d9d9;
  --gray-200: #e9ecef;
  --gray-100: #f5f5f5;
  --bs-input-bg: var(--white);
  --bs-input-border-width: 1px;
  --bs-input-border-color: #ced4da;
  --bs-input-color: #495057;
  --bs-input-pading: 0.375rem 0.75rem;
  --bs-input-border-radius: 0.25rem;
  --bs-input-border-color-focus: var(--accent);
  --bs-border-radius: 0.25rem;
  --gap: 2rem;
  --gap-m: 1rem;
  --padding: 2rem;
  --fz-H1: 2rem;
  --fz-h2: 1.875rem;
  --fz-h3: 1.75rem;
  --fz-h4: 1.5rem;
  --fz-h5: 1.25rem;
  --fz-h6: 1.125rem;
  --fz-p: 1rem;
  --fz-s: 0.875rem;
  --fz-vs: 0.75rem;
  --fz-mb-h1: 1.25rem;
  --fz-mb-h2: 1.25rem;
  --fz-mb-h3: 1.125rem;
  --fz-mb-h4: 1rem;
  --fz-mb-h5: 0.875rem;
  --fz-mb-h6: 0.75rem;
  --arrow: url("/assets/images/icons/dark/arrow.svg");
}

.btn-dark {
  --bs-btn-color: var(--white);
  --bs-btn-bg: #343a40;
  --bs-btn-border-color: #343a40;
  --bs-btn-hover-color: var(--white);
  --bs-btn-hover-bg: #23272b;
  --bs-btn-hover-border-color: #23272b;
  --bs-btn-focus-shadow-rgb: 82, 88, 93;
  --bs-btn-active-color: var(--white);
  --bs-btn-active-bg: #23272b;
  --bs-btn-active-border-color: #23272b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #969ea7;
  --bs-btn-disabled-bg: #ebebeb;
  --bs-btn-disabled-border-color: #ebebeb;
}

.fl {
  --fl-item-color-hover: var(--accent);
  --fl-gap-m: var(--gap-m);
  --fl-padding: var(--padding);
  --fl-filter-bg: var(--white);
  --fl-reset-btn-fz: var(--fz-s);
  --fl-reset-btn-bg: var(--gray-100);
  --fl-reset-btn-bg-hover: var(--accent);
  --fl-reset-btn-color: var(--text-color);
  --fl-reset-btn-color-hover: var(--white);
  --fl-close-btn-color: var(--text-color);
  --fl-more-btn-color: var(--blue-600);
  --fl-more-btn-span-color: var(--gray-bl-400);
  --fl-more-btn-color-hover: var(--accent);
  --fl-pr-height: 6px;
  --fl-pr-bg: var(--gray-100);
  --fl-pr-bar-bg: var(--gray-300);
  --fl-pr-border-radius: 0.25rem;
  --fl-pr-bar-transition: width 0.6s ease;
  --fl-pr-thumb-size: 16px;
  --fl-pr-thumb-bg: var(--accent);
  --fl-pr-thumb-border-width: 1px;
  --fl-pr-thumb-border-color: rgba(0, 0, 0, 0.08);
  --fl-pr-thumb-shadow: 0 2px 6px rgba(0, 0, 0, 0);
}

.ic {
  --ic-border-radius: 8px;
  --ic-border-width: 1px;
  --ic-bg: transparent;
  --ic-bg-hover: transparent;
  --ic-border-color: var(--gray-200);
  --ic-border-color-hover: var(--accent);
  --ic-box-shadow: inset 0 0 0 0 var(--accent);
  --ic-box-shadow-hover: inset 0 0 0 0.1rem var(--accent);
  --ic-field-label-color: var(--gray-bl-600);
  --ic-field-value-color: var(--text-color);
  --ic-field-label-fz: var(--fz-vs);
  --ic-field-value-fz: var(--fz-s);
}

:root {
  --art-h-color: var(--blue-700);
}

.art {
  --art-field-label-color: var(--gray-bl-600);
  --art-field-value-color: var(--text-color);
  --art-field-label-fz: var(--fz-vs);
  --art-field-value-fz: var(--fz-s);
}

@media screen and (max-width: 769px) {
  :root {
    --fz-H1: 1.25rem;
    --gap: 1rem;
  }
}
.disable-scroll {
  overflow: hidden;
}

.pagination .page-item.next, .pagination .page-item.prev {
  display: none;
}

.w-fit {
  width: fit-content;
}

.h-fit {
  height: fit-content;
}

@media (max-width: 769px) {
  .desktop {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .pagination .page-item.next, .pagination .page-item.prev {
    display: block;
  }
}
.btn-dark {
  color: var(--bs-btn-color);
  color: #fff;
  background-color: var(--bs-btn-bg);
  border-color: #343a40;
}
.btn-dark:not(:disabled):hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-dark:not(:disabled):active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-dark:not(:disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
}
.btn-dark:disabled {
  color: var(--bs-btn-disabled-color);
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: 1;
}

.btn-primary svg,
.btn-secondary svg,
.btn-outline-primary svg,
.btn-outline-secondary svg,
.btn-dark svg {
  margin-right: 0.4rem;
}

.btn-primary path,
.btn-secondary path,
.btn-white path,
.btn-outline-primary path,
.btn-outline-secondary path,
.btn-dark path,
.btn-gray path,
.btn-link path {
  fill: var(--bs-btn-color);
  transition: fill 0.15s ease-in-out;
}

.btn-primary:not(:disabled):hover path,
.btn-secondary:not(:disabled):hover path,
.btn-white:not(:disabled):hover path,
.btn-outline-primary:not(:disabled):hover path,
.btn-outline-secondary:not(:disabled):hover path,
.btn-dark:not(:disabled):hover path,
.btn-gray:not(:disabled):hover path,
.btn-link:not(:disabled):hover path {
  fill: var(--bs-btn-hover-color);
}

.btn-primary:not(:disabled):active path,
.btn-secondary:not(:disabled):active path,
.btn-white:not(:disabled):active path,
.btn-outline-primary:not(:disabled):active path,
.btn-outline-secondary:not(:disabled):active path,
.btn-dark:not(:disabled):active path,
.btn-gray:not(:disabled):active path,
.btn-link:not(:disabled):active path {
  fill: var(--bs-btn-active-color);
}

.btn-primary:disabled path,
.btn-secondary:disabled path,
.btn-white:disabled path,
.btn-outline-primary:disabled path,
.btn-outline-secondary:disabled path,
.btn-dark:disabled path,
.btn-gray:disabled path,
.btn-link:disabled path {
  fill: var(--bs-btn-disabled-color);
}

.input_inner {
  position: relative;
}
.input_inner.inner_p_big input {
  padding-right: 5.5rem;
}
.input_inner input {
  width: 100%;
  padding-right: 3rem;
}
.input_inner span {
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  color: var(--gray-bl-400);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.form-label.required::after {
  content: " *";
  color: #dc3545;
  font-weight: 600;
}

.form-check-input {
  margin-top: 0.4rem;
}

.form-check-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.form-control {
  background-color: var(--bs-input-bg);
  border: var(--bs-input-border-width) solid var(--bs-input-border-color);
  padding: var(--bs-input-pading);
  border-radius: var(--bs-input-border-radius);
  color: var(--bs-input-color);
}
.form-control:focus {
  color: var(--bs-input-color);
  background-color: var(--bs-input-bg);
  border-color: var(--bs-input-border-color-focus);
  outline: 0;
  box-shadow: none;
}

.select2-container--default .select2-selection--single,
.form-control:not(textarea) {
  height: calc(1.5em + 0.75rem + 2px);
}

.select2-container--default {
  max-width: 100%;
  height: fit-content;
  border-radius: var(--bs-input-border-radius);
}
.select2-container--default.select2-directory .select2-selection--single .select2-selection__rendered {
  padding-right: 50px;
}
.select2-container--default.select2-directory .dir-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: fit-content;
  right: 40px;
}
.select2-container--default.changed .select2-selection {
  background: #fff3b8 !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before {
  transform: rotate(180deg);
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: var(--bs-input-border-color-focus);
}
.select2-container--default .select2-selection--multiple {
  min-height: 40px;
  background-color: var(--bs-input-bg);
  border: 1px solid var(--bs-input-border-color);
  border-radius: var(--bs-input-border-radius);
  padding-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  position: relative;
  left: -2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  max-width: calc(100% - 10px);
  margin-left: 12px;
  margin-top: 7px;
  background-color: var(--gray-200);
  border: 1px solid var(--gray-bl-700);
}
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  font-family: inherit;
  margin-top: 10px;
  line-height: normal;
  font-weight: 500;
  margin-left: 10px;
}
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
  font-size: 1rem;
  color: var(--gray-bl-400);
}
.select2-container--default .select2-selection--single {
  display: flex;
  align-items: center;
  border-color: var(--bs-input-border-color);
}
.select2-container--default .select2-selection--single:focus, .select2-container--default .select2-selection--single:active {
  outline: none;
  border-color: var(--bs-input-border-color-focus);
  box-shadow: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--bs-input-color);
  line-height: normal;
  padding: var(--bs-input-pading);
  padding-right: calc(0.75rem + 20px);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  right: 0.75rem;
  width: 20px;
  top: 50%;
  transform: translateY(-50%);
  height: fit-content;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.select2-container--default .select2-dropdown {
  border: 1px solid var(--gray-bl-200);
  border-radius: 0 0 8px 8px;
  padding: 4px 0;
  border-top: 0;
  z-index: 2000;
}
.select2-container--default .select2-dropdown.select2-dropdown--above {
  border-radius: 8px 8px 0 0;
  border-top: 1px solid var(--gray-bl-200);
  border-bottom: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  height: 40px;
}
.select2-container--default .select2-results__option--selected {
  background-color: var(--gray-200);
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--blue-100);
  color: var(--colorDark);
}
.select2-container--default .select2-selection__arrow {
  background: none;
}
.select2-container--default .select2-selection__arrow::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: var(--arrow);
  background-size: contain;
  background-repeat: no-repeat;
}

.page_header {
  text-align: center;
  overflow: hidden;
  display: grid;
  align-items: center;
  grid-template-columns: auto minmax(0, max-content) auto;
  gap: var(--gap);
  font-weight: 700;
  color: var(--text-dark);
  text-transform: uppercase;
  font-size: var(--fz-H1);
}
.page_header:before, .page_header:after {
  content: "";
  position: relative;
  display: inline-block;
  top: 0;
  height: 3px;
  background-color: #e8e8e8;
  width: 100%;
}

.fw-semibold {
  font-weight: 500;
}

.fw-bold {
  font-weight: bold;
}

.text-gray,
.text-gray-bl-600 {
  color: var(--gray-bl-600);
}

.text-green,
.text-green-600 {
  color: var(--green-600) !important;
}

.label_rectangle {
  border-radius: var(--bs-border-radius);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  width: fit-content;
  height: fit-content;
  padding: 0.3rem 0.5rem;
  background-color: var(--gray-100);
  font-size: var(--fz-s);
}
.label_rectangle.fixed_dimensions {
  height: 40px;
}

.ic {
  border: var(--ic-border-width) solid var(--ic-border-color);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background-color: var(--ic-bg);
  border-radius: var(--ic-border-radius);
  padding: 1.2rem;
  box-shadow: var(--ic-box-shadow);
  transition: 0.3s ease;
  justify-content: space-between;
}
.ic:hover {
  background-color: var(--ic-bg-hover);
  border-color: var(--ic-border-color-hover);
  box-shadow: var(--ic-box-shadow-hover);
}
.ic .ic-img {
  margin-bottom: 1rem;
}
.ic .ic-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.ic .ic-content {
  width: 100%;
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}
.ic .ic-content .ic-field .ic-label {
  margin-bottom: 0.1rem;
  font-weight: 500;
  color: var(--ic-field-label-color);
  font-size: var(--ic-field-label-fz);
}
.ic .ic-content .ic-field .ic-value {
  font-weight: 500;
  color: var(--ic-field-value-color);
  font-size: var(--ic-field-value-fz);
}
.ic .ic-footer {
  align-self: center;
  width: fit-content;
}

@media (min-width: 768px) {
  .ic .ic-img {
    height: 100px;
  }
}
.art {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  margin-top: 2rem;
}
.art .art-img {
  align-self: center;
}
.art .art-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.art .art-body {
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
  flex-direction: column;
}
.art .art-body .art-fields {
  flex-direction: column;
  display: flex;
  gap: 0.5rem;
}
.art .art-body .art-fields .art-field .art-label {
  margin-bottom: 0.1rem;
  font-weight: 500;
  color: var(--art-field-label-color);
  font-size: var(--art-field-label-fz);
}
.art .art-body .art-fields .art-field .art-value {
  font-weight: 500;
  color: var(--art-field-value-color);
  font-size: var(--art-field-value-fz);
}
.art-text h2,
.art-text h3,
.art-text h4,
.art-text h5,
.art-text h6 {
  color: var(--art-h-color);
}
.art-text h2 {
  font-size: var(--fz-h2);
  font-weight: bold;
  margin-bottom: var(--fz-mb-h2);
}
.art-text h3 {
  font-size: var(--fz-h3);
  font-weight: bold !important;
  margin-bottom: var(--fz-mb-h3) !important;
}
.art-text h4 {
  font-size: var(--fz-h4);
  font-weight: bold;
  margin-bottom: var(--fz-mb-h4);
}
.art-text h5 {
  font-size: var(--fz-h5);
  margin-bottom: var(--fz-mb-h5);
}
.art-text h6 {
  font-size: var(--fz-h6);
  margin-bottom: var(--fz-mb-h6);
}
.art-text p {
  text-align: left;
}
.art-text dl,
.art-text ol,
.art-text ul {
  padding-left: 1rem;
}
.art-text ul.square {
  list-style: none;
}
.art-text ol.gap-3 > li {
  margin-bottom: 1rem;
}
.art-text ol.gap-4 > li {
  margin-bottom: 1.5rem;
}
.art-text ol > li > ul {
  margin-top: 0.5rem;
}
.art-text ol > li > ul.square {
  padding-left: 0;
}
.art-text ul.square li {
  position: relative;
  padding-left: 0rem;
}
.art-text ul.square li::before {
  content: "";
  position: absolute;
  left: -1rem;
  top: 0.36rem;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--gray-bl-400);
  border-radius: 1px;
}

@media (min-width: 768px) {
  .art .art-img {
    max-width: 500px;
    height: 300px;
    align-self: center;
  }
  .art .art-body {
    flex-direction: row;
  }
  .art .art-body .art-char {
    position: sticky;
    top: 1rem;
    height: calc(100vh - 2rem);
    flex: 0.5;
    overflow-y: auto;
  }
  .art .art-body .art-desc {
    flex: 1.5;
  }
}