.alert {
  color: #fff;
  padding: .8em 1.2em;
  border-radius: .4em;
  margin: .8em 0;
}

.alert--error {
  background: #ffa2a2;
}

.alert--success {
  background: #090;
}

.alert--warning {
  background: #ffecaf;
  color: #0f0f0f;
}

.check {
  display: inline-block;
  /* font-size: 90%; */
  border-radius: .1em;
  background: #f1f1f1;
  cursor: pointer;
  width: 1em;
  height: 1em;
  line-height: 1;
  position: relative;
}

.check--on {
  background-color: #3195ea;
}

.check--on::before {
  content: '';
  border: .125em solid;
  border-color: #ffffff;
  border-top-width: 0;
  border-right-width: 0;
  height: .2em;
  width: .45em;
  left: .25em;
  top: .25em;
  position: absolute;
  transform: rotate(-45deg);
}

.check_text {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  line-height: 1;
}

.check_text-check {
  margin-right: .5em;
}

.cryptopro {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  background-color: white;
  overflow-y: scroll;
  border: 1px solid black;
  padding: 3px;
  z-index: 99999;
}

.cryptopro-cert {
  border: 1px solid black;
  margin: 3px;
}

.checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  border: .125em solid #dadada;
  box-sizing: border-box;
  border-radius: .125em;
  cursor: pointer;
  transition: background 150ms ease, border 150ms ease;
  flex-shrink: 0;
}

.checkbox::before {
  display: inline-block;
  width: 100%;
  height: 100%;
  content: '';
  background-image: url('../../assets/checked_d97f7863.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  visibility: hidden;
}

.checkbox--active {
  background: #187991;
  background: var(--theme-sidebar-highlight);
  border: medium none currentcolor;
  border: initial;
}

.checkbox--active::before {
  visibility: inherit;
  animation: appear 400ms ease;
}

@keyframes appear {
  from {
    transform: scale(.4);
  }
  to {
    transform: scale(1);
  }
}

.decision {
  border: 1px solid #ebecee;
  border-radius: .25em;
  padding: 2em 3.75em;
}

.decision-label {
  font-size: 1.25em;
  font-weight: 500;
  color: #555;
}

.decision-label--required::after {
  content: '*';
  color: #e66600;
}

.decision-label--medium {
  font-size: 1em;
  margin-bottom: .5625em;
  margin-top: 1.5em;
}

.decision-label--small {
  font-size: .875em;
  font-weight: 400;
  color: rgba(112, 128, 142, .5);
  transition: color 200ms ease;
}

.decision-tabs {
  margin: 1.7142857142857142em 0;
}

.decision-decision_text {
  outline: none;
  max-width: 100%;
  min-width: 100%;
  background: #ebecee;
  border-radius: .125em;
  font-family: 'Roboto';
  font-size: .875em;
  padding: .5em;
  border: 1px solid transparent;
  transition: border 200ms ease, background 200ms ease;
}

.decision-decision_text:focus {
  border-color: #187991;
  border-color: var(--theme-sidebar-highlight);
  background: #fff;
}

.decision-actions {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.decision-actions--acitve > .decision-label--small,
.decision-label--small:hover {
  color: rgb(112, 128, 142);
}

.decision-dropdown_items {
  padding: .7em;
  font-weight: 400;
  cursor: pointer;
  transition: background 200ms ease, color 200ms ease;
  color: #70808e;
  border-bottom: .0625em solid #ebecee;
}

.decision-dropdown_items:hover {
  background: #f4f4f4;
  color: #187991;
  color: var(--theme-sidebar-highlight);
}

.decision-rollback_step {
  font-size: .875em;
}

.decision-switcher {
  width: 2em;
  height: 1em;
  background: #ebecee;
  border-radius: 1em;
  padding: .1em;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background 200ms ease;
}

.decision-switcher::before {
  content: '';
  display: inline-block;
  height: 1em;
  width: 1em;
  background: #fff;
  border-radius: 50%;
  transition: transform 200ms ease;
}

.decision-switcher--active {
  background: #e66600;
}

.decision-switcher--active::before {
  transform: translateX(100%);
}

.file {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.file-row {
  display: flex;
  align-items: center;
}

.file-name {
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
}

.file-remove {
  width: 1em;
  height: 1em;
  position: relative;
  margin-left: auto;
  flex-shrink: 0;
}

.file-remove::before, .file-remove::after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 1.5px;
  height: 1em;
  background: #ccc;
  transform: rotate(45deg);
  left: 8px;
}

.file-remove::after {
  transform: rotate(-45deg);
}

.file-progress_bar {
  width: 100%;
  height: 1px;
  background: #ccc;
  margin: .5em 0;
}

.file:last-child > .file-progress_bar {
  margin-bottom: 0;
}

.file-progress {
  height: 100%;
  width: calc(var(--progress) * 100%);
  background: #187991;
  background: var(--theme-sidebar-highlight);
}

.forms_base {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  overflow-y: auto;
}

.forms_base-system_label {
  margin-bottom: .375em;
  color: #555;
  font-size: .875em;
  font-weight: normal;
  transition: color 150ms ease;
}

.forms_base-system_label--required::after {
  content: '*';
  margin-left: .1em;
  color: #e66600;
}

.forms_base-left_column {
  width: 500px;
  max-width: 100%;
  min-width: 200px;
  flex-grow: 1;
}

.forms_base-right_column {
  max-width: 350px;
  min-width: 150px;
  height: -moz-min-content;
  height: min-content;
  flex-grow: 1;
  margin-left: 2em;
  position: sticky;
}

.forms_base-meta {
  border: 1px solid #ebecee;
  border-radius: .5em;
  padding: 1.5em;
  height: -moz-min-content;
  height: min-content;
  margin-bottom: 1em;
}

.forms_base-doc {
  height: -moz-min-content;
  height: min-content;
  font-weight: 400;
  color: #555;
}

.forms_base-system_field {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
}

.forms_base-doc_label {
  font-size: 1.75em;
  font-weight: 500;
  color: #555;
}

.forms_base-doc_step {
  font-size: 1.25em;
  margin-top: 1em;
  font-weight: 500;
}

.forms_base-buttons {
  font-size: .875em;
  display: flex;
}

.forms_base-button:first-child {
  margin-right: auto;
}

.forms_base-button:not(:first-child) {
  margin-left: .5em;
}

.forms_base-button--center {
  margin: 0 auto;
}

.forms_base-meta_section {
  display: flex;
  justify-content: space-between;
  color: #555;
  padding: 1em 0;
}

.forms_base-meta_section:first-child {
  padding-top: 0;
}

.forms_base-meta_section:last-child {
  padding-bottom: 0;
}

.forms_base-meta_section:not(:first-child) {
  border-top: 1px solid #ebecee;
}

.forms_base-meta_section--column {
  flex-direction: column;
}

.forms_base-meta_text {
  margin-right: .25em;
}

.forms_base-pdf_file,
.forms_base-meta_text {
  font-weight: 400;
  font-size: .875em;
}

.forms_base-pdf_name {
  font-size: .8em;
  max-width: 225px;
}

.forms_base-meta_text--bold {
  font-weight: 500;
}

.forms_base-meta_text--blue {
  color: #0683f9;
}

.forms_base-meta_text--orange {
  color: #ff8f00;
}

.forms_base-meta_text--yellow {
  color: #f3bb1c;
}

.forms_base-meta_text--red {
  color: #f03738;
}

.forms_base-meta_text--green {
  color: #3cc13b;
}

.forms_base-decision {
  margin-top: 1.5em;
}

.forms_base-spinner {
  font-size: .8em;
  margin: 0 auto;
  --color: #fff;
}

.forms_base-pdf_files_list {
  display: flex;
  flex-direction: column;
}

.forms_base-pdf_file_group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .25em;
}

.forms_base-pdf_file {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.forms_base-pdf_file:not(:last-child) {
  margin-bottom: .25em;
}

.forms_base-pdf_file_preview {
  border: none;
  background: transparent;
  outline: none;
  color: blue;
  padding: 0;
  margin: 0;
  cursor: pointer;
  z-index: 4;
  margin-right: .25em;
}

.forms_base-pdf_file_preview:disabled {
  color: gray;
  cursor: not-allowed;
}

.forms_base-select_dropdown {
  max-height: 12em;
  overflow-y: auto;
}

.forms_base-select_step:not(:last-child) {
  border-bottom: 1px solid #eee;
}

.forms_base-select_item {
  display: flex;
  padding: .25em;
  align-items: center;
  cursor: pointer;
}

.forms_base-select_item:not(:first-child) {
  padding-top: 0;
}

.forms_base-select_checkbox,
.forms_base-select_radio {
  margin-right: .25em;
  flex-shrink: 0;
}

.forms_base-select_item--sub {
  margin-left: .25em;
  font-size: .875em;
}

.forms_base-select_value {
  display: flex;
  flex-direction: column;
}

.forms_base-select_org {
  font-size: small;
  font-style: italic;
  color: rgb(67, 124, 165);
}

.forms_base-select_post {
  font-style: italic;
}

.forms_base-select_meta_text {
  font-weight: 300;
  font-size: .875em;
}

.forms_base-select_meta_text::before {
  content: '(';
}

.forms_base-select_meta_text::after {
  content: '):';
}

.forms_base-error {
  color: #f03738;
  font-size: .875em;
  padding-bottom: .25em;
  animation: drag 150ms ease-in;
}

.forms_base-error--right {
  text-align: right;
}

.forms_base-send_message {
  color: #437ca5;
  font-size: .875em;
  text-align: right;
}

@keyframes drag {
  33% {
    transform: translateX(1%);
  }

  66% {
    transform: translateX(-1%);
  }

  100% {
    transform: translateX(0%);
  }
}

.forms_block-container {
  display: flex;
  align-items: center;
}

.forms_block-content {
  width: 100%;
}

.forms_block-collapse_control {
  margin-left: .5em;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.05351 0.348053C1.82721 0.12508 1.52161 0 1.20315 0C0.884678 0 0.57908 0.12508 0.352777 0.348053C0.241047 0.457544 0.152317 0.588056 0.0917528 0.731992C0.0311886 0.875928 2.27997e-08 1.03041 2.27997e-08 1.18646C2.27997e-08 1.3425 0.0311886 1.49699 0.0917528 1.64092C0.152317 1.78486 0.241047 1.91537 0.352777 2.02486L7.14876 8.6525C7.37558 8.87516 7.68138 9 8 9C8.31862 9 8.62442 8.87516 8.85124 8.6525L15.6472 2.02486C15.759 1.91537 15.8477 1.78486 15.9082 1.64092C15.9688 1.49699 16 1.3425 16 1.18646C16 1.03041 15.9688 0.875928 15.9082 0.731992C15.8477 0.588056 15.759 0.457544 15.6472 0.348053C15.4209 0.12508 15.1153 0 14.7969 0C14.4784 0 14.1728 0.12508 13.9465 0.348053L7.99739 5.78341L2.05351 0.348053Z' fill='%23555555'/%3E%3C/svg%3E%0A");
  transition: transform 150ms ease-in-out;
  height: 9px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.forms_block-collapse_control--collapsed {
  transform: rotate(180deg);
}

.forms_block-forms_field:nth-child(2) {
  margin-top: 1.5em;
}

.forms_block-text--header {
  font-size: 1.25em;
  margin-top: 1em;
}

.forms_block-text--header:not(:first-of-type) {
  border-top: 1px solid #eee;
  padding-top: 1em;
}

.forms_block-text--label {
  margin-bottom: .375em;
  color: #555;
}

.forms_block-text--good {
  background: #ccffcc;
  color: #006600;
  border: 1px solid #ebecee;
}

.forms_block-text--bad {
  background: #ffcccc;
  color: #cc0000;
  border: 1px solid #ebecee;
}

.forms_block-text--warn {
  background: #ffffcc;
  color: #996600;
  border: 1px solid #ebecee;
}

.forms_block-text--link {
  color: #1976d2;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  word-break: break-all;
  display: inline-block;
}

.forms_block-text--link:hover {
  color: #0d47a1;
}

.forms_block-table_row {
  padding: 0 .5em;
  border: 1px solid #ebecee;
  border-radius: .5em;
  display: flex;
}

.forms_block-table_row_number {
  display: flex;
  margin-right: .5em;
  align-items: center;
  flex-direction: column;
}

.forms_block-table_row_fields {
  flex: 1;
  border-left: 1px solid #ebecee;
  padding: 0 0 .5em .5em;
  word-wrap: anywhere;
}

.forms_block-table_button {
  margin-top: .5em;
  min-width: 0;
  min-width: initial;
  font-size: .75em;
}

.forms_block-button {
  font-size: .75em;
}

.forms_block-child_blocks {
  border: 1px solid #ebecee;
  border-radius: .5em;
  padding: 0 1em 1em;
}

.forms_field-button {
  font-size: .75em;
}

.forms_field {
  margin-top: 1em;
  display: flex;
  flex-direction: column;
}

.forms_field:focus-within>.forms_field-label {
  color: #222;
}

.forms_field-label {
  margin-bottom: .375em;
  color: #555;
  transition: color 150ms ease;
}

.forms_field-label--required::after {
  content: '*';
  color: #e66600;
}

.forms_field-label--error {
  color: #f03738;
  animation: drag 150ms ease-in;
}

@keyframes drag {
  33% {
    transform: translateX(1%);
  }

  66% {
    transform: translateX(-1%);
  }

  100% {
    transform: translateX(0%);
  }
}

.forms_field-geometry_buttons {
  display: flex;
  flex-wrap: wrap;
  margin: -.25em;
}

.forms_field-geometry_buttons>.forms_field-button {
  margin: .25em;
}

.forms_field-attachments {
  background-color: rgba(238, 238, 238, .66);
  padding: .5em;
  border-radius: .25em;
}

.forms_field-select {
  position: relative;
}

.forms_field-select_feature_checkbox {
  display: flex;
}

.forms_field-select_feature_caption {
  margin-left: .25em;
}

.forms_field-textarea {
  resize: vertical;
}

.forms_field-number {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

.forms_field-number::-webkit-outer-spin-button,
.forms_field-number::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

.forms_field-value--multiline {
  white-space: pre-line;
}

.forms_field-select_dropdown {
  max-height: 20em;
  border: 1px solid #eeeeee;
  border-radius: .125em;
  box-sizing: border-box;
  box-shadow: 0 8px 16px rgba(0, 0, 0, .08);
  overflow-y: scroll;
  background: #fff;
  position: absolute;
  z-index: 2;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.forms_field-select_dropdown_items {
  display: flex;
  align-items: center;
  padding: .5em;
  font-weight: 400;
  color: #70808e;
  cursor: pointer;
  transition: color 200ms ease, background 200ms ease;
}

.forms_field-select_dropdown_items:hover {
  background: #f4f4f4;
  color: #187991;
  color: var(--theme-sidebar-highlight);
}

.forms_field-table {
  padding: .5em;
  margin-bottom: .5em;
  border: 1px solid #ebecee;
  border-radius: .5em;
  transition: border 200ms ease-in-out;
}

.forms_field-table--highlight {
  border: 1px solid #187991;
  border: 1px solid var(--theme-head-bg);
}

.forms_field-table_controls {
  display: flex;
  align-items: center;
}

.forms_field-table_pagination {
  margin: .5em auto 0;
}

/* Указываем такой селектор, иначе .btn перебивает эти стили */

.forms_field-table .btn {
  margin-top: .5em;
  min-width: 0;
  min-width: initial;
  font-size: .75em;
}

.forms_field-error_message {
  color: #f03738;
}

.forms_hand_sign {
  display: inline-flex;
}

.forms_hand_sign-button {
  cursor: pointer;
}

.forms_hand_sign-image {
  max-width: 100%;
  border: 1px solid #ccc;
  border: 1px solid var(--ctl_border_color, #ccc);
  border-radius: .5em;
}

.forms_radio {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  border: .125em solid #dadada;
  box-sizing: border-box;
  border-radius: 50%;
  cursor: pointer;
  transition: background 150ms ease, border 150ms ease;
  flex-shrink: 0;
  z-index: -1;
}

.forms_radio--active::before {
  content: '';
  display: inline-block;
  width: .7em;
  height: .7em;
  border-radius: 50%;
  background: #187991;
  background: var(--theme-sidebar-highlight);
  animation: appear 400ms ease;
}

@keyframes appear {
  from {
    transform: scale(.4);
  }
  to {
    transform: scale(1);
  }
}

.block-step {
  border: 1px solid #eee;
  border-radius: 6px;
  margin: var(--margin);
  padding: 12px;
  position: relative;
  margin-left: var(--margin-left);
}

.block-step--interactive {
  cursor: pointer;
  transition: color 200ms ease;
}

.block-step--interactive:hover {
  border-color: #ccc;
}

.block-step_info {
  font-size: .875em;
}

.block-step_info--sub {
  padding: 6px 0;
  margin-left: 12px;
}

.block-step_info--sub:last-child {
  padding-bottom: 0;
  padding-bottom: initial;
}

.block-step_info--sub:not(:last-child) {
  border-bottom: 1px solid #eee;
}

.block-step_name--bold {
  font-weight: bold;
}

.block-step_status {
  font-size: .875em;
  font-style: italic;
  display: flex;
  justify-content: space-between;
  color: #aaa;
  margin-top: 4px;
}

.block-step_user {
  font-size: .875em;
  font-style: italic;
  color: #437ca5;
  margin-top: 4px;
}

.block-step_comment {
  font-size: .875em;
  justify-content: initial;
  background: #218aff;
  border-radius: 0 20px 20px;
  margin-top: 4px;
  margin-right: .3em;
  color: #fff;
  padding: .5em 1em;
  word-wrap: break-word;
  max-width: -moz-max-content;
  max-width: max-content;
}

.block-status_name::before {
  width: .5em;
  height: .5em;
  content: '';
  display: inline-block;
  background: #ccc;
  border-radius: 50%;
  margin-right: 6px;
}

.block-status_name--blue::before { background-color: #0683f9; }

.block-status_name--yellow::before { background-color: #f3bb1c; }

.block-status_name--red::before { background-color: #f03738; }

.block-status_name--green::before { background-color: #3cc13b; }

.block-status_name--gray::before { background-color: #aaa; }

.block-status_name {
  display: flex;
  align-items: center;
}

.block-step_branch {
  height: calc(100% + (var(--margin) * 2) + 2px);
  height: calc(100% + calc(var(--margin) * 2) + 2px);
  width: var(--circle-diameter);
  position: absolute;
  left: calc(var(--margin-left) / -2 - var(--circle-diameter) / 2);
  top: calc(-1 * var(--margin)); /* to negative */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.block-step_branch::before, .block-step_branch::after {
  content: '';
  display: inline-block;
  height: 100%;
  width: 2px;
  background: #eee;
  z-index: 0;
  position: relative;
}

.block-step:last-of-type > .block-step_branch::after,
.block-step:first-of-type > .block-step_branch::before {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
}

.block-step_point {
  width: var(--circle-diameter);
  height: 1em;
  background: #ccc;
  border-radius: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  z-index: 1;
}

.block-step_point::before {
  content: '';
  display: inline-block;
  width: 50%;
  height: 50%;
  background: #fff;
  border-radius: inherit;
}

.block-step--parallel > .block-step_branch::after,
.block-step--parallel > .block-step_branch::before {
  width: var(--circle-diameter);
  background: #ccc;
}

.block-step--parallel_start > .block-step_branch::before,
.block-step--parallel_end > .block-step_branch::after {
  width: 2px;
  background: #eee;
}

.forms_roadmap {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: #555;
  --margin: .3em;
  --margin-left: 3em;
  --circle-diameter: 1em;
  --sqrt_2: 1.4142135623730951;
  font-weight: normal;
}

.forms_roadmap-btn {
  height: 1em;
  border: none;
  background: none;
  width: -moz-min-content;
  width: min-content;
  padding: .3em;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #777;
  margin-bottom: var(--margin);
  white-space: nowrap;
}

.forms_roadmap-btn:hover {
  border-color: #555;
  color: #555;
}

.forms_roadmap-btn::before {
  display: inline-block;
  content: '';
  height: calc(var(--circle-diameter) / var(--sqrt_2));
  width: calc(var(--circle-diameter) / var(--sqrt_2));
  border-style: solid;
  border-top: 0;
  border-right: 0;
  border-color: inherit;
  transform: rotate(45deg);
  box-sizing: border-box;
  margin: 0 calc((var(--margin-left) / var(--sqrt_2) + 8px) / 2 - 8px + 3px);
  margin: 0 calc(calc(var(--margin-left) / var(--sqrt_2) + 8px) / 2 - 8px + 3px);
}

.suggest {
  position: relative;
}

.suggest-input {
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 2em;
}

.suggest-dropdown {
  max-height: 20em;
  border: 1px solid #eeeeee;
  border-radius: .125em;
  box-sizing: border-box;
  box-shadow: 0 8px 16px rgba(0, 0, 0, .08);
  overflow-y: scroll;
  background: #fff;
  position: absolute;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.suggest-empty {
  font-weight: 400;
  color: #ccc;
  font-size: 60%;
  text-align: center;
  margin: .3em 0;
  width: 100%;
}

.suggest-empty--dark {
  color: #999;
}

.suggest-dropdown_items {
  display: flex;
  align-items: center;
  padding: .5em;
  font-weight: 400;
  color: #70808e;
  cursor: pointer;
  transition: color 200ms ease, background 200ms ease;
}

.suggest-dropdown_items:hover {
  background: #f4f4f4;
  color: #187991;
  color: var(--theme-sidebar-highlight);
}

.suggest-dropdown.v-enter-active,
.suggest-dropdown.v-leave-active {
  transition: opacity 200ms ease;
}

.suggest-dropdown.v-enter,
.suggest-dropdown.v-leave-to {
  opacity: 0;
}

.suggest-filters {
  display: flex;
  flex-wrap: wrap;
  background: rgba(238, 238, 238, .66);
  padding: .3em;
  padding-top: 0;
}

.suggest-dropdown_label {
  width: 100%;
  padding: .5em;
  color: #999;
  font-size: 70%;
  font-weight: 400;
  box-sizing: border-box;
}

.suggest-dropdown_label--dark {
  background: rgba(238, 238, 238, .66);
}

.suggest-filters_filter {
  display: flex;
  border-radius: 2em;
  font-size: 65%;
  font-weight: 400;
  overflow: hidden;
  position: relative;
  margin: .3em;
}

.suggest-filters_value {
  padding: .5em;
  min-width: 2em;
}

.suggest-filters_value--left {
  background: #ccc;
  color: #fff;
  flex-shrink: 0;
}

.suggest-filters_value--right {
  background: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.suggest-load_more, .suggest-filters_close {
  width: 1.5em;
  height: 1.5em;
  padding: 0;
  border: none;
  background: #187991;
  background: var(--theme-sidebar-highlight);
  border-radius: 50%;
  cursor: pointer;
}

.suggest-filters_close {
  position: absolute;
  transform: translate(-100%, -50%);
  transition: transform 200ms ease;
  background: #fff;
  left: 0;
  top: 50%;
}

.suggest-filters_close::before, .suggest-load_more::before {
  background-repeat: no-repeat;
  background-position: center;
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  background-size: 50%;
}

.suggest-filters_close::before {
  background-image: url('../../assets/close-dark_25465dcd.svg');
}

.suggest-load_more::before {
  background-image: url('../../assets/close_6529502c.svg');
  transform: rotate(45deg);
}

.suggest-filters_filter:hover > .suggest-filters_close {
  transform: translate(20%, -50%);
}

.suggest-load_more {
  align-self: center;
  margin: .5em;
  flex-shrink: 0;
}

.suggest-clear {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  right: 0;
  background: url('../../assets/close-dark_25465dcd.svg') no-repeat center;
  background-size: 75%;
  cursor: pointer;
}

.forms_timeline {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.forms_timeline-timer {
  display: flex;
  justify-content: space-between;
  margin-bottom: calc(1.5em * 1 / .875);
  font-size: .875em;
  font-weight: 400;
}

.forms_timeline-label { font-weight: 500; }

.timeline {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 2em;
  --timeline-point_postion: 0;
  --timeline-point_left: calc(var(--timeline-line_width_px) / 100 * var(--timeline-point_position));
  --timeline-word_offset_px: calc(var(--timeline-word_width_px) / 2);
}

.timeline-points_labels {
  display: flex;
  justify-content: space-between;
  margin-bottom: .375em;
}

.timeline-point_label {
  font-size: .875rem;
  color: #00d88a;
  font-weight: 400;
}

.timeline-point_label--red { color: #ff234a; }

.timeline-line {
  position: relative;
  display: flex;
  height: .125em;
  width: 100%;
  align-items: center;
  background: linear-gradient(90deg, #00d88a 0%, #13e5ff 13.54%, #ffd951 25.52%, #ffd951 82.29%, #ff224a 100%);
}

.timeline-line--red {
  background: linear-gradient(90deg, #00d88a 0%, #13e5ff 13.54%, #ffd951 30.54%, #ff224a 100%);
}

.timeline-line--green {
  background: linear-gradient(90deg, #00d88a 0%, #13e5ff 50%, #00d88a 100%);
}

.timeline-line_point {
  position: absolute;
  width: .125em;
  height: .5em;
}

.timeline-line_point--start {
  left: 0;
  background: #00d88a;
}

.timeline-line_point--pointer {
  height: .75em;
  background-color: #555;
  left: var(--timeline-point_left);
  transform: translateX(calc(-1% * var(--timeline-point_position)));
  z-index: 1;
}

.timeline-line_point--end {
  right: 0;
  background: #ff234a;
}

.timeline-line_label {
  display: block;
  position: absolute;
  top: .5em;
  left: max(var(--timeline-word_offset_px), min(var(--timeline-point_left), calc(var(--timeline-line_width_px) - var(--timeline-word_offset_px))));
  transform: translateX(calc(-1 * var(--timeline-word_offset_px)));
  justify-content: center;
  font-weight: 500;
  white-space: nowrap;
}

.timeline-line_label_text {
  font-size: .875em;
}

.timeline-line_label_text--comma::after {
  content: ',';
  display: inline;
}

.timeline-point_label_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.timeline-point_sub_label {
  font-size: 12px;
  color: #00d88a;
}

.timeline-point_sub_label--red {
  color: #ff234a;
}

.loader {
  position: relative;
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader::before {
  content: '';
  width: 30px;
  height: 30px;
  border: 5px solid #187991;
  border: 5px solid var(--theme-sidebar-highlight);
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.forms_sheet {
  overflow: auto;
  white-space: nowrap;
  background: #fff;
  background: var(--forms_sheet-background);
  --forms_sheet-background: #fff;
  --forms_sheet-rowheader-width: 2.5rem;
  --forms_sheet-scroll-shadow-size: .5rem;
  --forms_sheet-scroll-shadow-color: #aaa;
}

.forms_sheet-scrollable_content {
  display: inline-grid;
  min-height: 100%;
  min-width: 100%;
  grid-template-columns: 1fr;
  grid-template-rows: min-content min-content 1fr 3em;
}

.forms_sheet-header {
  grid-column: 1;
  grid-row: 1;
  position: sticky;
  top: 0; /* calc(-1 * var(--forms_sheet-scroll-shadow-size)); */
  z-index: 5;
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid var(--ctl_border_color);
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  background-color: var(--forms_sheet-background);
}

.forms_sheet-header_cells {
  grid-column: 1;
  grid-row: 2;
  display: flex;
  align-items: flex-end;
  padding-top: var(--forms_sheet-scroll-shadow-size);
  padding-bottom: .25em;
}

.forms_sheet-header_vscrollshadow {
  position: sticky;
  top: 0;
  z-index: 4;
  margin-bottom: var(--forms_sheet-scroll-shadow-size);
  grid-column: 1;
  grid-row: 1;
  box-shadow: 0 0 var(--forms_sheet-scroll-shadow-size) var(--forms_sheet-scroll-shadow-color);
}

.forms_sheet-cell {
  max-width: 10em;
  max-width: var(--forms_sheet-col-width, 10em);
  min-width: 10em;
  min-width: var(--forms_sheet-col-width, 10em);
  padding-right: .5em;
  padding-left: .5em;
  /* мы задаем размер колонки снаружи и используем этот размер для
   * построения sticky колонок */
  box-sizing: border-box;
  /* позволяем задать цвет ряда */
  background-color: inherit;
}

.forms_sheet-hscrollstack {
  grid-column: 1;
  grid-row: 2 / 3;
  pointer-events: none;
  display: flex;
}

.forms_sheet-hscrollstack_col {
  width: var(--forms_sheet-col-width);
}

.forms_sheet-hscrollstack_col--rowheader {
  /* --forms_sheet-col-sticky-x приходится вычисляеть динамически в js.
   * Вычисление зависит от списка полей и ассоциированых с ними
   * ширинами колонок. Но нам также надо показывать фантомную
   * колонку в самом начале таблицы, и js коду об этом знать не
   * желательно так как это детали стилизации. Поэтому делаем
   * компенсацию --forms_sheet-col-sticky-x на уровне css */
  --forms_sheet-col-sticky-x: calc(-1 * var(--forms_sheet-rowheader-width));
  --forms_sheet-col-width: var(--forms_sheet-rowheader-width);
}

.forms_sheet-hscrollstack_col--sticky {
  position: sticky;
  z-index: 2;
  left: calc(
    var(--forms_sheet-rowheader-width)
    + var(--forms_sheet-col-sticky-x)
    /* проявляем тень из под колонки когда фиксированя колонка
     * упирается в предыдущую зафиксированую колонку */
    - var(--forms_sheet-scroll-shadow-size)
  );
  background: var(--forms_sheet-background);
}

/* Для того чтобы вертикальные тени от шапки и основной таблицы
 * непрерывно стыковались нам нужно использовать внутреннюю тень
 * блока. Поэтому эта тень должна быть в следующей колонке от
 * закрепленной колонки */

.forms_sheet-hscrollstack_col--sticky +
.forms_sheet-hscrollstack_col:not(.forms_sheet-hscrollstack_col--sticky) {
  position: sticky;
  /* чтобы input'ы в шапке заезжали под тень */
  z-index: 1;
  left: calc(
    var(--forms_sheet-rowheader-width) +
    var(--forms_sheet-col-sticky-x)
  );
  /* короче делать инвертирование через -1em
   * чем использовать переменную в calc */
  font-size: var(--forms_sheet-scroll-shadow-size);
  /* задвигаем тень под фиксированую колонку */
  transform: translateX(-1em);
  box-shadow: 1em 0 1em -1em var(--forms_sheet-scroll-shadow-color) inset;
}

.forms_sheet-cell--colheader {
  position: relative; /* для ресайзера колонки */
  cursor: pointer;
}

.forms_sheet-corner {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}

.forms_sheet-rowheader {
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid var(--ctl_border_color);
}

.forms_sheet-corner,
.forms_sheet-rowheader {
  position: sticky;
  /* чтобы rowmenu отображалось поверх первой закрепленной колонки */
  z-index: 3;
  left: calc(-1 * var(--forms_sheet-scroll-shadow-size));
  width: var(--forms_sheet-rowheader-width);
  padding-left: var(--forms_sheet-scroll-shadow-size);
  box-sizing: border-box;
  background-color: inherit;
}

.forms_sheet-cell--data {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid var(--ctl_border_color);
  /* для кнопки дропдауна при редактировании ячейки */
  position: relative;
}

.forms_sheet-cell--sticky {
  position: sticky;
  z-index: 2;
  left: calc(
    var(--forms_sheet-rowheader-width)
    + var(--forms_sheet-col-sticky-x)
    - var(--forms_sheet-scroll-shadow-size)
  );
}

.forms_sheet-header_search_icon {
  position: absolute;
  right: .2em;
  color: #aaa;
  top: 50%;
  margin-top: -.5em;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%22-100 -850 1000 1000%22%3E  %3C!-- modern pictograms - search --%3E  %3Cpath transform%3D%22scale(1%2C -1)%22 d%3D%22M680 256c-55-55-126-83-197-83-65 0-129 23-182 66l-51-125-130-130c-14-10-29-15-45-15-41 0-75 37-75 77 0 16 5 32 15 45l129 130 126 51c-44 52-66 117-66 182 0 152 127 277 279 277 150 0 277-128 277-278 0-72-26-144-80-197z m-319 75c34-33 78-50 122-50 92 0 170 77 170 172 0 93-79 170-170 170-94 0-172-79-172-170 0-45 17-89 50-122z%22 horiz-adv-x%3D%22760%22 %2F%3E%3C%2Fsvg%3E");
  filter: invert(70%);
  width: 1em;
  height: 1em;
}

.forms_sheet-header_search_icon--caret_down {
  background-image: url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Uploaded to%3A SVG Repo%2C www.svgrepo.com%2C Generator%3A SVG Repo Mixer Tools --%3E%3Csvg width%3D%22800px%22 height%3D%22800px%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M16.5303 8.96967C16.8232 9.26256 16.8232 9.73744 16.5303 10.0303L12.5303 14.0303C12.2374 14.3232 11.7626 14.3232 11.4697 14.0303L7.46967 10.0303C7.17678 9.73744 7.17678 9.26256 7.46967 8.96967C7.76256 8.67678 8.23744 8.67678 8.53033 8.96967L12 12.4393L15.4697 8.96967C15.7626 8.67678 16.2374 8.67678 16.5303 8.96967Z%22 fill%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E");
  background-size: 100%;
  width: 1.5em;
  height: 1.5em;
  margin-top: -.75em;
  right: 0;
}

.forms_sheet-col_name:hover .forms_sheet-col_name_text {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.forms_sheet-col_name_text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 300;
  flex: 1;
}

.forms_sheet-col_name {
  margin: .25em 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
}

.forms_sheet-col_order {
  text-align: center;
  display: inline-block;
  color: #aaa;
  opacity: 0;
  width: 1em;
  height: 1em;
  line-height: 1;
  transition: transform 200ms ease, opacity 200ms ease;
  transition: transform var(--transition_duration) ease, opacity var(--transition_duration) ease;
  margin-top: .125em;
  filter: invert(60%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%22-195 -100 900 900%22%3E  %3Cpath d%3D%22M505 346q15-15 15-37t-15-37l-245-245-245 245q-15 15-15 37t15 37 37 15 37-15l120-119 0 395q0 21 15 36t36 15 37-15 16-36l0-395 120 119q15 15 36 15t36-15z%22 horiz-adv-x%3D%22520%22 %2F%3E%3C%2Fsvg%3E");
}

.forms_sheet-col_order--asc {
  transform: rotateX(180deg);
  opacity: 1;
}

.forms_sheet-col_order--desc {
  transform: none;
  opacity: 1;
}

.forms_sheet-search_text {
  /* для позиционирования иконки лупы */
  position: relative;
}

.forms_sheet-search_text_input {
  border: 1px solid #ccc;
  border: 1px solid var(--ctl_border_color);
  line-height: 1.5;
  font-size: 80%;
  font-family: inherit;
  font-weight: normal;
  border-radius: 2px;
  display: block;
  width: 100%;
  color: #888;
  padding-left: .5rem;
  padding-right: 1.5rem;
  height: 1.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.forms_sheet-search_text_input[type='date']::-webkit-calendar-picker-indicator {
  position: absolute;
  right: .2em;
  filter: invert(70%);
  cursor: pointer;
}

.forms_sheet-col_resizer {
  width: .5em;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: col-resize;
}

.forms_sheet-data_table {
  grid-column: 1 / 3;
  grid-row: 2;
}

.forms_sheet-row_data {
  display: flex;
  height: 2em;
}

.forms_sheet-row_data--selected {
  background-color: #e0e0e0;
}

.forms_sheet-row_data--can_take_to_work {
  font-weight: bold;
  background-color: #f2f6fc;
}

.forms_sheet-data_cell_value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.forms_sheet-data_cell_value--null {
  color: #888;
  font-weight: 200;
  font-style: italic;
}

.forms_sheet-data_cell_value--null::before {
  content: '--';
}

.forms_sheet-load_more {
  padding: .5em 0;
  box-sizing: border-box;
  position: sticky;
  left: 0;
  right: 0;
  margin-top: -3em;
  display: flex;
  justify-content: center;
}

.forms_sheet-load_more_button {
  border: 1px solid currentColor;
  background: none;
  color: #437ca5;
  color: var(--button_face_color);
  border-radius: 2px;
  font-family: inherit;
  font-size: 80%;
  padding: .5em;
  cursor: pointer;
  transition: color 100ms ease, background-color 100ms ease;
  text-transform: uppercase;
}

.forms_sheet-load_more_button:focus {
  outline: none;
}

.forms_sheet-load_more_button:hover {
  color: white;
  background: #437ca5;
  background: var(--button_face_color);
}

.forms_sheet-load_more_indicator {
  display: flex;
}

.forms_sheet-load_more_indicator_ball {
  width: 1em;
  height: 1em;
  margin: .1em;
  border-radius: 100%;
  display: inline-block;
  animation: forms_sheet-load_more_indicator_bounce 1.4s infinite ease-in-out;
  animation-fill-mode: both;
  background-color: #ccc;
}

@keyframes forms_sheet-load_more_indicator_bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

.forms_sheet-load_more_indicator_ball:nth-child(1) {
  animation-delay: -320ms;
}

.forms_sheet-load_more_indicator_ball:nth-child(2) {
  animation-delay: -160ms;
}

.forms_sheet-rowmenu_toggler {
  border: none;
  text-align: center;
  background: none;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  display: block;
  cursor: pointer;
  color: inherit;
  transition: filter 200ms ease;
  transition: filter var(--transition_duration) ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%22210 -130 1000 1000%22%3E  %3C!-- entypo dot-3 --%3E  %3Cpath transform%3D%22rotate(90%2C 500%2C 500) scale(.8)%22 d%3D%22M110 460q46 0 78-32t32-78q0-44-32-77t-78-33-78 33-32 77q0 46 32 78t78 32z m350 0q46 0 78-32t32-78q0-44-33-77t-77-33-77 33-33 77q0 46 32 78t78 32z m350 0q46 0 78-32t32-78q0-44-32-77t-78-33-78 33-32 77q0 46 32 78t78 32z%22 %2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: center;
  filter: invert(70%);
}

.forms_sheet-rowmenu_toggler:focus {
  outline: none;
}

.forms_sheet-rowmenu_toggler:hover {
  filter: none;
}

.forms_sheet-rowmenu {
  border-radius: 2px;
  box-shadow: 0 0 .5em #ccc;
  background: #fff;
  color: #333;
  position: absolute;
  left: 3em;
  margin-top: -.5em;
  animation: forms_sheet-rowmenu--enter 200ms ease-out;
}

@keyframes forms_sheet-rowmenu--enter {
  from {
    transform: translate(1em, 0);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}

.forms_sheet-row_spinner {
  font-size: 75%;
  width: 1em;
  height: 1em;
  border: .2em solid #888;
  border-radius: 50%;
  border-left-color: transparent;
  position: relative;
  top: .5rem;
  left: .7rem;
  animation: forms_sheet-spin 500ms linear infinite;
}

@keyframes forms_sheet-spin {
  from { transform: rotate(0); }
  to { transform: rotate(360deg); }
}

.forms_sheet-rowmenu_item {
  display: block;
  line-height: 2;
  padding: 0 1em;
  cursor: pointer;
  font-size: 80%;
  color: inherit;
}

.forms_sheet-rowmenu_item--disabled {
  pointer-events: none;
  opacity: .4;
}

.forms_sheet-rowmenu_item:hover {
  background: #437ca5;
  background: var(--button_face_color);
  color: #fff;
}

.forms_sheet-row_status {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.forms_sheet-status_circle {
  display: inline-flex;
  width: .7em;
  height: .7em;
  border-radius: 50%;
}

.forms_sheet-status_circle--blue {
  background: #0683f9;
}

.forms_sheet-status_circle--green {
  background: #3cc13b;
}

.forms_sheet-status_circle--legend {
  margin-right: .375em;
}

.forms_sheet-legend {
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid var(--ctl_border_color);
  grid-row: 1;
  padding: .25em 0;
}

.forms_sheet-legend_items {
  display: flex;
  margin-left: calc(
    (
      var(--forms_sheet-rowheader-width)
      - var(--forms_sheet-scroll-shadow-size) /* получаем размер rowheader*/
      - .7em /* ширина круга, нужно переместить в переменную */
    ) / 2
    + var(--forms_sheet-scroll-shadow-size)
  );
}

.forms_sheet-legend_item {
  margin-right: .75em;
  display: flex;
  align-items: center;
}

.forms_sheet-legend_text {
  font-size: .85em;
  font-weight: 400;
}

/* @import url('/ui/pages/geoportal/style_kit/gx_input.css'); */

/* В этом компоненте завязка на gx_input, теперь gx_input.css регистрируется в корневном app.css страницы  */

.gx_select {
  position: relative;
  outline: none;
}

.gx_select--disabled {
  filter: opacity(.4);
}

.gx_input.gx_select-input {
  padding-right: 2em; /* default padding .5em + 1em width icon + .5em margin-right icon */
  text-overflow: ellipsis;
}

.gx_input.gx_select-input[placeholder] {
  text-overflow: ellipsis;
}

.gx_select-dropdown {
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
  visibility: hidden;
  position: absolute;
  z-index: 10;
  opacity: 0;
  transform: scale(.95);
  transition: transform 200ms ease, opacity 200ms ease;
  box-sizing: border-box;
  width: 100%;
  outline: none;
}

.gx_select--open > .gx_select-dropdown {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.gx_select-icon {
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-right: .5em;
  top: 50%;
  transform: translateY(-50%);
  opacity: .5;
  outline: none;
  padding: 0;
  border: none;
  color: #000;
  background: none;
  font-family: inherit;
  font-size: inherit;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 50%;
}

.gx_select-icon:hover {
  opacity: 1;
  background-color: rgba(255,255,255, .1);
}

.gx_select-icon::-webkit-focus-inner {
  border: 0;
  padding: 0;
}

.gx_select-icon::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.gx_select-icon--expander::before,
.gx_select-icon--collapser::before {
  content: "\e80d";
  content: var(--fontello-right_open_big);
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  transition: transform 200ms ease;
}

.gx_select-icon--expander::before {
  transform: rotate(90deg);
}

.gx_select-icon--collapser::before {
  transform: rotate(-90deg);
}

.gx_select-icon--loading::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -.5em;
  margin-left: -.5em;
  width: 1em;
  height: 1em;
  border: .2em solid;
  border-top-color: transparent;
  border-left-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  animation: gx_select_spinner-spin 1s ease infinite;
}

@keyframes gx_select_spinner-spin {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}

.hand_sign {
  display: flex;
  flex-direction: column;
  gap: .75em;
}

.hand_sign-canvas {
  width: 100%;
  max-width: 100%;
  border: 1px solid #ccc;
  border: 1px solid var(--ctl_border_color, #ccc);
  border-radius: .5em;
  touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.hand_sign-actions {
  display: flex;
  gap: .5em;
}

.hand_sign .hand_sign-actions_btn:disabled {
  color: rgba(var(--theme-light-grey-v2-rgb), .5);
  border: 1px solid rgba(var(--theme-light-grey-v2-rgb), .5);
  opacity: .5;
  pointer-events: none;
  background: none;
}

.knca {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .5);
  display: flex;
  align-content: center;
  justify-content: center;
  overflow-y: auto;
}

.knca-box {
  margin: auto;
  padding: 1.5em;
  background-color: #fff;
  border-radius: .5em;
  box-shadow: 0 0 1em rgba(0, 0, 0, .33);
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 250px;
  min-height: 250px;
}

.knca-cancel {
  position: absolute;
  top: 0;
  right: 0;
  margin: .25em;
  filter: opacity(.5);
  display: flex;
  align-items: center;
}

.knca-cancel_icon {
  background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%22-300 0 2000 2000%22%3E  %3Cpath d%3D%22M1298 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  background-size: cover;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  width: 1.75em;
  height: 1.75em;
}

.knca-cancel_timer {
  margin-right: .25em;
}

.knca-title {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 auto 1rem;
}

.knca-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  color: gray;
  font-size: .85em;
  margin: 1em 0;
}

.knca-qr_container {
  display: flex;
  flex-direction: column;
}

.knca-qr_container_text {
  color: gray;
  margin-bottom: 1em;
}

.knca-qrbox {
  width: 200px;
  height: 200px;
  border-radius: .5em;
  padding: 1.5em;
  background-color: rgba(215,215,215,0.25098);
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}

.knca-qr--blurred {
  filter: blur(3px);
}

.knca-qrbox_overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  width: 75px;
  height: 75px;
  background: rgba(0, 0, 0, .7);
  border-radius: .5em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.knca-refresh_icon {
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.31213 35.7779L4.31169 35.777C0.0557233 26.9395 1.19481 19.7937 4.01089 14.4856C6.86102 9.1132 11.4773 5.54812 14.228 4.11919C27.4425 -1.93586 38.2572 3.84918 43.7949 10.6797L47.0616 14.709L46.4496 9.55804L45.8404 4.4304C45.8273 4.228 45.8958 3.99699 46.022 3.83185C46.1351 3.68367 46.2485 3.63767 46.3692 3.63767C46.5442 3.63767 46.6674 3.69669 46.7451 3.76557C46.8202 3.83218 46.8831 3.93383 46.898 4.08867L46.9001 4.11069L46.9029 4.13264L48.4959 16.7744L48.4997 16.8047C48.4991 16.818 48.4968 16.8594 48.482 16.9258C48.4572 17.0368 48.4124 17.1454 48.3555 17.2289C48.3036 17.305 48.249 17.3511 48.1855 17.3812C48.1296 17.4077 48.0021 17.4527 47.7552 17.4377L35.3031 14.9026L35.2894 14.8998L35.2756 14.8973C35.1436 14.873 35.0407 14.8012 34.965 14.6793C34.8816 14.5447 34.8515 14.376 34.8812 14.2288L34.8837 14.2163L34.8861 14.2037C34.9104 14.0716 34.9822 13.9688 35.1041 13.8931C35.2376 13.8103 35.4048 13.78 35.5512 13.8086C35.5523 13.8088 35.5534 13.809 35.5545 13.8093L42.6208 15.2878L46.1173 16.0194L44.1913 13.0109C38.033 3.39122 25.1183 -0.399328 14.8751 5.28804C11.1469 7.35376 6.99722 11.1586 4.65108 16.307C2.2775 21.5156 1.78832 28.0274 5.32863 35.2975L5.32873 35.2977C10.7583 46.4432 24.721 50.4501 35.6113 44.791C35.7887 44.7046 35.9362 44.709 36.0491 44.7454C36.164 44.7825 36.2787 44.8649 36.3617 45.0008C36.4378 45.1688 36.4324 45.3091 36.3974 45.4176C36.359 45.5365 36.2721 45.6552 36.1276 45.7388C24.6075 51.735 9.90619 47.4139 4.31213 35.7779Z' fill='white' stroke='white' stroke-width='3'/%3E%3C/svg%3E%0A");
  background-size: cover;
  width: 50px;
  height: 50px;
}

.knca-button {
  background: #187991;
  background: var(--theme-sidebar-highlight);
  box-shadow: 0 4px 16px rgba(26, 35, 126, .32);
  border-radius: .5em;
  border: none;
  color: #fff;
  padding: .625em;
  min-width: 7em;
  font-size: 1em;
  cursor: pointer;
  transition: opacity 100ms ease;
}

.knca-button:disabled {
  opacity: .5;
}

.modal {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .5);
  display: flex;
  align-content: center;
  justify-content: center;
  overflow-y: auto;
}

.modal-box {
  margin: auto;
  padding: 2em;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 1em rgba(0, 0, 0, .33);
}

.pagination {
  display: flex;
  align-items: center;
  min-width: 350px;
  justify-content: space-between;
}

.pagination-pages {
  display: flex;
}

.pagination-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: transparent;
  color: #333;
  font-size: 1em;
  width: 1em;
  height: 1em;
  padding: .5em;
  box-sizing: content-box;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 200ms ease-in-out;
  position: relative;
}

.pagination-button:hover {
  background-color: #eee;
}

.pagination-button:active {
  transform: scale(.9);
}

.pagination-button--prev::before, .pagination-button--next::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -.5em;
  margin-top: -.5em;
  content: '';
  width: 1em;
  height: 1em;
  color: inherit;
  border-style: solid;
  border-width: 0 .2em .2em 0;
  font-size: 50%;
  transform: translate(-50%, -25%) rotate(135deg);
  transform-origin: 75% 75%;
  box-sizing: border-box;
}

.pagination-button--next::before {
  transform: translate(0, -25%) rotate(-45deg);
}

.pagination-button--page {
  font-weight: bold;
}

.pagination-button--active {
  color: #fff;
}

.pagination-button[disabled] {
  color: #999;
  cursor: not-allowed;
}

.pagination-button[disabled]:hover {
  background-color: transparent;
}

.pagination-go--to {
  display: flex;
  align-items: center;
  margin-left: 1em;
}

.pagination-goto--input {
  width: 3em;
  padding: .2em;
  margin-right: .5em;
  font-size: 1em;
  text-align: center;
  border: 1px solid #ebecee;
  border-radius: .5em;
}

.pagination-goto--button {
  background: #187991;
  background: var(--theme-sidebar-highlight);
  box-shadow: 0 4px 16px rgba(26, 35, 126, .32);
  border-radius: .5em;
  border: none;
  color: #fff;
  padding: .5em;
  cursor: pointer;
  transition: opacity 100ms ease;
  font-size: .75em;
}

.spinner {
  width: 1em;
  height: 1em;
  border-width: .25em;
  border-width: var(--stroke, .25em);
  border-color: red;
  border-color: var(--color, red);
  border-style: solid;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-spin 1s ease infinite;
}

@keyframes spinner-spin {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}

.action_menu {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 3;
  transform: translateX(calc(100% - 2.75em));
  transition: transform 300ms ease;
}

.action_menu--open {
  transform: translateX(0);
}

.action_menu-body {
  position: relative;
  display: flex;
  align-items: center;
  transition: 300ms;
}

.action_menu-toggle {
  display: flex;
  height: 2.8125em;
  background: #187991;
  background: var(--theme-sidebar-highlight);
  color: #fff;
  cursor: pointer;
  border-radius: .5em 0 0 .5em;
}

.action_menu-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25em;
  font-size: 20px;
  font-weight: 400;
}

.action_menu-toggle .action_menu-icon::before {
  content: '+';
  transition: 750ms;
}

.action_menu--open .action_menu-icon::before {
  transform: rotate(315deg);
}

.action_menu-content {
  overflow: hidden;
}

.admterrs {
  color: #f4f4f4;
  color: var(--theme-admterr-fg);
}

.admterrs-dropdown_content {
  background: #187991;
  background: var(--theme-head-bg);
  padding-bottom: 2em;
  border-radius: 6px;
  overflow-y: auto;
  height: 300px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

.admterrs-pinned {
  font-weight: 400;
}

.admterrs-search {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 100;
  background: #187991;
  background: var(--theme-head-bg);
}

.admterrs-search_input {
  flex: 1;
  color: inherit;
  background: none;
  border: none;
  font-size: inherit;
  font-family: inherit;
  line-height: 3;
  padding: 0 1em;
  width: 100%;
}

.admterrs-search_input:focus {
  outline: none;
}

.admterrs-search_close {
  align-self: center;
  width: 1.75em;
  height: 1.75em;
  color: inherit;
  border: none;
  background: none;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
  flex-shrink: 0;
}

.admterrs-search_close:focus {
  outline: none;
}

.admterrs-search_close:hover {
  background: #333;
  background: var(--theme-expander-bg);
}

.admterrs-search_close::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -.5em;
  margin-top: -.5em;
  content: '';
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%22-300 0 2000 2000%22%3E  %3Cpath d%3D%22M1298 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z%22%2F%3E%3C%2Fsvg%3E");
  filter: invert(100%);
}

.admterrs-selected {
  display: block;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #187991;
  background: var(--theme-head-bg);
}

.admterrs-selected::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.18947 0.360482C1.96825 0.141433 1.6695 0.0185547 1.35818 0.0185547C1.04685 0.0185547 0.748103 0.141433 0.526875 0.360482C0.41765 0.468047 0.33091 0.596262 0.271704 0.737665C0.212498 0.879068 0.182009 1.03083 0.182009 1.18413C0.182009 1.33743 0.212498 1.4892 0.271704 1.6306C0.33091 1.772 0.41765 1.90022 0.526875 2.00778L7.17048 8.51878C7.39221 8.73752 7.69115 8.86017 8.00263 8.86017C8.3141 8.86017 8.61304 8.73752 8.83478 8.51878L15.4784 2.00778C15.5876 1.90022 15.6743 1.772 15.7335 1.6306C15.7928 1.4892 15.8232 1.33743 15.8232 1.18413C15.8232 1.03083 15.7928 0.879068 15.7335 0.737665C15.6743 0.596262 15.5876 0.468047 15.4784 0.360482C15.2571 0.141433 14.9584 0.0185547 14.6471 0.0185547C14.3357 0.0185547 14.037 0.141433 13.8158 0.360482L8.00007 5.70018L2.18947 0.360482Z' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(-50%);
}

.admterrs-selected_parents {
  font-size: 40%;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #bbb;
}

.admterrs-selected_parents_item:not(:last-child)::after {
  content: ' / ';
  color: #888;
}

.admterrs_search_hits-item {
  height: 3em;
  box-sizing: border-box;
  padding: .25em .8em;
  cursor: pointer;
  display: block;
  border-left: .3em solid transparent;
  transition: border-color 200ms ease;
  white-space: nowrap;
}

.admterrs_search_hits-item:hover,
.admterrs_search_hits-item--selected {
  background: #187991;
  background: var(--theme-head-bg);
}

.admterrs_search_hits-item--selected {
  border-color: #cca15e;
  border-color: var(--theme-head-fg-highlight);
}

.admterrs_search_hits-name {
  display: block;
  margin-top: .2em;
  text-overflow: ellipsis;
  overflow: hidden;
}

.admterrs_search_hits-parents {
  font-size: 70%;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #bbb;
}

.admterrs_search_hits-parents_item:not(:last-child)::after {
  content: ' / ';
  color: #888;
}

.admterrs_search_hits-empty {
  display: block;
  padding: 1em;
  color: #aaa;
}

.anncmnt {
  display: flex;
  flex-direction: column;
}

.anncmnt-row {
  display: flex;
}

.anncmnt-column {
  display: flex;
  flex-direction: column;
}

.anncmnt-column--left {
  width: 65%;
  margin-right: 3em;
}

.anncmnt-column--right {
  width: 30%;
}

.anncmnt-title {
  font-size: 2em;
  margin-bottom: .5em;
  font-weight: 500;
}

.anncmnt-image_container {
  width: 100%;
  overflow: hidden;
  margin-bottom: 1em;
}

.anncmnt-image {
  width: 100%;
  max-height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 1em;
}

.anncmnt-date {
  color: #6f6f6f;
  font-size: 1em;
  font-weight: 400;
}

.anncmnt-text {
  font-size: 1.3em;
  font-weight: 400;
  margin-bottom: 1em;
}

.anncmnt-items {
  display: flex;
  flex-direction: column;
}

.anncmnt-item {
  margin-bottom: 2em;
  width: 100%;
  box-sizing: border-box;
  padding: 1em;
}

@media (min-width:200px) and (max-width: 575px) {
  .anncmnt-row {
    flex-direction: column;
  }
  .anncmnt-column--left {
    width: 100%;
  }
  .anncmnt-column--right {
    width: 100%;
  }
  .anncmnt-items {
    margin: 0;
  }
}

@media (min-width:576px) and (max-width: 768px) {
  .anncmnt-row {
    flex-direction: column;
  }
  .anncmnt-column--left {
    width: 100%;
  }
  .anncmnt-column--right {
    width: 100%;
  }
  .anncmnt-items {
    margin: 0;
  }
}

@media (min-width:769px) and (max-width: 1300px) {
  .anncmnt-row {
    flex-direction: column;
  }
  .anncmnt-column--left {
    width: 100%;
  }
  .anncmnt-column--right {
    width: 100%;
  }
  .anncmnt-items {
    margin: 0;
  }
}

.anncmnt-title--link {
  cursor: pointer;
  transition: opacity 200ms ease-in-out;
}

.anncmnt-title:hover {
  opacity: .8;
}

.anncmnt-title--link::after {
  content: '';
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.46407 17.4331C0.166773 17.716 0 18.098 0 18.4961C0 18.8942 0.166773 19.2761 0.46407 19.559C0.610059 19.6987 0.784075 19.8096 0.97599 19.8853C1.1679 19.961 1.37388 20 1.58194 20C1.79 20 1.99598 19.961 2.1879 19.8853C2.37981 19.8096 2.55383 19.6987 2.69982 19.559L11.5367 11.064C11.8335 10.7805 12 10.3983 12 10C12 9.60173 11.8335 9.21948 11.5367 8.93595L2.69982 0.440971C2.55383 0.301309 2.37981 0.190397 2.1879 0.114692C1.99598 0.0389867 1.79 0 1.58194 0C1.37388 0 1.1679 0.0389867 0.97599 0.114692C0.784075 0.190397 0.610059 0.301309 0.46407 0.440971C0.166773 0.72385 0 1.10585 0 1.50393C0 1.90202 0.166773 2.28401 0.46407 2.56689L7.71121 10.0033L0.46407 17.4331Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  width: .6em;
  height: .6em;
  margin-left: .25em;
}

.anncmnt_card {
  display: block;
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  overflow: hidden;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.anncmnt_card-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  height: 100%;
  grid-gap: 1em;
}

.anncmnt_card-image_container {
  overflow: hidden;
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  max-height: 240px;
}

.anncmnt_card-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.anncmnt_card-content {
  display: flex;
  flex-direction: column;
  padding: .5em;
  box-sizing: border-box;
}

.anncmnt_card-title {
  font-size: 1.25em;
  font-weight: 500;
  margin-bottom: .5em;
  overflow: hidden;
  text-overflow: ellipsis;
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.anncmnt_card-text {
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 1em;
  line-height: 1;
  max-height: 5em; /* 5 lines -webkit-line-clamp: 5; */
  overflow: hidden;
  text-overflow: ellipsis;
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.anncmnt_card-meta {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

.anncmnt_card-date {
  color: #6f6f6f;
  font-size: .8em;
  font-weight: 300;
}

.anncmnt_card-more {
  border: none;
  color: #6f6f6f;
  font-size: .8em;
  cursor: pointer;
  transition: opacity 100ms ease;
  outline: none;
  font-weight: 300;
  background: none;
  padding: 0;
}

.anncmnt_card-more:disabled {
  opacity: .5;
}

.anncmnt_card-more:hover:not(:disabled) {
  opacity: .8;
}

@media (max-width: 575px) {
  .anncmnt_card-container {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
  .anncmnt_card-image_container {
    width: 100%;
  }
  .anncmnt_card-content {
    width: 100%;
    margin-top: 1em;
  }
  .anncmnt_card-text {
    -webkit-line-clamp: 3;
  }
}

@media (min-width:576px) and (max-width: 768px) {
  .anncmnt_card-container {
    flex-direction: column;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }
  .anncmnt_card-image_container {
    width: 100%;
  }
  .anncmnt_card-content {
    width: 100%;
    margin-top: 1em;
    height: 200px;
  }
  .anncmnt_card-text {
    -webkit-line-clamp: 3;
  }
}

@media (min-width:769px) and (max-width: 1300px) {
  .anncmnt_card-container {
    flex-direction: column;
  }
  .anncmnt_card-image_container {
    width: 100%;
  }
  .anncmnt_card-content {
    width: 100%;
    margin-top: 1em;
  }
}

.anncmnt_list {
  display: flex;
  flex-wrap: wrap;
}

.anncmnt_list-content {
  display: flex;
  flex-direction: column;
  width: 65%;
  margin-right: 3em;
}

.anncmnt_list-sidebar {
  width: 30%;
  min-width: 300px;
}

.anncmnt_list-header {
  display: flex;
  align-items: center;
  margin-bottom: 1.5em;
}

.anncmnt_list-title {
  font-size: 2em;
  font-weight: 500;
  margin-right: 1em;
}

.anncmnt_list-items {
  display: flex;
  flex-direction: column;
}

.anncmnt_list-item {
  margin-bottom: 2em;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  padding: 1em;
}

@media (min-width:200px) and (max-width: 575px) {
  .anncmnt_list-content {
    width: 100%;
    margin: 0;
  }
  .anncmnt_list-sidebar {
    width: 100%;
    margin: 0;
  }
}

@media (min-width:576px) and (max-width: 768px) {
  .anncmnt_list-content {
    width: 100%;
    margin: 0;
  }
  .anncmnt_list-sidebar {
    width: 100%;
    margin: 0;
  }
}

@media (min-width:769px) and (max-width: 1300px) {
  .anncmnt_list-content {
    width: 100%;
    margin: 0;
  }
  .anncmnt_list-sidebar {
    width: 100%;
    margin: 0;
  }
}

/* roboto-100 - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-100_ff96de7f.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-100_28e00c69.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-100italic - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-100italic_ed83cdfb.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-100italic_c7c9224c.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-300 - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-300_1fa8191a.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-300_3157796a.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-300italic - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-300italic_f726db93.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-300italic_f3742fd6.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-italic - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-italic_ab51cf07.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-italic_ca6e0eea.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-regular - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-regular_a1381afc.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-regular_7abe1e9f.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500 - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-500_d962e4a3.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-500_19fb45a4.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-500italic - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-500italic_7fdfeca4.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-500italic_bf94158.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-700_627cdecd.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-700_4557200e.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700italic - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-700italic_39718ad5.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-700italic_28dc32af.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-900 - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: local('Roboto Black'), local('Roboto-Black'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-900_24ebb194.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-900_72f3dd20.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-900italic - cyrillic-ext_cyrillic_latin-ext_latin */

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-900italic_7127ee0.woff2') format('woff2'), 
       url('../../assets/roboto-v18-cyrillic-ext_cyrillic_latin-ext_latin-900italic_c27330db.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

:root {
  font-size: 16px;
  font-family: 'Roboto';

  --theme-main-color: #187991;
  --theme-secondary-color: #cca15e;
  --theme-head-bg: var(--theme-main-color);
  --theme-head-fg: #fff;
  --theme-head-fg-highlight: var(--theme-secondary-color);
  --theme-footer-bg: var(--theme-main-color);
  --theme-footer-fg: #fff;
  --theme-footer-fg-highlight: var(--theme-secondary-color);
  --theme-footer-svg-icon: var(--theme-secondary-color);

  --list-category-highlight: var(--theme-secondary-color);
  --list-category-btn-highlight: #fff;
  --list-category-fg-highlight: #fff;
  --option-fill-progress: rgba(240, 190, 26, .1);
  --theme-border-radius: .625em;

  --theme-head-gl: 100%;
  --theme-sidebar-bg: #20202f;

  --theme-sidebar-highlight: #14141d;
  --theme-sidebar-highlight-gutter: #437ca5;
  --theme-admterr-bg: #28283f;
  --theme-admterr-fg: #f4f4f4;
  --theme-admterr-highlight: var(--theme-sidebar-highlight);
  --theme-admterr-highlight-gutter: var(--theme-sidebar-highlight-gutter);

  --theme-badge-fg: #f4f4f4;
  --theme-badge-bg: #555;
  --theme-expander-bg: #333;
  --theme-maptoggler-bg: #fff;
  --theme-maptoggler-border: #fff;
  --theme-bottompanel-bg: #20202f;
  --theme-bottompanel-fg: #fff;

  --ctl_border_color: #ccc;
  --button_face_color: #437ca5;
  --transition_duration: 200ms;
  --color-bg: #20202f;
  --color-fg: #f4f4f4;
  --color-mute: #888;
  --color-highlight: #a1a4b2;

  --forms-grid-width: 3.75em;
  --forms-content-width: 83%;
  --forms-content-max-width: 47em;

  --app-wrapper-margin-x: 5em;
  --app-wrapper-margin-y: 3em;
  --app-max-width: 90em;

  /* --media-breakpoint-xl: 1200px;
  --media-breakpoint-lg: 1024px;
  --media-breakpoint-md: 768px;
  --media-breakpoint-xs: 480px; */

  --forms-sublist-bg: #000;
  --forms-sublist-fg: #fff;
}

@media (max-width: 1024px) {
  :root {
    --app-wrapper-margin-x: 2em;
  }
}

@media (max-width: 768px) {
  :root {
    --app-wrapper-margin-x: 1em;
  }
}

:root {
  --theme-sidebar-highlight: #187991;
}

@font-face {
  font-family: 'fontello';
  src: url('../../assets/fontello_1ea8c155.eot?39026422');
  src: url('../../assets/fontello_1ea8c155.eot?39026422#iefix') format('embedded-opentype'),
       url('../../assets/fontello_5bcff38f.woff2?39026422') format('woff2'),
       url('../../assets/fontello_9daa923d.woff?39026422') format('woff'),
       url('../../assets/fontello_2aea7c0.ttf?39026422') format('truetype'),
       url('../../assets/fontello_fc419a79.svg?39026422#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?39026422#fontello') format('svg');
  }
}
*/

[class^="fontello--"]:before, [class*=" fontello--"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.fontello--search1:before { content: '\e800'; }

/* '' */

.fontello--dot3:before { content: '\e801'; }

/* '' */

.fontello--down:before { content: '\e802'; }

/* '' */

.fontello--trash:before { content: '\e803'; }

/* '' */

.fontello--search:before { content: '\e804'; }

/* '' */

.fontello--feather:before { content: '\e805'; }

/* '' */

.fontello--ok:before { content: '\e806'; }

/* '' */

.fontello--cancel:before { content: '\e807'; }

/* '' */

.fontello--download_alt:before { content: '\e808'; }

/* '' */

.fontello--cancel1:before { content: '\e809'; }

/* '' */

.fontello--resize_full:before { content: '\e80a'; }

/* '' */

.fontello--location:before { content: '\e80b'; }

/* '' */

.fontello--resize_full_alt:before { content: '\e80c'; }

/* '' */

.fontello--right_open_big:before { content: '\e80d'; }

/* '' */

.fontello--loop:before { content: '\e80e'; }

/* '' */

.fontello--lock-right:before { content: '\e80f'; }

/* '' */

.fontello--lock:before { content: '\e810'; }

/* '' */

.fontello--monitoring:before { content: '\e811'; }

/* '' */

.fontello--layers:before { content: '\e812'; }

/* '' */

.fontello--vcard:before { content: '\e813'; }

/* '' */

.fontello--user2:before { content: '\e814'; }

/* '' */

.fontello--spinner:before { content: '\e830'; }

/* '' */

.fontello--play:before { content: '\f00f'; }

/* '' */

.fontello--check_off:before { content: '\f096'; }

/* '' */

.fontello--dashboard:before { content: '\f0e4'; }

/* '' */

.fontello--lock-open-alt:before { content: '\f13e'; }

/* '' */

.fontello--check_on:before { content: '\f14a'; }

/* '' */

.fontello--map0:before { content: '\f278'; }

/* '' */

.fontello--user:before { content: '\f2c0'; }

/* '' */

.fontello--window_maximize:before { content: '\f2d0'; }

/* '' */

:root {
  --fontello-check_off: "\f096";
  --fontello-down: "\e802";
  --fontello-search: "\e804";
  --fontello-check_on: "\f14a";
  --fontello-dot3: "\e801";
  --fontello-trash: "\e803";
  --fontello-feather: "\e805";
  --fontello-ok: "\e806";
  --fontello-cancel: "\e807";
  --fontello-download_alt: "\e808";
  --fontello-cancel1: "\e809";
  --fontello-resize_full: "\e80a";
  --fontello-map0: "\f278";
  --fontello-location: "\e80b";
  --fontello-play: "\f00f";
  --fontello-search1: "\e800";
  --fontello-right_open_big: "\e80d";
  --fontello-window_maximize: "\f2d0";
  --fontello-resize_full_alt: "\e80c";
  --fontello-loop: "\e80e";
  --fontello-spinner: "\e830";
  --fontello-dashboard: "\f0e4";
  --fontello-lock: "\e810";
  --fontello-lock-open-alt: "\f13e";
  --fontello-user: "\f2c0";
  --fontello-lock-right: "\e80f";
  --fontello-monitoring: "\e811";
  --fontello-layers: "\e812";
  --fontello-vcard: "\e813";
  --fontello-user2: "\e814";
}

.app_btn {
  background: #cca15e;
  background: var(--theme-secondary-color);
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  border: none;
  color: #fff;
  padding: 1.125em;
  min-width: 7em;
  font-size: 1em;
  cursor: pointer;
  transition: opacity 100ms ease;
  outline: none;
  font-family: 'Roboto', sans-serif;
}

.app_btn:disabled {
  opacity: .5;
}

.app_btn:hover:not(:disabled) {
  opacity: .8;
}

.app_spinner {
  width: 1em;
  height: 1em;
  border-width: .25em;
  border-width: var(--stroke, .25em);
  border-color: red;
  border-color: var(--color, red);
  border-style: solid;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-spin 1s ease infinite;
}

@keyframes spinner-spin {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
}

.app_input {
  width: 100%;
  font-size: 1em;
  padding: .875em;
  border-radius: .25em;
  border: 1px solid #0a0a0a;
  transition: border 150ms ease, background-color 150ms ease;
  box-shadow: none;
  outline: none;
  font-weight: 500;
  color: #0a0a0a;
  font-family: 'Roboto', sans-serif;
}

.app_input:focus {
  background-color: #fff;
  border: 1px solid #cca15e;
  border: 1px solid var(--theme-secondary-color);
}

.btn {
  background: #187991;
  background: var(--theme-sidebar-highlight);
  box-shadow: 0 4px 16px rgba(26, 35, 126, .32);
  border-radius: .5em;
  border: none;
  color: #fff;
  padding: .625em;
  min-width: 7em;
  font-size: 1em;
  cursor: pointer;
  transition: opacity 100ms ease;
}

.btn:disabled {
  opacity: .5;
}

.gx_input {
  width: 100%;
  background-color: rgba(240, 240, 245, 1);
  font-size: 1em;
  padding: .5em;
  border-radius: .25em;
  transition: border 150ms ease, background-color 150ms ease;
  border: 1px solid transparent;
  box-shadow: none;
  outline: none;
  font-family: 'Roboto';
  font-weight: 400;
  color: #444;
}

.gx_input:focus {
  background-color: #fff;
  border: 1px solid rgba(240, 240, 245, 1);
}

/* stylelint-disable-next-line selector-max-type */

html,
body {
  overflow-x: hidden;
  font-weight: 300;
  padding: 0;
  margin: 0;
  height: 100%;
}

.app {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.header {
  min-height: 5em;
  background-color: #187991;
  background-color: var(--theme-head-bg);
  flex-shrink: 0;
}

.main {
  margin: 3em 5em;
  margin: var(--app-wrapper-margin-y) var(--app-wrapper-margin-x);
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.footer {
  background-color: #187991;
  background-color: var(--theme-footer-bg);
  overflow: hidden;
  min-height: -moz-fit-content;
  min-height: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 15em;
  flex-shrink: 0;
}

.main-back {
  font-size: 1em;
  font-weight: 600;
  color: #cbccd3;
  display: flex;
  align-items: center;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  top: calc(3em / -2);
  top: calc(var(--app-wrapper-margin-y) / -2);
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
}

.main-back::before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9999 6.99998H3.82992L8.70992 2.11998C9.09993 1.72998 9.09993 1.08998 8.70992 0.699975C8.61741 0.607272 8.50752 0.533724 8.38655 0.483543C8.26558 0.433361 8.13589 0.407532 8.00492 0.407532C7.87396 0.407532 7.74427 0.433361 7.6233 0.483543C7.50233 0.533724 7.39244 0.607272 7.29992 0.699975L0.709925 7.28998C0.617221 7.38249 0.543674 7.49238 0.493492 7.61335C0.443311 7.73432 0.41748 7.86401 0.41748 7.99498C0.41748 8.12594 0.443311 8.25563 0.493492 8.3766C0.543674 8.49757 0.617221 8.60746 0.709925 8.69998L7.29992 15.29C7.39251 15.3826 7.50242 15.456 7.62338 15.5061C7.74435 15.5562 7.87399 15.582 8.00492 15.582C8.13586 15.582 8.2655 15.5562 8.38647 15.5061C8.50743 15.456 8.61734 15.3826 8.70992 15.29C8.80251 15.1974 8.87595 15.0875 8.92605 14.9665C8.97616 14.8456 9.00195 14.7159 9.00195 14.585C9.00195 14.454 8.97616 14.3244 8.92605 14.2034C8.87595 14.0825 8.80251 13.9726 8.70992 13.88L3.82992 8.99998H14.9999C15.5499 8.99998 15.9999 8.54998 15.9999 7.99998C15.9999 7.44998 15.5499 6.99998 14.9999 6.99998Z' fill='%23CBCCD3'/%3E%3C/svg%3E%0A");
  width: 1em;
  height: 1em;
  margin-right: .5em;
  display: inline-block;
}

.main-back:hover {
  opacity: .9;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.app_modal.v-enter,
.app_modal.v-leave-to {
  opacity: 0;
}

.app_modal.v-enter-active {
  transition: opacity 200ms ease;
}

.app_modal.v-leave-active {
  opacity: 0;
  transition: opacity 200ms ease;
}

.appfooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  color: var(--theme-footer-fg);
  height: 100%;
  box-sizing: border-box;
  padding: 1.25em 0;
  margin: 0 5em;
  margin: 0 var(--app-wrapper-margin-x);
}

.appfooter-caption {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.appfooter-logo {
  margin-right: 1em;
  width: 5em;
  height: 2.625em;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}

.appfooter-suptitle {
  max-width: 20em;
}

.appfooter-geoportal {
  margin: 1em;
}

.appfooter-geoportal_link,
.appfooter-suptitle_link {
  cursor: pointer;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #fff;
  color: var(--theme-footer-fg);
}

.appfooter-geoportal_link:hover,
.appfooter-geoportal_link:focus,
.appfooter-suptitle_link:hover,
.appfooter-suptitle_link:focus {
  opacity: .8;
}

.appfooter-item {
  margin: 0 1em;
}

.appfooter-item_link {
  cursor: pointer;
  font-weight: 300;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #fff;
  color: var(--theme-head-fg);
  position: relative;
}

.appfooter-item_link::after {
  content: '';
  display: block;
  height: 1px;
  background: #fff;
  background: var(--theme-head-fg);
  transition: transform 300ms;
  transform: scale(0);
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 2px;
}

.appfooter-item_link:hover::after {
  transform: scale(1);
}

.appfooter-contacts {
  display: flex;
  flex-direction: column;
}

.appfooter-contact {
  display: flex;
  align-items: center;
}

.appfooter-contact:nth-child(2) {
  margin: .25em 0;
}

.appfooter-contact_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: .5em;
  width: 1em;
  height: 1em;
}

.appfooter-contact_label {
  font-size: .875em;
  font-weight: 300;
  max-width: 300px;
}

.appfooter-telegram {
  margin: 1em;
}

.appfooter-telegram_icon {
  display: inline-flex;
  align-items: center;
}

.appfooter-contact_svg_path {
  fill: #cca15e;
  fill: var(--theme-footer-svg-icon);
}

@media (max-width: 768px) {
  .appfooter-caption {
    display: none;
  }
}

@media (max-width: 480px) {
  .appfooter {
    justify-content: center;
  }
}

.appfooter_logo {
  background-image: url('../../assets/logo_5bb1101d.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 2.65em;
  height: 100%;
}

.appheader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .625em 0;
  margin: 0 5em;
  margin: 0 var(--app-wrapper-margin-x);
  color: #fff;
  color: var(--theme-head-fg);
  box-sizing: border-box;
  position: relative;
}

.appheader-caption {
  display: flex;
  align-items: center;
  margin-right: .5em;
}

.appheader-logo {
  margin-right: 1em;
  flex-shrink: 0;
  cursor: pointer;
}

.appheader-subtitle {
  max-width: 20em;
  min-width: 12.5em;
  font-size: 1.5em;
  font-weight: 500;
  cursor: pointer;
}

.appheader-items {
  display: flex;
  align-items: center;
  margin: 0 -1em;
  flex-wrap: wrap;
  justify-content: center;
}

.appheader-item {
  margin: 0 1em;
  font-weight: 400;
  position: relative;
}

.appheader-item--admterrs {
  position: relative;
  min-width: 16em;
  max-width: 16em;
  height: 3em;
  font-size: 1.25em;
  display: flex;
  align-items: center;
}

.appheader-item_link {
  cursor: pointer;
  font-size: 1.25em;
  text-align: right;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #fff;
  color: var(--theme-head-fg);
  position: relative;
}

.appheader-item_link:visited {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #fff;
  color: var(--theme-head-fg);
}

.appheader-item_username {
  max-width: 12em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.appheader-item_link--icon {
  display: inline-flex;
  align-items: center;
}

.appheader-item_icon {
  flex-shrink: 0;
}

.appheader-item_icon--profile {
  margin-left: .5em;
}

.appheader-dropdown_items {
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 2em;
  padding: 1.5em 2em;
  color: #000;
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 15;
  box-shadow: 0 16px 50px rgba(78, 79, 114, .3);
}

.appheader-dropdown_item {
  margin: .5em 0;
  cursor: pointer;
  font-weight: 500;
  position: relative;
}

.appheader-item_link::after,
.appheader-dropdown_item::after {
  content: '';
  display: block;
  height: 2px;
  background: #fff;
  background: var(--theme-head-fg);
  transition: transform 300ms;
  transform: scale(0);
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 2px;
}

.appheader-item_link:hover::after,
.appheader-dropdown_item:hover::after,
.appheader-item_link--active::after {
  transform: scale(1);
}

.appheader-dropdown_item::after {
  background: #000;
}

.appheader-toggle {
  display: none;
  cursor: pointer;
  z-index: 10;
  margin-left: auto;
}

@media (max-width: 768px) {
  /* .appheader-subtitle,
  .appheader-item_username {
    display: none;
  } */
  .appheader-item {
    margin: .5em;
  }
  .appheader-items {
    margin: 0;
    flex-direction: column;
    width: 100%;
  }
  .appheader-item_link {
    font-size: 16px;
  }
  .appheader-dropdown_items {
    right: 0;
    left: auto;
    left: initial;
    transform: translateX(0);
  }
  .appheader-toggle {
    display: inline-block;
  }
  .appheader {
    flex-wrap: wrap;
  }
  .appheader-caption {
    width: 100%;
    margin-right: 0;
  }
}

@media (max-width: 1024px) {
  .appheader-subtitle,
  .appheader-item_link {
    font-size: 1.125em;
  }
  .appheader-item_lastname {
    display: none;
  }
}

.apptable {
  display: flex;
  flex-direction: column;
}

.apptable-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
}

.apptable-header_text {
  font-size: 1.5em;
  font-weight: bold;
}

/*
.apptable-link {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.3;
  color: #fdfdfd;
  padding: 14px 46px;
  background: #1a55f0;
  border-radius: 5px;
  text-decoration: none;
}
.apptable-link:hover {
  opacity: .9;
} */

.apptable-row {
  display: flex;
  justify-content: space-between;
  padding: 22px 0;
  border-bottom: 1px solid #cbccd3;
  font-weight: 400;
  font-size: 1.125em;
}

.apptable-row--border_top {
  border-top: 1px solid #cbccd3;
}

.apptable-label {
  color: #6f6f6f;
}

.apptable-value {
  text-align: right;
  color: #171717;
}

@media screen and (max-width: 576px) {
  .apptable-row {
    padding: 16px 0;
  }
}

.banner {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.banner-title {
  font-size: 1.75em;
  color: #ce6600;
  font-weight: 600;
  text-align: center;
  max-width: 80%;
  -webkit-text-decoration: none;
  text-decoration: none;
}

@media (max-width: 480px) {
  .banner-title {
    font-size: 20px;
  }
}

.banners {
  box-sizing: border-box;
  min-width: 300px;
  max-width: 400px;
  padding: 1em;
  height: 200px;
  box-shadow: 0 16px 60px rgba(59, 60, 80, 0.27);
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  display: flex;
  overflow-y: scroll;
  scrollbar-width: none;
  margin: 0 1em 1em;
}

.banners::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

.button_arrow {
  width: 40px;
  height: 40px;
  display: flex;
  border-radius: 50%;
  background: rgba(26, 54, 240, .1);
  position: relative;
  cursor: pointer;
  transform: rotate(90deg);
  outline: none;
  border: none;
  transition: transform 300ms ease;
  flex-shrink: 0;
}

.button_arrow--active {
  transform: rotate(-90deg);
}

.button_arrow:hover,
.button_arrow:active {
  background: rgba(26, 54, 240, .2);
}

.button_arrow::after {
  content: '';
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='16' viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.360299 2.18935C0.14125 1.96812 0.0183716 1.66938 0.0183716 1.35805C0.0183716 1.04673 0.14125 0.747981 0.360299 0.526753C0.467864 0.417528 0.596079 0.330788 0.737482 0.271582C0.878885 0.212375 1.03065 0.181886 1.18395 0.181886C1.33725 0.181886 1.48901 0.212375 1.63042 0.271582C1.77182 0.330788 1.90003 0.417528 2.0076 0.526753L8.5186 7.17035C8.73734 7.39209 8.85998 7.69103 8.85998 8.0025C8.85998 8.31397 8.73734 8.61292 8.5186 8.83465L2.0076 15.4783C1.90003 15.5875 1.77182 15.6742 1.63042 15.7334C1.48901 15.7926 1.33725 15.8231 1.18395 15.8231C1.03065 15.8231 0.878885 15.7926 0.737482 15.7334C0.596079 15.6742 0.467864 15.5875 0.360299 15.4783C0.14125 15.257 0.0183716 14.9583 0.0183716 14.647C0.0183716 14.3356 0.14125 14.0369 0.360299 13.8157L5.7 7.99995L0.360299 2.18935Z' fill='%231ea2c1'/%3E%3C/svg%3E%0A");
  width: 9px;
  height: 16px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.carousel {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
}

.carousel--reverse {
  flex-direction: column-reverse;
}

.carousel_wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: .1em;
}

.carousel_inner {
  display: flex;
  flex-direction: row;
  backface-visibility: hidden;
}

.carousel_inner--center {
  justify-content: center;
}

.carousel_navigation_button {
  position: absolute;
  top: 50%;
  box-sizing: border-box;
  color: #000;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  outline: none;
}

.carousel_navigation_button:focus {
  outline: 1px solid lightblue;
}

.carousel_navigation_next {
  right: 0;
  transform: translateY(-50%) translateX(100%);
  font-family: 'system';
}

.carousel_navigation_prev {
  left: 0;
  transform: translateY(-50%) translateX(-100%);
  font-family: 'system';
}

.carousel_navigation--disabled {
  opacity: .5;
  cursor: default;
}

.carousel_pagination {
  text-align: center;
}

/* .carousel_pagination--top_overlay {
  position: absolute;
  top: 0;
} */

/* .carousel_pagination--bottom_overlay {
  position: absolute;
  bottom: 0;
} */

.carousel_dot_container {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
}

.carousel_dot {
  display: inline-block;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-clip: content-box;
  box-sizing: content-box;
  padding: 0;
  border-radius: 100%;
  outline: none;
}

.carousel_dot:focus {
  outline: 1px solid lightblue;
}

.carousel_slide {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: inherit;
  flex-grow: 0;
  flex-shrink: 0;
  backface-visibility: hidden;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  /* height: 100%; */
}

.carousel_slide--adjustable_height {
  display: table;
  flex-basis: auto;
}

.document {
  display: inline-flex;
  padding: .75em 0;
  align-items: center;
}

.document-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='41' height='55' viewBox='0 0 41 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5625 55H38.4375C39.8503 55 41 53.8433 41 52.4219V16.3281C41 16.2989 40.9863 16.2748 40.9846 16.2473C40.9812 16.2078 40.971 16.1734 40.9624 16.1356C40.9356 16.0162 40.8831 15.9042 40.8087 15.8073C40.7967 15.7919 40.7984 15.773 40.7865 15.7575L27.1198 0.28875C27.1147 0.283594 27.1078 0.283594 27.1027 0.278437C26.9985 0.168799 26.8669 0.0892702 26.7218 0.048125C26.6893 0.0378125 26.6603 0.034375 26.6261 0.0292188C26.5765 0.020625 26.5304 0 26.4792 0H2.5625C1.14971 0 0 1.15672 0 2.57812V52.4219C0 53.8433 1.14971 55 2.5625 55ZM27.3333 3.11953L38.2445 15.4688H28.1875C27.8117 15.4688 27.3333 14.7469 27.3333 14.1797V3.11953ZM1.70833 2.57812C1.70833 2.3502 1.79833 2.13162 1.95851 1.97046C2.1187 1.80929 2.33596 1.71875 2.5625 1.71875H25.625V14.1797C25.625 15.5702 26.744 17.1875 28.1875 17.1875H39.2917V52.4219C39.2917 52.6498 39.2017 52.8684 39.0415 53.0295C38.8813 53.1907 38.664 53.2812 38.4375 53.2812H2.5625C2.08417 53.2812 1.70833 52.9031 1.70833 52.4219V2.57812Z' fill='%23101010'/%3E%3Cpath d='M9.39567 24.0625H31.604C31.8305 24.0625 32.0478 23.972 32.208 23.8108C32.3682 23.6496 32.4582 23.431 32.4582 23.2031C32.4582 22.9752 32.3682 22.7566 32.208 22.5955C32.0478 22.4343 31.8305 22.3438 31.604 22.3438H9.39567C9.16913 22.3438 8.95187 22.4343 8.79168 22.5955C8.6315 22.7566 8.5415 22.9752 8.5415 23.2031C8.5415 23.431 8.6315 23.6496 8.79168 23.8108C8.95187 23.972 9.16913 24.0625 9.39567 24.0625Z' fill='%23101010'/%3E%3Cpath d='M9.39567 30.9375H31.604C31.8305 30.9375 32.0478 30.847 32.208 30.6858C32.3682 30.5246 32.4582 30.306 32.4582 30.0781C32.4582 29.8502 32.3682 29.6316 32.208 29.4705C32.0478 29.3093 31.8305 29.2188 31.604 29.2188H9.39567C9.16913 29.2188 8.95187 29.3093 8.79168 29.4705C8.6315 29.6316 8.5415 29.8502 8.5415 30.0781C8.5415 30.306 8.6315 30.5246 8.79168 30.6858C8.95187 30.847 9.16913 30.9375 9.39567 30.9375Z' fill='%23101010'/%3E%3Cpath d='M9.39567 17.1875H19.6457C19.8722 17.1875 20.0895 17.097 20.2497 16.9358C20.4098 16.7746 20.4998 16.556 20.4998 16.3281C20.4998 16.1002 20.4098 15.8816 20.2497 15.7205C20.0895 15.5593 19.8722 15.4688 19.6457 15.4688H9.39567C9.16913 15.4688 8.95187 15.5593 8.79168 15.7205C8.6315 15.8816 8.5415 16.1002 8.5415 16.3281C8.5415 16.556 8.6315 16.7746 8.79168 16.9358C8.95187 17.097 9.16913 17.1875 9.39567 17.1875Z' fill='%23101010'/%3E%3Cpath d='M9.39567 37.8125H31.604C31.8305 37.8125 32.0478 37.722 32.208 37.5608C32.3682 37.3996 32.4582 37.181 32.4582 36.9531C32.4582 36.7252 32.3682 36.5066 32.208 36.3455C32.0478 36.1843 31.8305 36.0938 31.604 36.0938H9.39567C9.16913 36.0938 8.95187 36.1843 8.79168 36.3455C8.6315 36.5066 8.5415 36.7252 8.5415 36.9531C8.5415 37.181 8.6315 37.3996 8.79168 37.5608C8.95187 37.722 9.16913 37.8125 9.39567 37.8125Z' fill='%23101010'/%3E%3Cpath d='M9.39567 44.6875H31.604C31.8305 44.6875 32.0478 44.597 32.208 44.4358C32.3682 44.2746 32.4582 44.056 32.4582 43.8281C32.4582 43.6002 32.3682 43.3816 32.208 43.2205C32.0478 43.0593 31.8305 42.9688 31.604 42.9688H9.39567C9.16913 42.9688 8.95187 43.0593 8.79168 43.2205C8.6315 43.3816 8.5415 43.6002 8.5415 43.8281C8.5415 44.056 8.6315 44.2746 8.79168 44.4358C8.95187 44.597 9.16913 44.6875 9.39567 44.6875Z' fill='%23101010'/%3E%3C/svg%3E%0A");
  width: 41px;
  height: 55px;
  background-repeat: no-repeat;
  margin-right: 14px;
  flex-shrink: 0;
}

.document-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 1.5em;
}

.document-filename {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  color: #101010;
  margin-bottom: 10px;
}

.document-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 100px;
}

.document-size {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  color: #cbccd3;
  margin-right: .5em;
}

.document-extension {
  background: rgba(26, 54, 240, .1);
  border-radius: 20px;
  padding: 4px 1em;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: #cca15e;
  color: var(--theme-secondary-color);
  margin-left: .5em;
}

.document-download {
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 26H23' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.0003 19.3334L12.167 13.5001M18.0003 7.66675V19.3334V7.66675ZM18.0003 19.3334L23.8337 13.5001L18.0003 19.3334Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.0002 34.3333C27.2052 34.3333 34.6668 26.8717 34.6668 17.6667C34.6668 8.46167 27.2052 1 18.0002 1C8.79516 1 1.3335 8.46167 1.3335 17.6667C1.3335 26.8717 8.79516 34.3333 18.0002 34.3333Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  transition: all 200ms ease-in-out;
  flex-shrink: 0;
}

.document-download:hover {
  opacity: .7;
}

.document-download--disabled {
  opacity: .5;
  cursor: not-allowed;
}

.dropdown-overlay {
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100vw;
  left: 0;
  z-index: 2;
  cursor: default;
}

.entry_modal-body {
  margin: 1.5em 1.125em;
  box-sizing: border-box;
  min-width: 15em;
  max-width: 30em;
  width: 22em;
}

.entry_modal-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1.5em 1.125em;
  position: relative;
}

.entry_modal-header_title {
  font-size: 1.5em;
  font-weight: bold;
  color: #cca15e;
  color: var(--theme-secondary-color);
  margin: 0 auto;
}

.entry_modal-header_back {
  display: flex;
  cursor: pointer;
  height: 1.5em;
  width: 1.5em;
  margin-right: -1.5em;
}

.entry_modal-header_icon {
  opacity: .6;
}

.entry_modal-header_icon:hover {
  opacity: 1;
}

.entry_modal-types {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.entry_modal-type {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: .625em 0;
  width: 100%;
  padding: 1.25em;
  color: #0a0a0a;
  font-weight: 500;
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  border: 1px solid #dcdcdc;
  cursor: pointer;
  box-sizing: border-box;
}

.entry_modal-type:hover,
.entry_modal-type:focus {
  background: #f5f5f5;
}

.entry_modal-submit_bar {
  display: flex;
  gap: .5em;
  margin-top: 1.5em;
}

.entry_modal-submit {
  flex: 1;
  color: #fff;
  border: none;
  border-radius: .4em;
  width: 100%;
  padding: .8em;
  font-size: 1.2em;
  outline: none;
  cursor: pointer;
  transition: opacity 200ms ease;
}

.entry_modal-submit--busy {
  opacity: .5;
}

.entry_modal-text {
  color: #777;
  text-align: center;
  font-weight: normal;
  margin: 1em 0;
}

.entry_modal-text_underline {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.entry_modal-btn_minor {
  outline: 0;
  border: 0;
  background: none;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
  color: #777;
  text-align: center;
  font-weight: normal;
  font-size: 1em;
  opacity: .8;
}

.entry_modal-btn_minor:hover:not(:disabled),
.entry_modal-btn_minor:focus:not(:disabled) {
  opacity: 1;
}

.entry_modal-btn_minor:disabled {
  cursor: not-allowed;
  opacity: .6;
}

.entry_user_agreement {
  margin: -1.5em -1.125em;
}

.entry_modal-input_wrapper:not(:last-child) {
  margin-bottom: .875em;
}

.entry_modal-input--userid {
  margin-bottom: .875em;
}

@media (max-width: 480px) {
  .entry_modal-body {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.faq {
  --button-size: 1.75em;
  --question_padding: 1.75em;
}

.faq-title {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: .9375em;
}

.faq-question {
  padding: var(--question_padding);
  margin: 1em 0;
  border-radius: 5px;
  background: #f5f5f5;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-right: calc(var(--question_padding) + var(--button-size));
}

.faq-question:not(.faq-question--expanded):hover {
  background: #dbdbdb;
}

.faq-question_title {
  font-size: 1.5em;
  font-weight: 400;
}

.faq-answer {
  display: none;
  font-weight: 400;
  margin-top: 1em;
}

.faq-answer:empty::after {
  content: '--';
  color: #777;
}

.faq-question--expanded > .faq-answer { display: inline; display: initial; }

.faq-button {
  height: var(--button-size);
  width: var(--button-size);
  margin-left: auto;
  fill: #adadad;
  position: absolute;
  right: var(--question_padding);
}

.faq-question--expanded > .faq-button {
  transform: rotate(180deg);
  fill: #cca15e;
  fill: var(--theme-head-fg-highlight);
}

@media (max-width: 480px) {
  .faq-question_title {
    font-size: 1.25em;
  }
  .faq {
    --question_padding: 1.25em;
  }
  .faq-title {
    font-size: 1.5em;
  }
}

.forms_base {
  overflow-y: visible;
  overflow-y: initial;
}

.forms_base-doc {
  padding-right: 1.5em;
}

.forms_base-buttons {
  padding: 1.5em 1.5em 1.5em 0;
}

.forms_base-right_column {
  top: 2em;
}

.forms_block-text--header {
  font-weight: 500;
}

.forms_block-text--label {
  font-size: 1em;
  font-weight: 500;
}

.forms_block-table_row {
  margin-bottom: 1.5em;
}

.forms_block-table_row_number {
  margin-top: 1em;
}

.forms_block-button--integration {
  margin-top: .5em;
  margin-right: .5em;
}

.forms_catalog-item {
  padding-right: .3em;
  line-height: 3;
  position: relative;
  align-items: center;
  cursor: pointer;
}

.forms_catalog-item:hover {
  background: #f2eeee;
}

.forms_catalog-item::before {
  content: '';
  height: 100%;
  width: .3em;
  left: 0;
  position: absolute;
  background-color: #ccc;
  opacity: 0;
  transition: opacity 200ms ease;
}

.forms_catalog-item--active {
  background: #f2eeee;
}

.forms_catalog-item--active::before {
  opacity: 1;
}

.forms_catalog-item--collection {
  display: grid;
  grid-template-areas: 'name counter expander';
  grid-template-columns: auto min-content 2em;
  grid-column-gap: .5em;
  -moz-column-gap: .5em;
       column-gap: .5em;
  padding-left: calc(0 * 1em);
  padding-left: calc(var(--item-level, 0) * 1em);
}

.forms_catalog-collection_name {
  grid-area: name;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 1em;
}

.forms_catalog-expander {
  grid-area: expander;
  width: 1.75em;
  height: 1.75em;
  color: inherit;
  border: none;
  background: none;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
  transition: transform 200ms ease;
}

.forms_catalog-expander:focus {
  outline: none;
}

.forms_catalog-expander:hover {
  background: #d6d6d6;
}

.forms_catalog-expander::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -.5em;
  margin-top: -.5em;
  content: '';
  width: 1em;
  height: 1em;
  color: inherit;
  border-style: solid;
  border-width: 0 .2em .2em 0;
  font-size: 50%;
  transform: translate(0, -25%) rotate(-45deg);
  transform-origin: 75% 75%;
  box-sizing: border-box;
}

.forms_catalog-expander--on {
  transform: rotate(90deg);
}

.forms_catalog-children.v-enter {
  transform: translate(2em, 0);
  opacity: 0;
}

.forms_catalog-children.v-enter-active {
  transition:
    opacity 200ms ease 100ms, transform 200ms ease 100ms;
}

.forms_catalog-children.v-leave-to {
  transform: scaleY(0);
  transform-origin: center top;
  opacity: 0;
}

.forms_catalog-children.v-leave-active {
  position: absolute;
  width: 100%;
  transition:
    opacity 200ms ease, transform 200ms ease;
}

.forms_catalog-container {
  position: relative;
}

.forms_catalog-container.v-move {
  transition: transform 200ms ease;
}

.forms_catalog-counter {
  white-space: nowrap;
  font-size: 62.5%;
  font-weight: 600;
  line-height: 1.6;
  background: #555555;
  color: #fff;
  border-radius: 1.6em;
  padding: 0 .5em;
  min-width: .6em;
  text-align: center;
}

.forms_field {
  padding-bottom: 1em;
  border-bottom: 1px solid #ebecee;
}

.forms_field:last-child {
  border-bottom: 0;
}

.forms_field--table_header {
  background-color: rgba(240, 240, 245, 1);
  margin-top: .5em;
  padding-top: 1em;
}

.forms_field-label {
  font-size: 1em;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.forms_field-label--required::after {
  margin-left: .1em;
}

.forms_field-label--header {
  font-size: 1.25em;
  font-weight: 500;
  margin-bottom: 0;
  margin-left: .7em;
}

.forms_field-table--highlight {
  border: 1px solid #187991;
  border: 1px solid var(--theme-main-color);
}

.forms-decision_tabs {
  margin: 1.7142857142857142em 0;
}

/* stylelint-disable */

.forms-decision_tabs .tabs-tab {
  color: #70808e;
}

.forms-decision_tabs .tabs-tab--active,
.forms-decision_tabs .tabs-tab:hover {
  color: #555;
}

.forms-decision_tabs .tabs-underline {
  background-color: #555;
}

/* stylelint-enable */

.forms-spinner {
  font-size: .8em;
  margin: 0 auto;
  --color: #fff;
}

.forms-action_menu_button {
  display: flex;
  height: 2.8125em;
  background: #187991;
  background: var(--theme-sidebar-highlight);
  color: #fff;
  cursor: pointer;
  transition: 500ms;
}

.forms-action_menu_button:hover {
  background: #cca15e;
  background: var(--theme-secondary-color);
}

.forms-action_menu_button:first-child {
  border-radius: .5em 0 0;
}

.forms-action_menu_button:last-child {
  border-radius: 0 0 0 .5em;
}

.forms-action_menu_button:only-child {
  border-radius: 0;
}

.forms-action_menu_button--disabled {
  position: absolute;
  width: 100%;
  height: 2.8125em;
  z-index: 10;
  background: #fff;
  opacity: .7;
}

.forms-action_menu_icon,
.forms-action_menu_text {
  display: flex;
  align-items: center;
  font-weight: 400;
}

.forms-action_menu_icon {
  justify-content: center;
  min-width: 2.25em;
  font-size: 20px;
}

.forms-action_menu_text {
  margin: 0 .5em;
}

.forms-action_menu_button--disabled .forms-action_menu_icon,
.forms-action_menu_button--disabled .forms-action_menu_text {
  font-weight: 200;
}

.forms-field_collapse {
  margin-left: .5em;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.05351 0.348053C1.82721 0.12508 1.52161 0 1.20315 0C0.884678 0 0.57908 0.12508 0.352777 0.348053C0.241047 0.457544 0.152317 0.588056 0.0917528 0.731992C0.0311886 0.875928 2.27997e-08 1.03041 2.27997e-08 1.18646C2.27997e-08 1.3425 0.0311886 1.49699 0.0917528 1.64092C0.152317 1.78486 0.241047 1.91537 0.352777 2.02486L7.14876 8.6525C7.37558 8.87516 7.68138 9 8 9C8.31862 9 8.62442 8.87516 8.85124 8.6525L15.6472 2.02486C15.759 1.91537 15.8477 1.78486 15.9082 1.64092C15.9688 1.49699 16 1.3425 16 1.18646C16 1.03041 15.9688 0.875928 15.9082 0.731992C15.8477 0.588056 15.759 0.457544 15.6472 0.348053C15.4209 0.12508 15.1153 0 14.7969 0C14.4784 0 14.1728 0.12508 13.9465 0.348053L7.99739 5.78341L2.05351 0.348053Z' fill='%23555555'/%3E%3C/svg%3E%0A");
  transition: transform 150ms ease-in-out;
  height: 9px;
  width: 16px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.forms-field_collapse--collapsed {
  transform: rotate(180deg);
}

.forms-field_map {
  width: 100%;
  height: 500px;
  border-radius: .25em;
  margin-top: 1em;
}

.forms_category-not_found {
  font-size: 1.25em;
  margin: auto;
}

.forms_list {
  height: 100%;
  width: 100%;
  margin-bottom: 1em;
}

.forms_list-container {
  display: flex;
  flex-wrap: wrap;
}

.forms_list-items {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.forms_list-item,
.forms_list-header {
  display: flex;
}

.forms_list-header {
  font-size: 1.75em;
  min-width: 100%;
  flex-basis: 50%;
  flex-grow: 1;
  margin-bottom: 18px;
  align-items: center;
}

.forms_list-header_name {
  font-weight: 500;
  color: #333;
}

.forms_list-item {
  margin-bottom: 1em;
}

.forms_list-item_container {
  position: relative;
  padding: 1.75em;
  border-radius: 5px;
  background: #fdfcfc;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  transition: all 100ms ease;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.forms_list-item:last-child {
  margin-bottom: 0;
}

.forms_list-item_breadcrumbs {
  position: absolute;
  display: flex;
  top: .75em;
  left: 1.75em;
  color: #adadad;
  width: calc(100% - 3em);
  width: calc(100% - var(--app-wrapper-margin-y));
}

.forms_list-item_crumb {
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .75em;
}

.forms_list-item_crumb:not(:first-child)::before {
  content: '/';
  font-weight: 300;
  margin: 0 .2em;
}

.forms_list-item_icon {
  margin-right: .5em;
  max-width: 100px;
  min-width: 70px;
}

.forms_list-item_meta {
  display: flex;
  flex-direction: column;
}

.forms_list-item_container:hover,
.forms_list-item_container:hover > .forms_list-item_name {
  /* background-color: #dbdbdb; */
  transform: scale(1.01);
}

.forms_list-item_name {
  color: #000;
  transition: color 200ms ease;
  word-wrap: anywhere;
  font-size: 1.5em;
  font-weight: 400;
}

.forms_list-item_description {
  color: #adadad;
  font-size: 1em;
  font-weight: 400;
  margin-top: .25em;
}

/* .forms_list-item_arrow {
  width: 1.75em;
  height: 1.75em;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' class='forms_list-arrow forms_list-arrow--link'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23adadad' d='M14 0.25C6.40625 0.25 0.25 6.40625 0.25 14C0.25 21.5937 6.40625 27.75 14 27.75C21.5937 27.75 27.75 21.5937 27.75 14C27.75 6.40625 21.5937 0.25 14 0.25ZM9.88375 11.2412C9.648 11.0136 9.33224 10.8876 9.0045 10.8904C8.67675 10.8933 8.36324 11.0247 8.13148 11.2565C7.89972 11.4882 7.76825 11.8018 7.76541 12.1295C7.76256 12.4572 7.88855 12.773 8.11625 13.0087L13.1162 18.0087C13.3507 18.2431 13.6685 18.3747 14 18.3747C14.3315 18.3747 14.6493 18.2431 14.8837 18.0087L19.8837 13.0087C20.1114 12.773 20.2374 12.4572 20.2346 12.1295C20.2317 11.8018 20.1003 11.4882 19.8685 11.2565C19.6368 11.0247 19.3232 10.8933 18.9955 10.8904C18.6678 10.8876 18.352 11.0136 18.1162 11.2412L14 15.3575L9.88375 11.2412Z'%3E%3C/path%3E%3C/svg%3E");
  margin-left: auto;
  flex-shrink: 0;
}

.forms_list-item_arrow--right {
  transform: rotate(-90deg);
} */

.forms_passport {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow-y: auto;
}

.forms_passport-content {
  width: -moz-min-content;
  width: min-content;
  font-weight: 400;
  flex-grow: 1;
  color: #0a0a0a;
}

.forms_passport-content_label {
  font-size: 1.75em;
  font-weight: 500;
  color: #cca15e;
  color: var(--theme-head-fg-highlight);
}

.forms_passport-meta {
  flex-grow: 1;
  margin-left: 2em;
  max-width: 312px;
  min-width: 150px;
  height: -moz-min-content;
  height: min-content;
  position: sticky;
  top: 0;
}

.forms_passport-btn {
  width: 100%;
  padding: .8em 0;
  display: flex;
  justify-content: center;
}

.forms_passport-btn--disabled {
  pointer-events: none;
}

.btn.forms_passport-btn:not(:first-child) {
  margin-top: .5em;
}

.forms_passport-spinner {
  --color: #fff;
  --stroke: .18em;
  font-size: 1.1875em;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .forms_passport {
    flex-direction: column-reverse;
  }
  .forms_passport-content {
    width: 100%;
  }
  .forms_passport-meta {
    min-width: 100%;
    margin-left: 0;
    margin-bottom: 1.5em;
  }
}

/* stylelint-disable */

.landing {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #696969;
}

.landing-subtitle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1em 0;
}

.landing-subtitle_text {
  font-size: 2.25em;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}

.landing-subtitle_text--link {
  cursor: pointer;
  transition: opacity 200ms ease-in-out;
}

.landing-subtitle_text--link:hover {
  opacity: .8;
}

.landing-subtitle_text--link::after {
  content: '';
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.46407 17.4331C0.166773 17.716 0 18.098 0 18.4961C0 18.8942 0.166773 19.2761 0.46407 19.559C0.610059 19.6987 0.784075 19.8096 0.97599 19.8853C1.1679 19.961 1.37388 20 1.58194 20C1.79 20 1.99598 19.961 2.1879 19.8853C2.37981 19.8096 2.55383 19.6987 2.69982 19.559L11.5367 11.064C11.8335 10.7805 12 10.3983 12 10C12 9.60173 11.8335 9.21948 11.5367 8.93595L2.69982 0.440971C2.55383 0.301309 2.37981 0.190397 2.1879 0.114692C1.99598 0.0389867 1.79 0 1.58194 0C1.37388 0 1.1679 0.0389867 0.97599 0.114692C0.784075 0.190397 0.610059 0.301309 0.46407 0.440971C0.166773 0.72385 0 1.10585 0 1.50393C0 1.90202 0.166773 2.28401 0.46407 2.56689L7.71121 10.0033L0.46407 17.4331Z' fill='%23696969'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  width: .6em;
  height: .6em;
  margin-left: .25em;
}

.landing-welcome {
  color: #696969;
  margin-bottom: 2em;
}

.landing-welcome_row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.landing-welcome_column {
  display: flex;
  flex-direction: column;
}

.landing-welcome_column--left {
  width: 50%;
  justify-content: center;
}

/* .landing-welcome_column--right {
  width: 30%;
} */

.landing-welcome_title {
  font-size: 3em;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 1em;
}

.landing-welcome_highlight {
  color: #cca15e;
  color: var(--theme-secondary-color);
}

.landing-welcome_features {
  display: flex;
  flex-direction: column;
  margin-bottom: 3em;
}

.landing-welcome_feature {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1;
  margin-bottom: .6em;
  display: flex;
  align-items: center;
}

.landing-welcome_feature::before {
  content: '';
  margin-right: .5em;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
  flex-shrink: 0;
}

.landing-welcome_feature--window::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.25 3H21.75L22.5 3.75V13.5H21V9H3V19.5H13.5V21H2.25L1.5 20.25V3.75L2.25 3ZM3 7.5H21V4.5H3V7.5ZM10.5 18V16.359C10.2451 16.2664 10.0074 16.132 9.7965 15.9615L8.379 16.77L7.629 15.48L9.0345 14.6595C8.98649 14.3881 8.98649 14.1104 9.0345 13.839L7.629 13.02L8.379 11.73L9.7965 12.54C10.023 12.36 10.2585 12.2265 10.5 12.141V10.5H12V12.141C12.2568 12.2293 12.4953 12.3641 12.7035 12.5385L14.121 11.73L14.871 13.02L13.4655 13.8405C13.5133 14.1114 13.5133 14.3886 13.4655 14.6595L14.871 15.48L14.121 16.77L12.7035 15.96C12.4903 16.1274 12.2531 16.2619 12 16.359V18H10.5ZM10.125 14.25C10.125 14.562 10.2345 14.8275 10.4535 15.0465C10.5568 15.1528 10.6807 15.2367 10.8177 15.2932C10.9547 15.3497 11.1018 15.3776 11.25 15.375C11.3982 15.3776 11.5453 15.3497 11.6823 15.2932C11.8193 15.2367 11.9432 15.1528 12.0465 15.0465C12.1528 14.9432 12.2367 14.8193 12.2932 14.6823C12.3497 14.5453 12.3776 14.3982 12.375 14.25C12.3776 14.1018 12.3497 13.9547 12.2932 13.8177C12.2367 13.6807 12.1528 13.5568 12.0465 13.4535C11.9432 13.3472 11.8193 13.2633 11.6823 13.2068C11.5453 13.1503 11.3982 13.1224 11.25 13.125C11.1018 13.1224 10.9547 13.1503 10.8177 13.2068C10.6807 13.2633 10.5568 13.3472 10.4535 13.4535C10.3472 13.5568 10.2633 13.6807 10.2068 13.8177C10.1503 13.9547 10.1224 14.1018 10.125 14.25V14.25ZM18.126 22.5V20.859C17.8711 20.7663 17.6334 20.632 17.4225 20.4615L16.005 21.27L15.255 19.98L16.662 19.1595C16.614 18.8881 16.614 18.6104 16.662 18.339L15.255 17.52L16.005 16.23L17.4225 17.04C17.649 16.86 17.8845 16.7265 18.1275 16.641V15H19.6275V16.641C19.8837 16.7297 20.1216 16.8644 20.3295 17.0385L21.747 16.23L22.497 17.52L21.0915 18.3405C21.1396 18.6114 21.1396 18.8886 21.0915 19.1595L22.497 19.98L21.747 21.27L20.3295 20.46C20.1163 20.6275 19.8791 20.762 19.626 20.859V22.5H18.126V22.5ZM17.751 18.75C17.751 19.062 17.8605 19.3275 18.0795 19.5465C18.1828 19.6528 18.3067 19.7367 18.4437 19.7932C18.5807 19.8497 18.7278 19.8776 18.876 19.875C19.0242 19.8776 19.1713 19.8497 19.3083 19.7932C19.4453 19.7367 19.5692 19.6528 19.6725 19.5465C19.779 19.4434 19.8633 19.3194 19.9201 19.1825C19.9768 19.0455 20.0049 18.8983 20.0025 18.75C20.0049 18.6017 19.9768 18.4545 19.9201 18.3175C19.8633 18.1806 19.779 18.0566 19.6725 17.9535C19.5694 17.8474 19.4457 17.7636 19.309 17.7071C19.1722 17.6506 19.0254 17.6226 18.8775 17.625C18.7291 17.6222 18.5817 17.65 18.4444 17.7065C18.3072 17.763 18.183 17.847 18.0795 17.9535C17.9732 18.0568 17.8893 18.1807 17.8328 18.3177C17.7763 18.4547 17.7484 18.6018 17.751 18.75V18.75Z' fill='%23696969'/%3E%3C/svg%3E%0A");
}

.landing-welcome_feature--process::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.3267 17.52C22.2798 17.3537 22.1702 17.2121 22.021 17.1251C21.8717 17.038 21.6945 17.0123 21.5267 17.0533L19.8667 17.5C20.7751 16.161 21.3259 14.6119 21.4667 13C21.6029 11.4919 21.3824 9.97298 20.823 8.56588C20.2636 7.15878 19.3811 5.903 18.2467 4.90001C18.1156 4.79155 17.9479 4.73735 17.7781 4.74851C17.6083 4.75966 17.4492 4.83533 17.3334 4.96001C17.2168 5.09269 17.1577 5.26619 17.169 5.44242C17.1802 5.61866 17.2609 5.78323 17.3934 5.90001C18.3709 6.76284 19.1313 7.84381 19.6132 9.05534C20.095 10.2669 20.2846 11.5749 20.1667 12.8733C20.0525 14.241 19.5938 15.5575 18.8334 16.7L18.6667 15.0267C18.6793 14.9282 18.6697 14.8282 18.6387 14.7339C18.6076 14.6396 18.5559 14.5534 18.4873 14.4816C18.4187 14.4098 18.335 14.3543 18.2421 14.3191C18.1493 14.2838 18.0498 14.2697 17.9509 14.2778C17.8519 14.286 17.7561 14.3161 17.6702 14.366C17.5844 14.4159 17.5108 14.4843 17.4549 14.5663C17.3989 14.6483 17.3619 14.7418 17.3467 14.8399C17.3314 14.938 17.3383 15.0382 17.3667 15.1333L17.7 19.4267L21.8667 18.32C22.0318 18.2717 22.1718 18.1615 22.2575 18.0125C22.3432 17.8634 22.368 17.6869 22.3267 17.52V17.52Z' fill='%23696969'/%3E%3Cpath d='M2.87332 11.3864C2.96192 11.4434 3.06215 11.4798 3.16665 11.4931C3.34064 11.5159 3.51661 11.4692 3.65639 11.3631C3.79617 11.257 3.88849 11.1001 3.91332 10.9264C4.18878 8.89252 5.22242 7.03776 6.80725 5.73355C8.39208 4.42934 10.4111 3.77198 12.46 3.89309L10.9667 4.91309C10.861 4.99269 10.7814 5.10192 10.738 5.22689C10.6946 5.35186 10.6894 5.48692 10.723 5.61487C10.7566 5.74282 10.8275 5.85788 10.9267 5.94542C11.0259 6.03295 11.1488 6.08899 11.28 6.10642C11.4302 6.12015 11.5806 6.08255 11.7067 5.99975L15.26 3.55975L12.22 0.506418C12.1659 0.423526 12.094 0.35372 12.0096 0.302068C11.9251 0.250416 11.8303 0.218215 11.7318 0.207801C11.6334 0.197388 11.5339 0.209024 11.4405 0.241865C11.3471 0.274706 11.2622 0.327927 11.192 0.397665C11.1217 0.467403 11.0679 0.551908 11.0344 0.645044C11.0009 0.73818 10.9885 0.83761 10.9982 0.936116C11.0079 1.03462 11.0395 1.12973 11.0905 1.21454C11.1415 1.29935 11.2108 1.37172 11.2933 1.42642L12.4267 2.55975C10.0605 2.44662 7.73799 3.22466 5.9175 4.74029C4.09702 6.25592 2.91091 8.39899 2.59332 10.7464C2.57623 10.8686 2.59335 10.993 2.64278 11.106C2.69221 11.219 2.77202 11.3161 2.87332 11.3864V11.3864Z' fill='%23696969'/%3E%3Cpath d='M14.4867 19.9533C13.4457 20.2859 12.3475 20.4016 11.26 20.2933C9.93561 20.1635 8.66267 19.7133 7.55113 18.9816C6.43959 18.2498 5.52284 17.2586 4.88003 16.0933L6.54003 16.7133C6.69305 16.7399 6.85054 16.7122 6.9853 16.635C7.12006 16.5578 7.22365 16.436 7.27818 16.2906C7.33271 16.1451 7.33476 15.9853 7.28398 15.8385C7.2332 15.6917 7.13277 15.5673 7.00003 15.4867L3.94003 14.3533L2.96003 14L2.22003 18.2333C2.19438 18.4025 2.23475 18.575 2.33278 18.7153C2.43082 18.8555 2.57901 18.9527 2.7467 18.9867H2.86003C3.01694 18.9895 3.16982 18.9369 3.29177 18.8382C3.41372 18.7394 3.49691 18.6007 3.5267 18.4467L3.8067 16.8467C4.56072 18.1675 5.61981 19.2888 6.89555 20.1169C8.17128 20.9449 9.62662 21.4558 11.14 21.6067C12.4053 21.7321 13.6829 21.5959 14.8934 21.2067C15.0475 21.1428 15.1721 21.0236 15.2426 20.8724C15.313 20.7212 15.3243 20.549 15.274 20.39C15.2238 20.2309 15.1158 20.0964 14.9712 20.0131C14.8267 19.9298 14.6562 19.9037 14.4934 19.94L14.4867 19.9533Z' fill='%23696969'/%3E%3Cpath d='M14.6667 8.66699H9.33332C9.15651 8.66699 8.98694 8.73723 8.86192 8.86225C8.73689 8.98728 8.66666 9.15685 8.66666 9.33366V14.667C8.66666 14.8438 8.73689 15.0134 8.86192 15.1384C8.98694 15.2634 9.15651 15.3337 9.33332 15.3337H14.6667C14.8435 15.3337 15.013 15.2634 15.1381 15.1384C15.2631 15.0134 15.3333 14.8438 15.3333 14.667V9.33366C15.3333 9.15685 15.2631 8.98728 15.1381 8.86225C15.013 8.73723 14.8435 8.66699 14.6667 8.66699ZM14 14.0003H9.99999V10.0003H14V14.0003Z' fill='%23696969'/%3E%3C/svg%3E%0A");
}

.landing-welcome_feature--clock::before {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0493 9.22836L13.5645 12.0371C13.3981 11.9393 13.2069 11.879 13.0002 11.879C12.3821 11.879 11.8792 12.3819 11.8792 13.0001C11.8792 13.4784 12.1818 13.8848 12.6048 14.0456V20.189C12.6048 20.4074 12.7818 20.5848 13.0005 20.5848C13.2192 20.5848 13.396 20.4077 13.396 20.189V14.0456C13.8186 13.8851 14.1216 13.4787 14.1216 13.0001C14.1216 12.8782 14.097 12.763 14.061 12.6531L17.5464 9.84409C17.7162 9.70702 17.7432 9.45796 17.6061 9.28783C17.4682 9.11796 17.2194 9.09103 17.0493 9.22836Z' fill='%23696969' stroke='%23696969'/%3E%3Cpath d='M13 1C6.3832 1 1 6.38314 1 12.9999C1 19.6169 6.3832 25 13 25C19.6168 25 25 19.6169 25 12.9999C25 6.38314 19.6168 1 13 1ZM13 24.2088C6.81947 24.2088 1.7912 19.1806 1.7912 12.9999C1.7912 6.8194 6.81947 1.79119 13 1.79119C19.1805 1.79119 24.2088 6.8194 24.2088 12.9999C24.2088 19.1806 19.1805 24.2088 13 24.2088Z' fill='%23696969' stroke='%23696969'/%3E%3C/svg%3E%0A");
}

.landing-welcome_button {
  width: 11em;
  font-size: 1.5em;
}

.landing-anncmnt {
  width: 100%;
  margin: 1em 0;
}

.landing-anncmnt_card {
  padding: 1em;
  width: 33%;
  height: 240px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  min-width: 539px;
  max-width: 539px;
  margin: .5em 0;
}

@media (max-width: 1253px) {
  .landing-welcome_row {
    justify-content: center;
  }
  .landing-welcome_column--right {
    display: none;
  }
  .landing-welcome_column--left {
    width: 100%;
    margin-bottom: 2em 0;
  }
  .landing-welcome {
    text-align: center;
  }
  .landing-welcome_features {
    align-items: center;
    margin-bottom: 1em;
  }
  .landing-welcome_column--left {
    align-items: center;
  }
}

@media (max-width: 575px) {
  .landing-welcome_column--left {
    width: 100%;
    text-align: center;
    align-items: center;
  }
  .landing-anncmnt_card {
    max-width: 80%;
    min-width: 80%;
    height: 100%;
  }
  .landing-welcome_title {
    font-size: 2em;
  }
  .landing-welcome_feature {
    font-size: 1.2em;
  }
  .landing-subtitle_text {
    font-size: 2em;
    text-align: center;
  }
}

@media (min-width:576px) and (max-width: 768px) {
  .landing-welcome_column--left {
    width: 100%;
    text-align: center;
    align-items: center;
  }
  .landing-anncmnt_card {
    height: 100%;
    min-width: 510px;
    max-width: 510px;
  }
}

@media (min-width:769px) and (max-width: 1300px) {
  .landing-anncmnt_card {
    height: 100%;
    min-width: 300px;
    max-width: 300px;
  }
}

.calendar {
  display: flex;
  flex-direction: column;
  --calendar_day_width: 20px;
  --calendar_day_height: 20px;
  height: 100%;
  width: 100%;
}

.calendar-title {
  font-size: 2em;
  font-weight: 400;
  margin-bottom: 2.25em;
}

.calendar-container {
  display: flex;
  position: relative;
}

.calendar-wrapper {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

.calendar-legend {
  display: flex;
  margin: var(--calendar_day_width) -1.5px 0 calc(var(--calendar_day_width) + 4px); /* 4px == margin-right weekday */
}

.weekday {
  display: flex;
  flex-direction: column;
  width: var(--calendar_day_width);
  margin-right: 4px;
}

.weekday-label {
  display: flex;
  height: var(--calendar_day_height);
  width: var(--calendar_day_width);
  margin: 1.5px 0;
  color: #696969;
  font-size: 14px;
  font-weight: 400;
  justify-content: center;
  align-items: center;
}

.weekday-label:last-child {
  margin-bottom: 0;
}

.week {
  display: flex;
  flex-direction: column;
  width: var(--calendar_day_width);
  margin: 0 1.5px;
}

.week--first {
  margin-left: 0;
}

.week:last-child {
  margin-right: 0;
}

.week--label::before {
  content: '';
  content: var(--month-label, '');
  color: #696969;
  display: inline-block;
  position: absolute;
  top: -22px;
  font-size: 14px;
  font-weight: 400;
}

.day {
  display: flex;
  width: var(--calendar_day_width);
  height: var(--calendar_day_height);
  margin: 1.5px 0;
  background: #e7e6e6;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
}

.day:not(.day--selected):hover {
  opacity: .5;
}

.day:first-child {
  margin-top: 0;
}

.day:last-child {
  margin-bottom: 0;
}

.day--hidden {
  visibility: hidden;
  pointer-events: none;
}

.day--selected {
  border: 1px solid #878787;
}

.day--color1 {
  background-color: #acd5f2;
}

.day--color2 {
  background-color: #7fa8c9;
}

.day--color3 {
  background-color: #527ba0;
}

.day--color4 {
  background-color: #254e77;
}

.day--legend {
  margin: 0 1.5px;
}

.day--legend:first-child {
  margin-left: 0;
}

.day--legend:last-child {
  margin-right: 0;
}

.day-tooltip {
  position: absolute;
  background-color: rgba(0, 0, 0, .8);
  padding: .5em;
  top: -4px;
  transform: translate(calc(-50% + 7.5px), -100%);
  z-index: 10;
  pointer-events: none;
  color: #fff;
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  font-size: 14px;
  text-align: center;
  min-width: 200px;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.day-tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 7px;
  border-style: solid;
  border-color: #000 transparent transparent;
}

.day-tooltip--legend {
  min-width: 0;
  min-width: initial;
}

.day-tooltip_date {
  color: #bebebe;
  margin-top: .5em;
}

@media (max-width:1369px) {
  .calendar {
    --calendar_day_width: 15px;
    --calendar_day_height: 15px;
  }
}

@media (min-width:1370px) and (max-width:1600px) {
  .calendar {
    --calendar_day_width: 18px;
    --calendar_day_height: 18px;
  }
}

.dashboard {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: minmax(300px, auto);
  grid-auto-columns: minmax(300px, auto);
  grid-gap: 2em;
}

.dashboard-card {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  border: none;
}

.dashboard-card--loading {
  background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
  background-size: 200% 100%;
  animation: 1.5s shine linear infinite;
}

@keyframes shine {
  to {
    background-position-x: -200%;
  }
}

.dashboard-card_doughnut {
  margin: auto 0;
}

.dashboard-card--chart {
  grid-column: 1 / 3;
  grid-row: 2 / 4;
}

.dashboard-card--total_sales {
  grid-column: 3 / 3;
  grid-row: 2 / 3;
}

.dashboard-card--total_calculations {
  grid-column: 4 / 3;
  grid-row: 3 / 4;
}

.dashboard-card--calendar {
  grid-column: 1 / 4;
  grid-row: 2 / 2;
  width: 100%;
}

.dashboard-card--line {
  grid-column: 2 / 4;
  grid-row: 1 / 1;
}

.dashboard-card_content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2em;
  align-items: center;
  height: 100%;
  text-align: center;
  box-sizing: border-box;
}

.dashboard-card_title {
  margin-bottom: 1em;
}

.dashboard-card_value {
  font-size: 7em;
  font-weight: 500;
  color: #cca15e;
  color: var(--theme-secondary-color);
}

.dashboard-card_value--blue {
  color: #2980b9;
}

.dashboard-card_value--green {
  color: #27ae60;
}

.dashboard-card_value--yellow {
  color: #f1c40f;
}

.card_value-small_text {
  font-size: .4em;
}

.dashboard-card_text,
.dashboard-card_title {
  font-size: 2em;
  font-weight: 400;
}

.charts {
  max-width: 100%;
}

@media (max-width:449px) {
  .dashboard {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1em;
    grid-auto-rows: minmax(200px, auto);
    grid-auto-columns: minmax(200px, auto);
  }
  .dashboard-card--calendar {
    display: none;
  }
  .dashboard-card_content {
    padding: 1em;
  }
  .dashboard-card_text {
    margin: 0;
    font-size: 1.5em;
  }
  .dashboard-card_title {
    font-size: 1.5em;
  }
  .dashboard-card_value {
    max-width: none;
    font-size: 5em;
  }
  .dashboard-card--pie,
  .dashboard-card--chart,
  .dashboard-card--line {
    grid-column: 1 / 1;
  }
}

@media (min-width:450px) and (max-width:612px) {
  .dashboard-card--calendar {
    display: none;
  }
  .dashboard-card_content {
    padding: 1em;
  }
  .dashboard-card_text {
    margin: 0;
    font-size: 1.5em;
  }
  .dashboard-card_title {
    font-size: 1.5em;
  }
  .dashboard-card_value {
    max-width: none;
    font-size: 5em;
  }
  .dashboard-card--pie,
  .dashboard-card--chart,
  .dashboard-card--line {
    grid-column: 1 / 4;
  }
  .dashboard {
    grid-gap: 1em;
    grid-auto-rows: minmax(200px, auto);
    grid-auto-columns: minmax(200px, auto);
  }
}

@media (min-width:613px) and (max-width:1146px) {
  .dashboard-card--calendar {
    display: none;
  }
  .dashboard-card_text {
    margin: 0;
    font-size: 1.5em;
  }
  .dashboard-card_title {
    font-size: 1.5em;
  }
  .dashboard-card_value {
    max-width: none;
    font-size: 5em;
  }
  .dashboard-card--pie {
    grid-column: 1 / 3;
    grid-row: 3 / 3;
  }
  .dashboard-card--chart {
    grid-column: 1 / 4;
    grid-row: 2 / 3;
  }
  .dashboard-card--line {
    grid-column: 1 / 4;
    grid-row: 1 / 1;
  }
}

@media (min-width:1147px) and (max-width:1196px) {
  .dashboard-card--line {
    grid-column: 1 / 4;
    grid-row: 1 / 1;
  }
  .dashboard-card--chart {
    grid-column: 1 / 4;
    grid-row: 3 / 3;
  }
  .dashboard-card--pie {
    grid-column: 1 / 1;
  }
  .dashboard-card--calendar {
    display: none;
  }
}

.landing_image {
  display: block;
}

.landing_image--line_animation {
  stroke-dasharray: 600;
  animation: line_animation 10s infinite 0s;
}

.progress_animation {
  animation: progress_animation 10s infinite 0s;
}

.bar_animation {
  animation: updown 5s infinite 0s;
}

@keyframes line_animation {
  from {
    stroke-dashoffset: 700;
  }
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes progress_animation {
  0% { height: 5%; }
  50% { height: 30%; }
  100% { height: 10%; }
}

@keyframes updown {
  33% {
    transform: translateY(3%);
  }
  66% {
    transform: translateY(-3%);
  }
  100% {
    transform: translateY(0%);
  }
}

.links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 1em -1em;
}

.link-block {
  width: 30%;
  margin: 1em;
  padding: 1em;
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  min-width: 21.875em;
  max-width: 28.125em;
  cursor: pointer;
  transition: transform 100ms ease-in-out;
  box-sizing: border-box;
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
}

.link-block:hover {
  transform: scale(103%);
}

.link {
  display: flex;
  justify-content: space-around;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #696969;
  align-items: center;
}

.link-image {
  max-width: 8.125em;
  height: 4.375em;
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  margin-right: 1em;
}

.link-text {
  font-size: 1.1em;
  font-weight: 400;
  text-align: center;
  max-width: 70%;
}

@media (max-width: 575px) {
  .link-block {
    width: 100%;
  }
}

@media (min-width:576px) and (max-width: 768px) {
  .link-block {
    width: 100%;
  }
}

.list {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.list-search {
  width: 100%;
  margin-bottom: 1em;
}

.list-search_input {
  padding: calc(1.125em - 1px) .875em;
}

.list-categories {
  display: flex;
  margin-bottom: 2em;
  flex-direction: column;
}

.list-banners {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -1em;
}

.list-breadcrumbs {
  font-size: 1.1em;
  overflow: hidden;
  display: flex;
  white-space: nowrap;
  font-weight: 600;
  color: #cbccd3;
  align-items: center;
  cursor: pointer;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: absolute;
  top: calc(3em / -2);
  top: calc(var(--app-wrapper-margin-y) / -2);
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
  max-width: 100%;
  margin-top: .3em;
}

.list-breadcrumbs_link {
  cursor: pointer;
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-breadcrumbs_link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.list-breadcrumbs_tail {
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-breadcrumbs_link:not(:first-child)::before,
.list-breadcrumbs_tail:not(:first-child)::before {
  content: '/';
  font-weight: 300;
  margin: 0 .2em;
}

/* stylelint-disable-next-line */

.list-content--sheet {
  border: 1px solid #ccc;
  max-height: 70vh;
}

.logo {
  background-image: url('../../assets/logo_5bb1101d.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 4em;
  height: 4em;
}

.mapboxgl-map {
  font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mapboxgl-canvas {
  left: 0;
  position: absolute;
  top: 0;
}

.mapboxgl-map:-webkit-full-screen {
  height: 100%;
  width: 100%;
}

.mapboxgl-canary {
  background-color: salmon;
}

.mapboxgl-canvas-container.mapboxgl-interactive,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
  cursor: grab;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
  cursor: pointer;
}

.mapboxgl-canvas-container.mapboxgl-interactive:active,
.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
  cursor: grabbing;
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}

.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: pinch-zoom;
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan
  .mapboxgl-canvas {
  touch-action: none;
}

.mapboxgl-ctrl-bottom,
.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right,
.mapboxgl-ctrl-left,
.mapboxgl-ctrl-right,
.mapboxgl-ctrl-top,
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right {
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.mapboxgl-ctrl-top-left {
  left: 0;
  top: 0;
}

.mapboxgl-ctrl-top {
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.mapboxgl-ctrl-top-right {
  right: 0;
  top: 0;
}

.mapboxgl-ctrl-right {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.mapboxgl-ctrl-bottom-right {
  bottom: 0;
  right: 0;
}

.mapboxgl-ctrl-bottom {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.mapboxgl-ctrl-bottom-left {
  bottom: 0;
  left: 0;
}

.mapboxgl-ctrl-left {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.mapboxgl-ctrl {
  clear: both;
  pointer-events: auto;
  transform: translate(0);
}

.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  float: left;
  margin: 10px 0 0 10px;
}

.mapboxgl-ctrl-top .mapboxgl-ctrl {
  float: left;
  margin: 10px 0;
}

.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  float: right;
  margin: 10px 10px 0 0;
}

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,
.mapboxgl-ctrl-right .mapboxgl-ctrl {
  float: right;
  margin: 0 10px 10px 0;
}

.mapboxgl-ctrl-bottom .mapboxgl-ctrl {
  float: left;
  margin: 10px 0;
}

.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl, .mapboxgl-ctrl-left .mapboxgl-ctrl {
  float: left;
  margin: 0 0 10px 10px;
}

.mapboxgl-ctrl-group {
  background: #fff;
  border-radius: 4px;
}

.mapboxgl-ctrl-group:not(:empty) {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px ButtonText;
  }
}

.mapboxgl-ctrl-group button {
  background-color: transparent;
  border: 0;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 29px;
  outline: none;
  overflow: hidden;
  padding: 0;
  width: 29px;
}

.mapboxgl-ctrl-group button + button {
  border-top: 1px solid #ddd;
}

.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  display: block;
  height: 100%;
  width: 100%;
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-icon {
    background-color: transparent;
  }
  .mapboxgl-ctrl-group button + button {
    border-top: 1px solid ButtonText;
  }
}

.mapboxgl-ctrl-attrib-button:focus, .mapboxgl-ctrl-group button:focus {
  box-shadow: 0 0 2px 2px #0096ff;
}

.mapboxgl-ctrl button:disabled {
  cursor: not-allowed;
}

.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
  opacity: 0.25;
}

.mapboxgl-ctrl-group button:first-child {
  border-radius: 4px 4px 0 0;
}

.mapboxgl-ctrl-group button:last-child {
  border-radius: 0 0 4px 4px;
}

.mapboxgl-ctrl-group button:only-child {
  border-radius: inherit;
}

.mapboxgl-ctrl button:not(:disabled):hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.mapboxgl-ctrl-group button:focus:focus-visible {
  box-shadow: 0 0 2px 2px #0096ff;
}

.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
  box-shadow: none;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
  }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E");
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
  }
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl
  button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active
  .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl
  button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error
  .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl
  button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background
  .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl
  button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error
  .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl
  button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting
  .mapboxgl-ctrl-icon {
  animation: mapboxgl-spin 2s linear infinite;
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl
    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active
    .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl
    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error
    .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl
    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background
    .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl
    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error
    .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
}

@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
  }
}

@keyframes mapboxgl-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

a.mapboxgl-ctrl-logo {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  height: 23px;
  margin: 0 0 -4px -4px;
  overflow: hidden;
  width: 88px;
}

a.mapboxgl-ctrl-logo.mapboxgl-compact {
  width: 23px;
}

@media (-ms-high-contrast: active) {
  a.mapboxgl-ctrl-logo {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
  }
}

@media (-ms-high-contrast: black-on-white) {
  a.mapboxgl-ctrl-logo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
  }
}

.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  background-color: hsla(0, 0%, 100%, 0.5);
  margin: 0;
  padding: 0 5px;
}

@media screen {
  .mapboxgl-ctrl-attrib.mapboxgl-compact {
    background-color: #fff;
    border-radius: 12px;
    box-sizing: content-box;
    margin: 10px;
    min-height: 20px;
    padding: 2px 24px 2px 0;
    position: relative;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    padding: 2px 28px 2px 8px;
    visibility: visible;
  }
  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show,
  .mapboxgl-ctrl-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show,
  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
    border-radius: 12px;
    padding: 2px 8px 2px 28px;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
    display: none;
  }
  .mapboxgl-ctrl-attrib-button {
    background-color: hsla(0, 0%, 100%, 0.5);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
    border: 0;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    display: none;
    height: 24px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
  }
  .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,
  .mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,
  .mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button {
    left: 0;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner {
    display: block;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    right: 0;
  }
  .mapboxgl-ctrl-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    right: 0;
  }
  .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    right: 0;
    top: 0;
  }
  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    left: 0;
    top: 0;
  }
  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    left: 0;
  }
  .mapboxgl-ctrl-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    left: 0;
  }
}

@media screen and (-ms-high-contrast: active) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
  }
}

@media screen and (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
  }
}

.mapboxgl-ctrl-attrib a {
  color: rgba(0, 0, 0, 0.75);
  -webkit-text-decoration: none;
  text-decoration: none;
}

.mapboxgl-ctrl-attrib a:hover {
  color: inherit;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.mapboxgl-ctrl-attrib .mapbox-improve-map {
  font-weight: 700;
  margin-left: 2px;
}

.mapboxgl-attrib-empty {
  display: none;
}

.mapboxgl-ctrl-scale {
  background-color: hsla(0, 0%, 100%, 0.75);
  border: 2px solid #333;
  border-top: #333;
  box-sizing: border-box;
  color: #333;
  font-size: 10px;
  padding: 0 5px;
  white-space: nowrap;
}

.mapboxgl-popup {
  display: flex;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  will-change: transform;
}

.mapboxgl-popup-anchor-top,
.mapboxgl-popup-anchor-top-left,
.mapboxgl-popup-anchor-top-right {
  flex-direction: column;
}

.mapboxgl-popup-anchor-bottom,
.mapboxgl-popup-anchor-bottom-left,
.mapboxgl-popup-anchor-bottom-right {
  flex-direction: column-reverse;
}

.mapboxgl-popup-anchor-left {
  flex-direction: row;
}

.mapboxgl-popup-anchor-right {
  flex-direction: row-reverse;
}

.mapboxgl-popup-tip {
  border: 10px solid transparent;
  height: 0;
  width: 0;
  z-index: 1;
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  align-self: center;
  border-bottom-color: #fff;
  border-top: none;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-bottom-color: #fff;
  border-left: none;
  border-top: none;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-bottom-color: #fff;
  border-right: none;
  border-top: none;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  align-self: center;
  border-bottom: none;
  border-top-color: #fff;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
  align-self: flex-start;
  border-bottom: none;
  border-left: none;
  border-top-color: #fff;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  align-self: flex-end;
  border-bottom: none;
  border-right: none;
  border-top-color: #fff;
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  align-self: center;
  border-left: none;
  border-right-color: #fff;
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  align-self: center;
  border-left-color: #fff;
  border-right: none;
}

.mapboxgl-popup-close-button {
  background-color: transparent;
  border: 0;
  border-radius: 0 3px 0 0;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}

.mapboxgl-popup-close-button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.mapboxgl-popup-content {
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 10px 10px 15px;
  pointer-events: auto;
  position: relative;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
  border-top-left-radius: 0;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
  border-top-right-radius: 0;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
  border-bottom-left-radius: 0;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
  border-bottom-right-radius: 0;
}

.mapboxgl-popup-track-pointer {
  display: none;
}

.mapboxgl-popup-track-pointer * {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.mapboxgl-map:hover .mapboxgl-popup-track-pointer {
  display: flex;
}

.mapboxgl-map:active .mapboxgl-popup-track-pointer {
  display: none;
}

.mapboxgl-marker {
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  transition: opacity 0.2s;
  will-change: transform;
}

.mapboxgl-user-location-dot, .mapboxgl-user-location-dot:before {
  background-color: #1da1f2;
  border-radius: 50%;
  height: 15px;
  width: 15px;
}

.mapboxgl-user-location-dot:before {
  animation: mapboxgl-user-location-dot-pulse 2s infinite;
  content: "";
  position: absolute;
}

.mapboxgl-user-location-dot:after {
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  box-sizing: border-box;
  content: "";
  height: 19px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 19px;
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {
  height: 0;
  width: 0;
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  border-bottom: 7.5px solid #4aa1eb;
  content: "";
  position: absolute;
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
  border-left: 7.5px solid transparent;
  transform: translateY(-28px) skewY(-20deg);
}

.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after {
  border-right: 7.5px solid transparent;
  transform: translate(7.5px, -28px) skewY(20deg);
}

@keyframes mapboxgl-user-location-dot-pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  70% {
    opacity: 0;
    transform: scale(3);
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}

.mapboxgl-user-location-dot-stale {
  background-color: #aaa;
}

.mapboxgl-user-location-dot-stale:after {
  display: none;
}

.mapboxgl-user-location-accuracy-circle {
  background-color: rgba(29,161,242,0.2);
  border-radius: 100%;
  height: 1px;
  width: 1px;
}

.mapboxgl-crosshair,
.mapboxgl-crosshair .mapboxgl-interactive,
.mapboxgl-crosshair .mapboxgl-interactive:active {
  cursor: crosshair;
}

.mapboxgl-boxzoom {
  background: #fff;
  border: 2px dotted #202020;
  height: 0;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 0;
}

@media print {
  .mapbox-improve-map {
    display: none;
  }
}

.mapboxgl-scroll-zoom-blocker, .mapboxgl-touch-pan-blocker {
  align-items: center;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  display: flex;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Helvetica,
    Arial,
    sans-serif;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 0;
  transition: opacity 0.75s ease-in-out;
  transition-delay: 1s;
  width: 100%;
}

.mapboxgl-scroll-zoom-blocker-show, .mapboxgl-touch-pan-blocker-show {
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,
.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page
  .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}

.mapboxgl-ctrl-group:not(:empty) {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, .3);
}

.meeting {
  display: flex;
  flex-direction: column;
  margin: 1em 0;
}

.meeting-spinner {
  width: 5em;
  height: 5em;
  margin: auto;
  --stroke: 1em;
  --color: var(--theme-secondary-color);
}

.meeting-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1em;
}

.meeting-column {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 0 1em;
}

.meeting-column--right {
  max-width: 300px;
}

.meeting-agenda {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 1em 0;
  white-space: pre-wrap;
}

.meeting-agenda_title {
  font-size: 1.5em;
  font-weight: bold;
}

.meeting-agenda_text {
  font-size: 1.125em;
  font-weight: 400;
  line-height: 1.6;
}

.meeting-steps {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: #555;
  font-size: 1.25em;
  font-weight: normal;
  --meeting_steps_margin: .6em;
  --meeting_steps_margin_left: 2em;
  --meeting_steps_circle_diameter: 1em;
}

.meeting-step {
  border: 1px solid #eee;
  border-radius: 6px;
  margin: var(--meeting_steps_margin) 0;
  margin-left: var(--meeting_steps_margin_left);
  padding: .6em;
  position: relative;
}

.meeting-step_date {
  font-size: .65em;
  font-style: italic;
  display: flex;
  justify-content: space-between;
  color: #aaa;
  margin-top: 4px;
}

.meeting-step_branch {
  height: calc(100% + (var(--meeting_steps_margin) * 2) + 2px);
  height: calc(100% + calc(var(--meeting_steps_margin) * 2) + 2px);
  width: var(--meeting_steps_circle_diameter);
  position: absolute;
  left: calc(var(--meeting_steps_margin_left) / -2 - var(--meeting_steps_circle_diameter) / 2);
  top: calc(-1 * var(--meeting_steps_margin)); /* to negative */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.meeting-step_branch::before, .meeting-step_branch::after {
  content: '';
  display: inline-block;
  height: 100%;
  width: 2px;
  background: #eee;
  z-index: 0;
  position: relative;
}

.meeting-step:last-of-type > .meeting-step_branch::after,
.meeting-step:first-of-type > .meeting-step_branch::before {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
}

.meeting-step_point {
  width: var(--meeting_steps_circle_diameter);
  height: var(--meeting_steps_circle_diameter);
  background: #ccc;
  border-radius: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  z-index: 1;
}

.meeting-step_point--active {
  background: #cca15e;
  background: var(--theme-secondary-color);
}

.meeting-step_point::before {
  content: '';
  display: inline-block;
  width: 50%;
  height: 50%;
  background: #fff;
  border-radius: inherit;
}

.meeting-documents {
  display: flex;
  flex-direction: column;
  margin: 1em 0;
}

.meeting-documents_title {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: .5em;
}

.meeting-document {
  max-width: 300px;
  border-bottom: 1px solid #ababab;
}

.meeting-sign_doc {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 1em 0;
}

.meeting-sign_doc_text {
  margin-bottom: .5em;
}

.meeting_card {
  box-sizing: border-box;
  width: 400px;
  box-shadow: 0 0 60px rgba(59, 60, 80, 0.27);
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
}

.meeting_card-container {
  padding: 1.75em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
}

.meeting_card-header {
  margin-bottom: .625em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.meeting_card-status {
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  padding: .375em .75em;
  width: -moz-max-content;
  width: max-content;
  font-weight: 400;
}

/* .meeting_card-status--finished {
  background-color: #222;
  color: #fff;
} */

.meeting_card-status--in_progress {
  background-color: rgba(74, 175, 5, .2);
  color: #4aaf05;
}

.meeting_card-title {
  font-size: 1.5em;
  color: #222;
  margin-bottom: 1em;
  font-weight: 500;
  display: box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 2.5em;
}

.meeting_card-meta {
  margin-bottom: .5em;
  display: flex;
}

.meeting_card-meta_label {
  color: #6f6f6f;
  margin-right: .25em;
}

.meeting_card-meta_value {
  color: #222;
  font-weight: 500;
}

.meeting_card-open {
  width: 80%;
  margin: 1em auto 0;
}

.meeting_card-open_btn {
  width: 100%;
}

.meeting_create-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1.5em 1.125em;
  position: relative;
}

.meeting_create-header_title {
  font-size: 1.5em;
  font-weight: bold;
  color: #cca15e;
  color: var(--theme-secondary-color);
  margin: 0 auto;
}

.meeting_create {
  display: flex;
  width: 100%;
}

.meeting_create-form {
  display: flex;
  flex-direction: column;
  min-width: 400px;
  width: 100%;
}

.meeting_create-form_group {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}

.meeting_create-form_label {
  display: flex;
  margin-bottom: .5em;
  font-weight: 500;
}

.meeting_create-form_label--required::after {
  content: '*';
  color: #e66600;
}

.meeting_create-form_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.meeting_create-form_subgroup {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}

.meeting_create-form_agenda {
  margin-right: 1em;
  width: 70%;
}

.meeting_create-form_finance {
  margin: 0 auto;
  font-size: 1.5em;
}

.meeting_create-form_agenda_add {
  border: none;
  outline: none;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 400;
  color: #999;
  width: -moz-max-content;
  width: max-content;
  background: transparent;
  margin: .5em 0;
}

.meeting_polls-list_poll {
  margin: 0 .5em 1em;
}

.meeting_polls-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.5em;
}

.meeting_polls-spinner {
  width: 5em;
  height: 5em;
  margin: auto;
  --stroke: 1em;
  --color: var(--theme-secondary-color);
}

.modal {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .5);
  display: flex;
  align-content: center;
  justify-content: center;
  overflow-y: auto;
}

.modal-box {
  margin: auto;
  padding: 2em;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 1em rgba(0, 0, 0, .33);
  position: relative;
}

.modal-header_close {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  cursor: pointer;
  opacity: .8;
  margin: .75em;
}

.modal-header_close:hover,
.modal-header_close:focus {
  opacity: 1;
}

.osi {
  display: flex;
  --osi-sidebar-width: 350px;
  margin: 0 -1em;
  height: 100%;
}

.osi-sidebar {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  max-width: var(--osi-sidebar-width);
  align-items: center;
  margin: 0 1em;
  width: 100%;
  flex-shrink: 0;
  height: -moz-max-content;
  height: max-content;
  margin-bottom: 2em;
}

.osi-main {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  flex-grow: 1;
  margin: 0 1em;
}

.osi-main--sheet {
  overflow-x: auto;
}

/* stylelint-disable-next-line */

.osi-main_content--sheet {
  border: 1px solid #ccc;
  max-height: 100vh;
}

.osi-catalog {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
}

.osi-catalog_item {
  width: 100%;
  padding: 1.5em;
  color: #171717;
  box-shadow: 0 0 60px rgba(59, 60, 80, 0.27);
  margin-bottom: 1em;
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  display: flex;
  align-items: center;
  cursor: pointer;
  background: #f5f5f5;
  box-sizing: border-box;
  position: relative;
}

.osi-catalog_item:hover,
.osi-catalog_item--active {
  background: #cca15e;
  background: var(--list-category-highlight);
  color: #fff;
  color: var(--list-category-fg-highlight);
}

/* .osi-catalog_item--notification::after {
  content: '';
  display: block;
  width: .5em;
  height: .5em;
  position: absolute;
  background-color: var(--theme-head-bg);
  top: 1em;
  right: 1em;
  border-radius: 50%;
  animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
  0% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
} */

.osi-catalog_item_name {
  font-size: 1.5em;
  font-weight: 400;
}

.osi-announcements {
  display: flex;
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  background: #f5f5f5;
  flex-direction: column;
  margin-bottom: 1em;
}

.osi-announcement {
  display: flex;
  height: 20em;
  flex-direction: column;
  padding: 1em 1.5em;
  box-shadow: 0 0 60px rgba(59, 60, 80, 0.27);
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
}

.osi-announcement_title {
  display: flex;
  justify-content: center;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  margin-bottom: .3em;
}

.osi-announcement_description {
  display: flex;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}

.osi-companies {
  flex-direction: column;
  width: 100%;
}

.osi-company {
  max-height: 70px;
  background: #f5f5f5;
  font-weight: 500;
  font-size: 18px;
  display: flex;
  align-items: center;
  margin-bottom: 1em;
  padding: 1.5em;
  box-shadow: 0 0 60px rgba(59, 60, 80, 0.27);
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
}

.osi-company_btn {
  margin-left: auto;
  fill: #adadad;
  flex-shrink: 0;
  cursor: pointer;
}

.osi-announcement_pages {
  display: flex;
  justify-content: center;
  margin-top: auto;
}

.osi-announcement_page {
  width: 8px;
  height: 8px;
  background: #e2e2e2;
  margin: 0 .2em;
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
}

.osi-announcement_page--active {
  background: #b2b0b0;
}

.osi-breadcrumbs {
  font-size: 1em;
  overflow: hidden;
  display: flex;
  white-space: nowrap;
  font-weight: 600;
  color: #cbccd3;
  align-items: center;
  cursor: pointer;
  outline: none;
  padding-top: 1em;
  border: none;
  background-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: static;
  /* top: calc(var(--app-wrapper-margin-y) / -2);
  left: 0; */
  z-index: 1;
  transform: translateY(-30%);
}

.osi-breadcrumbs_link {
  cursor: pointer;
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
}

.osi-breadcrumbs_link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.osi-breadcrumbs_tail {
  overflow: hidden;
  text-overflow: ellipsis;
}

.osi-breadcrumbs_link:not(:first-child)::before,
.osi-breadcrumbs_tail:not(:first-child)::before {
  content: '/';
  font-weight: 300;
  margin: 0 .2em;
}

@media (max-width: 1024px) {
  .osi {
    flex-wrap: wrap;
  }

  .osi-main {
    width: 100%;
  }
}

.osi_accounting {
  display: flex;
}

.osi_accounting-coming_soon {
  font-size: 2em;
  font-weight: bold;
  color: green;
}

.osi_document_create-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  min-width: 300px;
  max-width: 400px;
}

.osi_document_create-header_row {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
  flex-wrap: wrap;
}

.osi_document_create-header_title {
  font-size: 1.5em;
  font-weight: bold;
  color: #cca15e;
  color: var(--theme-secondary-color);
  margin: 0 auto;
}

.osi_document_create-body {
  box-sizing: border-box;
  min-width: 300px;
  max-width: 400px;
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
}

.osi_document_create_form {
  width: 400px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.osi_document_create_form-group {
  margin-bottom: 1em;
}

.osi_document_create_form-input {
  padding: .5em;
}

.osi_document_create_form-label {
  display: flex;
  margin-bottom: .5em;
  font-weight: 500;
}

.osi_document_create_form-label--required::after {
  content: '*';
  color: #e66600;
}

/* .osi_document_create_form-error_message {
  color: #f03738;
  font-size: .8em;
  margin: .5em 0;
} */

.osi_document_create_form-button {
  background: #187991;
  background: var(--theme-main-color);
  font-size: .75em;
}

@keyframes drag {
  33% {
    transform: translateX(2%);
  }
  66% {
    transform: translateX(-2%);
  }
  100% {
    transform: translateX(0%);
  }
}

.osi_document_section {
  display: flex;
  flex-direction: column;
}

.osi_document_section-header {
  margin-bottom: 1em;
}

.osi_document_section-spinner {
  width: 5em;
  height: 5em;
  margin: auto;
  --stroke: 1em;
  --color: var(--theme-secondary-color);
}

.osi_document_section-list {
  overflow-x: auto;
}

.osi_document_section_table {
  width: 100%;
  overflow: auto;
  border-collapse: collapse;
}

.osi_document_section_table-header {
  color: #fdfdfd;
  padding: 1em;
  background-color: #ababab;
}

.osi_document_section_table-cell {
  padding: 1em;
}

.osi_document_section_delete-btn {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: .25em .5em;
  font-size: 16px;
}

.osi_document_section_delete-btn:hover {
  opacity: .7;
}

.osi_document_section_table-body {
  overflow: auto;
  max-height: 15em;
}

.osi_document_section_table-row {
  border-bottom: 1px solid #ababab;
}

.osi_file {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.osi_file-row {
  display: flex;
  align-items: center;
}

.osi_file-name {
  flex-shrink: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
}

.osi_file-extension::before {
  content: '.';
}

.osi_file-remove {
  width: 1em;
  height: 1em;
  position: relative;
  margin-left: auto;
  flex-shrink: 0;
}

.osi_file-remove::before, .osi_file-remove::after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 1.5px;
  height: 1em;
  background: #ccc;
  transform: rotate(45deg);
  left: 8px;
}

.osi_file-remove::after {
  transform: rotate(-45deg);
}

.osi_file-progress_bar {
  width: 100%;
  height: 1px;
  background: #ccc;
  margin: .5em 0;
}

.osi_file:last-child > .osi_file-progress_bar {
  margin-bottom: 0;
}

.osi_file-progress {
  height: 100%;
  width: calc(var(--progress) * 100%);
  background: #187991;
  background: var(--theme-sidebar-highlight);
}

.osi_meetings-header {
  margin-bottom: 1em;
}

.osi_meetings-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.5em;
}

.osi_meetings-list_meeting {
  flex-shrink: 0;
  margin: 0 .5em 1em;
}

.osi_meetings-spinner {
  width: 5em;
  height: 5em;
  margin: auto;
  --stroke: 1em;
  --color: var(--theme-secondary-color);
}

.osi_passport {
  display: flex;
  flex-direction: column;
}

.osi_passport-title {
  font-size: 2.25em;
  color: #171717;
  font-weight: 500;
}

.osi_passport-fields {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.osi_passport-field {
  display: flex;
  justify-content: space-between;
  padding: 22px 0;
  border-bottom: 1px solid #cbccd3;
  font-weight: 400;
  font-size: 1.125em;
}

.osi_passport-field_name {
  color: #6f6f6f;
  /* min-width: max-content; */
  margin-right: 20%;
}

.osi_passport-field_name--title {
  color: #171717;
  font-size: 1.33em;
  font-weight: 500;
}

.osi_passport-field_value {
  text-align: right;
  color: #171717;
}

.osi_passport-field_value--related {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
}

.osi_services {
  display: flex;
}

.osi_services-coming_soon {
  font-size: 2em;
  font-weight: bold;
  color: green;
}

.osi_objects {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.osi_objects-filters {
  display: flex;
  margin: 0 -.5em 1em;
  width: 100%;
}

.osi_objects-filter {
  color: #958f8f;
  margin: 0 .5em;
}

.osi_objects-filter--select {
  width: -moz-max-content;
  width: max-content;
}

.osi_objects-items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -.5em;
}

.osi_objects-item {
  background-color: #ffbb21;
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  width: 20em;
  height: 10em;
  box-sizing: border-box;
  color: #fdfdfd;
  margin: 0 .5em 1em;
}

.osi_objects-item--chairman {
  background-color: #d36153;
}

.osi_objects-item_container {
  padding: 1em 2em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.osi_objects-item_title {
  font-size: 1.125em;
  font-weight: 500;
  margin-bottom: .5em;
  text-align: center;
}

.osi_objects-item_address {
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  max-height: 2.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.osi_objects-item_open {
  color: #101010;
  background-color: #fdfdfd;
  padding: 0;
  text-align: center;
  height: 2em;
  width: 80%;
  margin-top: auto;
  flex-shrink: 0;
}

.poll {
  box-sizing: border-box;
  width: 400px;
  box-shadow: 0 0 60px rgba(59, 60, 80, 0.27);
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
}

.poll-container {
  padding: 1.75em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.poll-header {
  margin-bottom: .625em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.poll-status {
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  padding: .375em .75em;
  width: -moz-max-content;
  width: max-content;
  font-weight: 400;
}

.poll-status--finished {
  background-color: #919191;
  color: #fff;
}

.poll-status--in_progress {
  background-color: rgba(74, 175, 5, .2);
  color: #4aaf05;
}

.poll-title {
  font-size: 1.5em;
  color: #222;
  margin-bottom: 1em;
  font-weight: 500;
  display: box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 2.5em;
}

.poll-meta {
  margin-bottom: .5em;
  display: flex;
}

.poll-meta_label {
  color: #6f6f6f;
  margin-right: .25em;
}

.poll-meta_value {
  color: #222;
  font-weight: 500;
}

.poll-participate {
  width: 80%;
  margin: 1em auto 0;
}

.poll-participate_btn {
  width: 100%;
}

.poll-menu_container {
  display: flex;
  width: 25px;
  height: 25px;
  position: relative;
}

.poll-menu_toggler {
  border: none;
  text-align: center;
  background: none;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  display: block;
  cursor: pointer;
  color: inherit;
  transition: filter 200ms ease;
  transition: filter var(--transition_duration) ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%22210 -130 1000 1000%22%3E  %3C!-- entypo dot-3 --%3E  %3Cpath transform%3D%22rotate(90%2C 500%2C 500) scale(.8)%22 d%3D%22M110 460q46 0 78-32t32-78q0-44-32-77t-78-33-78 33-32 77q0 46 32 78t78 32z m350 0q46 0 78-32t32-78q0-44-33-77t-77-33-77 33-33 77q0 46 32 78t78 32z m350 0q46 0 78-32t32-78q0-44-32-77t-78-33-78 33-32 77q0 46 32 78t78 32z%22 %2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: center;
  filter: invert(70%);
}

.poll-menu_toggler:focus {
  outline: none;
}

.poll-menu_toggler:hover {
  filter: none;
}

.poll-menu {
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  box-shadow: 0 0 .5em #ccc;
  background: #fff;
  color: #333;
  position: absolute;
  top: 1em;
  right: 1.5em;
  width: -moz-max-content;
  width: max-content;
  animation: poll-menu--enter 200ms ease-out;
  overflow: hidden;
}

@keyframes poll-menu--enter {
  from {
    transform: translate(1em, 0);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}

.poll-menu_item {
  display: block;
  line-height: 2;
  padding: 0 1em;
  cursor: pointer;
  font-size: 80%;
  color: inherit;
}

/* .poll-menu_item--disabled {
  pointer-events: none;
  opacity: .4;
} */

.poll-menu_item:hover {
  background: #cca15e;
  background: var(--theme-secondary-color);
  color: #fff;
}

.poll_create-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1.5em 1.125em;
  position: relative;
}

.poll_create-header_title {
  font-size: 1.5em;
  font-weight: bold;
  color: #cca15e;
  color: var(--theme-secondary-color);
  margin: 0 auto;
}

.poll_create-row {
  display: flex;
  margin: 0 -.5em;
}

.poll_create-column {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  margin: 0 .5em;
}

/* .poll_create-column--right {
  max-width: 300px;
} */

.poll_create_form {
  width: 400px;
  overflow: hidden;
}

.poll_create_form-group {
  margin-bottom: 1em;
}

.poll_create_form-input {
  padding: .5em;
}

.poll_create_form-submit {
  display: flex;
  margin: 0 auto;
  justify-content: center;
}

.poll_create_form-label {
  display: flex;
  margin-bottom: .5em;
  font-weight: 500;
}

.poll_create_form-label--required::after {
  content: '*';
  color: #e66600;
}

.poll_create_form-error_message {
  color: #f03738;
  font-size: .8em;
  margin: .5em 0;
}

@keyframes drag {
  33% {
    transform: translateX(2%);
  }
  66% {
    transform: translateX(-2%);
  }
  100% {
    transform: translateX(0%);
  }
}

.poll_create_form-options {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
}

.poll_create_form-option {
  display: flex;
  justify-content: space-between;
  margin-bottom: .5em;
}

.poll_create_form-input--option {
  width: 85%;
}

.poll_create_form-option_remove {
  flex-shrink: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.3499 20L29.5166 12.85C29.8304 12.5361 30.0067 12.1105 30.0067 11.6667C30.0067 11.2228 29.8304 10.7972 29.5166 10.4833C29.2027 10.1695 28.7771 9.99316 28.3332 9.99316C27.8894 9.99316 27.4637 10.1695 27.1499 10.4833L19.9999 17.65L12.8499 10.4833C12.5361 10.1695 12.1104 9.99316 11.6666 9.99316C11.2227 9.99316 10.7971 10.1695 10.4832 10.4833C10.1694 10.7972 9.99308 11.2228 9.99308 11.6667C9.99308 12.1105 10.1694 12.5361 10.4832 12.85L17.6499 20L10.4832 27.15C10.327 27.3049 10.203 27.4893 10.1184 27.6924C10.0338 27.8955 9.99023 28.1133 9.99023 28.3333C9.99023 28.5533 10.0338 28.7712 10.1184 28.9743C10.203 29.1774 10.327 29.3617 10.4832 29.5166C10.6382 29.6729 10.8225 29.7969 11.0256 29.8815C11.2287 29.9661 11.4465 30.0096 11.6666 30.0096C11.8866 30.0096 12.1044 29.9661 12.3075 29.8815C12.5106 29.7969 12.695 29.6729 12.8499 29.5166L19.9999 22.35L27.1499 29.5166C27.3048 29.6729 27.4892 29.7969 27.6923 29.8815C27.8954 29.9661 28.1132 30.0096 28.3332 30.0096C28.5533 30.0096 28.7711 29.9661 28.9742 29.8815C29.1773 29.7969 29.3616 29.6729 29.5166 29.5166C29.6728 29.3617 29.7968 29.1774 29.8814 28.9743C29.966 28.7712 30.0096 28.5533 30.0096 28.3333C30.0096 28.1133 29.966 27.8955 29.8814 27.6924C29.7968 27.4893 29.6728 27.3049 29.5166 27.15L22.3499 20Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}

.poll_create_form-option_remove:hover {
  opacity: .8;
}

.poll_create_form-option_add {
  border: none;
  outline: none;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 400;
  color: #999;
  width: -moz-max-content;
  width: max-content;
  background: transparent;
  margin: .5em 0;
}

.poll_create_form-description_textarea {
  resize: none;
  overflow-x: hidden;
  max-height: calc(10em + .875em * 2);
}

/* .poll_create_dropdown-item {
  display: flex;
  padding: .25em;
  align-items: center;
  cursor: pointer;
} */

.poll_modal-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  min-width: 300px;
  max-width: 400px;
}

.poll_modal-header_row {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
  flex-wrap: wrap;
}

.poll_modal-header_title {
  font-size: 1.5em;
  font-weight: bold;
  color: #cca15e;
  color: var(--theme-secondary-color);
  margin-right: 1em;
}

.poll_modal-header_status {
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  width: -moz-max-content;
  width: max-content;
  font-weight: 400;
  padding: .625em 1.25em;
  color: #fff;
}

.poll_modal-header_status--finished {
  background-color: #919191;
}

.poll_modal-header_status--in_progress {
  background-color: #4aaf05;
}

.poll_modal-header_chip {
  background: #f3f3f3;
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  font-size: .875em;
  padding: .55em .7em;
  color: #171717;
  margin-right: 1em;
  margin-bottom: .5em;
}

.poll_modal-body {
  box-sizing: border-box;
  min-width: 300px;
  max-width: 400px;
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
}

.poll_modal-body_title {
  font-size: 1.2em;
  font-weight: 400;
  margin-bottom: 1em;
}

.poll_modal-body_options {
  display: flex;
  flex-direction: column;
}

.poll_modal-body_btn {
  display: flex;
  flex-shrink: 0;
  margin: 1em 0 0 auto;
  padding: 1em 2em;
}

.option {
  margin: .5em 0;
  box-sizing: border-box;
  display: flex;
  position: relative;
  overflow: hidden;
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  border: 1px solid #cca15e;
  border: 1px solid var(--theme-secondary-color);
  padding: .5em;
  align-items: center;
  width: 100%;
  --option-animation-ratio: 1;
  --progress_width: 0%;
}

.option--disabled {
  opacity: .5;
  pointer-events: none;
}

.option-result_progress {
  position: absolute;
  left: 0;
  height: 100%;
  width: var(--progress_width);
  background-color: rgba(240, 190, 26, .1);
  background-color: var(--option-fill-progress);
  animation: option-fill calc(5s / var(--option-animation-ratio)) ease;
}

@keyframes option-fill {
  0% { width: 0; }
  100% { width: var(--progress_width); }
}

.option-result_label,
.option-result_ratio,
.option-vote_label {
  color: #cca15e;
  color: var(--theme-secondary-color);
  font-size: 1.125em;
  font-weight: 400;
  white-space: nowrap;
}

.option-result_ratio {
  margin-left: auto;
}

.option-vote_label {
  color: #222;
}

.option-vote_radio {
  margin-right: .5em;
}

.option-voted_count {
  font-size: .85em;
  color: #7c7c7c;
}

.poll_offline-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  min-width: 300px;
  max-width: 400px;
}

.poll_offline-header_row {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
  flex-wrap: wrap;
}

.poll_offline-header_title {
  font-size: 1.5em;
  font-weight: bold;
  color: #cca15e;
  color: var(--theme-secondary-color);
  margin: 0 auto;
}

.poll_offline-body {
  box-sizing: border-box;
  min-width: 300px;
  max-width: 400px;
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
}

.poll_offline_form {
  width: 400px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.poll_offline_form-group {
  margin-bottom: 1em;
}

.poll_offline_form-group_name {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: .3em;
}

.poll_offline_form-input {
  padding: .5em;
}

.poll_offline_form-label {
  display: flex;
  margin-bottom: .5em;
  font-weight: 500;
}

.poll_offline_form-label--required::after {
  content: '*';
  color: #e66600;
}

/* .poll_offline_form-error_message {
  color: #f03738;
  font-size: .8em;
  margin: .5em 0;
} */

.poll_offline_form-button {
  background: #187991;
  background: var(--theme-main-color);
  font-size: .75em;
}

@keyframes drag {
  33% {
    transform: translateX(2%);
  }
  66% {
    transform: translateX(-2%);
  }
  100% {
    transform: translateX(0%);
  }
}

.poll_participants {
  display: flex;
  flex-direction: column;
}

.poll_participants-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
}

.poll_participants-header_title {
  font-size: 1.5em;
  font-weight: bold;
  color: #171717;
}

.poll_participants_table {
  width: 100%;
  overflow: auto;
  border-collapse: collapse;
}

.poll_participants_table-header {
  color: #fdfdfd;
  padding: 1em;
  background-color: #ababab;
}

.poll_participants_table-cell {
  padding: 1em;
}

.poll_participants_table-body {
  overflow: auto;
  max-height: 15em;
}

.poll_participants_table-row {
  border-bottom: 1px solid #ababab;
}

.poll_participants_table-option {
  display: inline-block;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  border: 2px solid #cbccd3;
  box-sizing: border-box;
  position: relative;
}

.poll_participants_table-option--checked {
  background-color: rgba(240, 190, 26, .1);
  background-color: var(--option-fill-progress);
  border: none;
}

.poll_participants_table-option--checked::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.63 10.5615C22.9274 10.2667 23.3289 10.1008 23.7476 10.0996C24.1664 10.0985 24.5687 10.2622 24.8677 10.5553C25.1668 10.8485 25.3384 11.2475 25.3455 11.6662C25.3527 12.0849 25.1947 12.4896 24.9059 12.7927L16.4229 23.3965C16.2771 23.5535 16.1011 23.6795 15.9055 23.767C15.7099 23.8545 15.4987 23.9016 15.2844 23.9056C15.0702 23.9095 14.8573 23.8703 14.6586 23.7901C14.4599 23.7099 14.2794 23.5905 14.1279 23.439L8.50726 17.8162C8.35067 17.6703 8.22508 17.4944 8.13797 17.2989C8.05086 17.1034 8.00402 16.8923 8.00025 16.6783C7.99647 16.4643 8.03584 16.2518 8.11599 16.0533C8.19615 15.8549 8.31546 15.6746 8.4668 15.5233C8.61814 15.3719 8.79841 15.2526 8.99686 15.1725C9.19531 15.0923 9.40787 15.0529 9.62187 15.0567C9.83586 15.0605 10.0469 15.1073 10.2424 15.1944C10.4379 15.2816 10.6138 15.4071 10.7598 15.5637L15.2095 20.0114L22.5896 10.6082C22.6028 10.5918 22.617 10.5761 22.6321 10.5615H22.63Z' fill='%231EA2C1'/%3E%3C/svg%3E%0A");
  position: absolute;
  width: 34px;
  height: 34px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.poll_passport {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.poll_passport-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 3em;
}

.poll_passport-column {
  display: flex;
  flex-direction: column;
}

.poll_passport-column--left {
  width: calc(100% - 28em - 4em);
  margin-right: 4em;
}

.poll_passport-column--right {
  width: 28em;
}

.poll_passport-title {
  display: flex;
  align-items: center;
  margin-bottom: 3em;
}

.poll_passport-title_text {
  font-size: 1.5em;
  font-weight: bold;
  color: #cca15e;
  color: var(--theme-secondary-color);
  margin-right: 1em;
}

.poll_passport-title_status {
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  width: -moz-max-content;
  width: max-content;
  font-weight: 400;
  padding: .625em 1.25em;
  color: #fff;
  text-align: center;
}

.poll_passport-title_status--finished {
  background-color: #919191;
}

.poll_passport-title_status--in_progress {
  background-color: #4aaf05;
}

.poll_passport-fields {
  width: 100%;
}

.poll_passport-controllers {
  width: 100%;
}

.poll_passport-controller {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  padding: 2em 0;
}

.poll_passport-controller_group {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.poll_passport-controller_label {
  margin-bottom: .5em;
}

.poll_passport-controller_label--required::after {
  content: '*';
  color: #e66600;
}

.poll_passport-controller_btn {
  text-align: center;
  margin-left: auto;
}

.poll_passport-documents {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin: 1em 0;
}

.poll_passport-documents_title {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: .5em;
}

.poll_passport-document {
  border-bottom: 1px solid #ababab;
}

.poll_passport-decision {
  width: 28em;
  box-sizing: border-box;
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
}

.poll_decision {
  background-color: #cca15e;
  background-color: var(--theme-secondary-color);
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  display: flex;
  box-sizing: border-box;
  color: #fdfdfd;
}

.poll_decision-container {
  box-sizing: border-box;
  padding: 2em;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.poll_decision-title {
  font-size: 1.25em;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  padding-bottom: .1em;
  border-bottom: 1px solid #fdfdfd;
  margin-bottom: 1em;
}

.poll_decision_description {
  font-size: .8em;
  font-weight: 400;
}

.poll_decision-info {
  display: flex;
  flex-direction: column;
  margin-bottom: 2.25em;
}

.poll_decision-info_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.poll_decision-options {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 500;
}

.poll_decision-option {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  margin-bottom: 1em;
}

.poll_decision-option_label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5em;
  font-size: 1.125em;
  color: #fdfdfd;
}

.poll_decision-option_name {
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.poll_decision-option_ratio {
  white-space: nowrap;
}

.poll_decision-option_bar {
  width: 100%;
  height: 1.25em;
  background: rgba(253, 253, 253, .1);
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
}

.poll_decision-option_bar_inner {
  border-radius: 10px;
  background: #fdfdfd;
  height: 100%;
  left: 0;
  position: absolute;
  width: var(--poll_decision_progress_width);
  animation: poll_decision-option-fill calc(5s / var(--poll_decision_option-animation-ratio)) ease;
  --option-animation-ratio: 1;
  --progress_width: 0%;
}

/* .poll_passport-btn_container {
  display: flex;
  justify-content: right;
  width: 100%;
} */

/* .poll_passport-btn {
  display: flex;
  max-width: 100px;
  background-color: white;
  color: #1a55f0;
  border: 2px solid #1a55f0;
  text-align: center;
  margin-top: 60px;
  justify-content: space-evenly;
} */

@keyframes poll_decision-option-fill {
  0% { width: 0; }
  100% { width: var(--poll_decision_progress_width); }
}

.poll_decision-option_count {
  color: #222222;
  z-index: 1;
  font-size: .875em;
  margin-left: .8em;
  font-weight: 400;
}

.poll_passport-controller_input {
  width: 100%;
}

.polls-list_poll {
  margin: 0 .5em 1em;
}

.polls-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -.5em;
}

.polls-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1em;
}

.polls-spinner {
  width: 5em;
  height: 5em;
  margin: auto;
  --stroke: 1em;
  --color: var(--theme-secondary-color);
}

.profile {
  display: flex;
  gap: 1em;
}

.profile-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 1em;
  flex: 1;
}

.profile-forms_catalog {
  display: flex;
  flex-direction: column;
  width: 300px;
  flex-shrink: 0;
  height: 100%;
  box-sizing: border-box;
  overflow-y: auto;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
}

.profile-sheet {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
  max-height: 70vh;
  height: 100%;
}

.profile-charts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: minmax(500px, auto);
  grid-auto-columns: minmax(500px, auto);
  grid-gap: 1em;
  width: 100%;
}

.profile-chart {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  border-radius: .625em;
  border-radius: var(--theme-border-radius);
}

.profile-chart_iframe {
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .profile {
    flex-direction: column;
  }

  .profile-forms_catalog {
    width: 100%;
  }

  .profile-charts {
    grid-template-columns: 1fr;
  }
}

.profile_modal-body {
  margin: 1.5em 1.125em;
  box-sizing: border-box;
  min-width: 15em;
  max-width: 30em;
  width: 22em;
}

.profile_modal-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1.5em 1.125em;
  position: relative;
}

.profile_modal-header_title {
  font-size: 1.5em;
  font-weight: bold;
  color: #cca15e;
  color: var(--theme-secondary-color);
  margin: 0 auto;
}

.profile_modal-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.profile_modal-form_field {
  margin-bottom: 1em;
  width: 100%;
}

.profile_modal-form_label {
  font-size: 1em;
  font-weight: 400;
  margin-bottom: .25em;
}

.profile_modal-form_input {
  padding: .75em;
}

.profile_modal-controllers {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.profile_modal-controller {
  padding: .75em;
}

/* .profile_modal-controller--edit {

}
.profile_modal-controller--save {

} */

.radio {
  display: inline-block;
  font-size: 90%;
  border: #f1f1f1 1px solid;
  box-sizing: border-box;
  border-radius: 50%;
  cursor: pointer;
  width: 1em;
  height: 1em;
  line-height: 1;
  transition: background-color 100ms ease;
}

.radio--on {
  background-color: #cca15e;
  background-color: var(--theme-secondary-color);
}

.sheet {
  overflow: auto;
  white-space: nowrap;
  background: #fff;
  background: var(--sheet-background);
  --sheet-background: #fff;
  --sheet-rowheader-width: 2.5rem;
  --sheet-scroll-shadow-size: .5rem;
  --sheet-scroll-shadow-color: #aaa;
}

.sheet-scrollable_content {
  display: inline-grid;
  min-height: 100%;
  min-width: 100%;
  grid-template-columns: 1fr;
  grid-template-rows: min-content min-content 1fr 3em;
}

.sheet-header {
  grid-column: 1;
  grid-row: 1;
  position: sticky;
  top: calc(-1 * var(--sheet-scroll-shadow-size));
  z-index: 5;
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid var(--ctl_border_color);
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  background-color: var(--sheet-background);
}

.sheet-header_cells {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  align-items: flex-end;
  padding-top: var(--sheet-scroll-shadow-size);
  padding-bottom: .25em;
}

.sheet-header_vscrollshadow {
  position: sticky;
  top: 0;
  z-index: 4;
  margin-bottom: var(--sheet-scroll-shadow-size);
  grid-column: 1;
  grid-row: 1;
  box-shadow: 0 0 var(--sheet-scroll-shadow-size) var(--sheet-scroll-shadow-color);
}

.sheet-cell {
  max-width: 10em;
  max-width: var(--sheet-col-width, 10em);
  min-width: 10em;
  min-width: var(--sheet-col-width, 10em);
  padding-right: .5em;
  padding-left: .5em;
  /* мы задаем размер колонки снаружи и используем этот размер для
   * построения sticky колонок */
  box-sizing: border-box;
  /* позволяем задать цвет ряда */
  background-color: inherit;
}

.sheet-hscrollstack {
  grid-column: 1;
  grid-row: 1 / 3;
  pointer-events: none;
  display: flex;
}

.sheet-hscrollstack_col {
  width: var(--sheet-col-width);
}

.sheet-hscrollstack_col--rowheader {
  /* --sheet-col-sticky-x приходится вычисляеть динамически в js.
   * Вычисление зависит от списка полей и ассоциированых с ними
   * ширинами колонок. Но нам также надо показывать фантомную
   * колонку в самом начале таблицы, и js коду об этом знать не
   * желательно так как это детали стилизации. Поэтому делаем
   * компенсацию --sheet-col-sticky-x на уровне css */
  --sheet-col-sticky-x: calc(-1 * var(--sheet-rowheader-width));
  --sheet-col-width: var(--sheet-rowheader-width);
}

.sheet-hscrollstack_col--sticky {
  position: sticky;
  z-index: 2;
  left: calc(
    var(--sheet-rowheader-width)
    + var(--sheet-col-sticky-x)
    /* проявляем тень из под колонки когда фиксированя колонка
     * упирается в предыдущую зафиксированую колонку */
    - var(--sheet-scroll-shadow-size)
  );
  background: var(--sheet-background);
}

/* Для того чтобы вертикальные тени от шапки и основной таблицы
 * непрерывно стыковались нам нужно использовать внутреннюю тень
 * блока. Поэтому эта тень должна быть в следующей колонке от
 * закрепленной колонки */

.sheet-hscrollstack_col--sticky +
.sheet-hscrollstack_col:not(.sheet-hscrollstack_col--sticky) {
  position: sticky;
  /* чтобы input'ы в шапке заезжали под тень */
  z-index: 1;
  left: calc(
    var(--sheet-rowheader-width) +
    var(--sheet-col-sticky-x)
  );
  /* короче делать инвертирование через -1em
   * чем использовать переменную в calc */
  font-size: var(--sheet-scroll-shadow-size);
  /* задвигаем тень под фиксированую колонку */
  transform: translateX(-1em);
  box-shadow: 1em 0 1em -1em var(--sheet-scroll-shadow-color) inset;
}

.sheet-cell--colheader {
  position: relative; /* для ресайзера колонки */
  cursor: pointer;
}

.sheet-corner {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}

.sheet-rowheader {
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid var(--ctl_border_color);
}

.sheet-corner,
.sheet-rowheader {
  position: sticky;
  /* чтобы rowmenu отображалось поверх первой закрепленной колонки */
  z-index: 3;
  left: calc(-1 * var(--sheet-scroll-shadow-size));
  width: var(--sheet-rowheader-width);
  padding-left: var(--sheet-scroll-shadow-size);
  box-sizing: border-box;
  background-color: inherit;
}

.sheet-cell--data {
  display: flex;
  align-items: center;
  font-weight: 300;
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid var(--ctl_border_color);
  /* для кнопки дропдауна при редактировании ячейки */
  position: relative;
}

.sheet-cell--sticky {
  position: sticky;
  z-index: 2;
  left: calc(
    var(--sheet-rowheader-width)
    + var(--sheet-col-sticky-x)
    - var(--sheet-scroll-shadow-size)
  );
}

.sheet-header_search_icon {
  position: absolute;
  right: .2em;
  color: #aaa;
  top: 50%;
  margin-top: -.5em;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%22-100 -850 1000 1000%22%3E  %3C!-- modern pictograms - search --%3E  %3Cpath transform%3D%22scale(1%2C -1)%22 d%3D%22M680 256c-55-55-126-83-197-83-65 0-129 23-182 66l-51-125-130-130c-14-10-29-15-45-15-41 0-75 37-75 77 0 16 5 32 15 45l129 130 126 51c-44 52-66 117-66 182 0 152 127 277 279 277 150 0 277-128 277-278 0-72-26-144-80-197z m-319 75c34-33 78-50 122-50 92 0 170 77 170 172 0 93-79 170-170 170-94 0-172-79-172-170 0-45 17-89 50-122z%22 horiz-adv-x%3D%22760%22 %2F%3E%3C%2Fsvg%3E");
  filter: invert(70%);
  width: 1em;
  height: 1em;
}

.sheet-col_name:hover .sheet-col_name_text {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.sheet-col_name_text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  flex: 1;
}

.sheet-col_name {
  margin: .25em 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
}

.sheet-col_order {
  text-align: center;
  display: inline-block;
  color: #aaa;
  opacity: 0;
  width: 1em;
  height: 1em;
  line-height: 1;
  transition: transform 200ms ease, opacity 200ms ease;
  transition: transform var(--transition_duration) ease, opacity var(--transition_duration) ease;
  margin-top: .125em;
  filter: invert(60%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%22-195 -100 900 900%22%3E  %3Cpath d%3D%22M505 346q15-15 15-37t-15-37l-245-245-245 245q-15 15-15 37t15 37 37 15 37-15l120-119 0 395q0 21 15 36t36 15 37-15 16-36l0-395 120 119q15 15 36 15t36-15z%22 horiz-adv-x%3D%22520%22 %2F%3E%3C%2Fsvg%3E");
}

.sheet-col_order--asc {
  transform: rotateX(180deg);
  opacity: 1;
}

.sheet-col_order--desc {
  transform: none;
  opacity: 1;
}

.sheet-search_text {
  /* для позиционирования иконки лупы */
  position: relative;
}

.sheet-search_text_input {
  border: 1px solid #ccc;
  border: 1px solid var(--ctl_border_color);
  line-height: 1.5;
  font-size: 80%;
  font-family: inherit;
  font-weight: normal;
  border-radius: 2px;
  display: block;
  width: 100%;
  color: #888;
  padding-left: .5rem;
  padding-right: 1.5rem;
  height: 1.5rem;
}

.sheet-col_resizer {
  width: .5em;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: col-resize;
}

.sheet-data_table {
  grid-column: 1 / 3;
  grid-row: 2;
}

.sheet-row_data {
  display: flex;
  height: 2em;
}

.sheet-row_data--selected {
  background-color: #e0e0e0;
}

.sheet-row_data--suggestion {
  display: flex;
  cursor: pointer;
  background-color: inherit;
}

.sheet-row_data--suggestion:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.sheet-data_cell_value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.sheet-data_cell_value--related {
  -webkit-text-decoration: none;
  text-decoration: none;
  cursor: pointer;
  color: #5a6ec1;
}

.sheet-add {
  font-size: 1em;
  font-family: 'Roboto';
  height: 1.5em;
  width: 1.5em;
  padding: 0;
  margin: 0;
  border: 1px solid currentColor;
  background: none;
  color: #437ca5;
  color: var(--button_face_color);
  cursor: pointer;
  transition: color 100ms ease;
}

.sheet-add:disabled {
  color: #ccc;
}

.sheet-add:focus {
  outline: none;
}

.sheet-load_more {
  padding: .5em 0;
  box-sizing: border-box;
  position: sticky;
  left: 0;
  right: 0;
  margin-top: -3em;
  display: flex;
  justify-content: center;
}

.sheet-load_more_button {
  border: 1px solid currentColor;
  background: none;
  color: #437ca5;
  color: var(--button_face_color);
  border-radius: 2px;
  font-family: inherit;
  font-size: 80%;
  padding: .5em;
  cursor: pointer;
  transition: color 100ms ease, background-color 100ms ease;
  text-transform: uppercase;
}

.sheet-load_more_button:focus {
  outline: none;
}

.sheet-load_more_button:hover {
  color: white;
  background: #437ca5;
  background: var(--button_face_color);
}

.sheet-load_more_indicator {
  display: flex;
}

.sheet-load_more_indicator_ball {
  width: 1em;
  height: 1em;
  margin: .1em;
  border-radius: 100%;
  display: inline-block;
  animation: sheet-load_more_indicator_bounce 1.4s infinite ease-in-out;
  animation-fill-mode: both;
  background-color: #ccc;
}

@keyframes sheet-load_more_indicator_bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

.sheet-load_more_indicator_ball:nth-child(1) {
  animation-delay: -320ms;
}

.sheet-load_more_indicator_ball:nth-child(2) {
  animation-delay: -160ms;
}

.sheet-rowmenu_toggler {
  border: none;
  text-align: center;
  background: none;
  padding: 0;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  display: block;
  cursor: pointer;
  color: inherit;
  transition: filter 200ms ease;
  transition: filter var(--transition_duration) ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%22210 -130 1000 1000%22%3E  %3C!-- entypo dot-3 --%3E  %3Cpath transform%3D%22rotate(90%2C 500%2C 500) scale(.8)%22 d%3D%22M110 460q46 0 78-32t32-78q0-44-32-77t-78-33-78 33-32 77q0 46 32 78t78 32z m350 0q46 0 78-32t32-78q0-44-33-77t-77-33-77 33-33 77q0 46 32 78t78 32z m350 0q46 0 78-32t32-78q0-44-32-77t-78-33-78 33-32 77q0 46 32 78t78 32z%22 %2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: center;
  filter: invert(70%);
}

.sheet-rowmenu_toggler:focus {
  outline: none;
}

.sheet-rowmenu_toggler:hover {
  filter: none;
}

.sheet-rowheader--editing .sheet-rowmenu_toggler {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%22-300 -950 1200 1200%22%3E  %3Cpath transform%3D%22scale(1%2C -1)%22 d%3D%22M60-138q-6-20-26-8-18 8-16 34 4 100 50 226-100 154-52 316 10-32 32-78t44-80 32-30q8 4 0 83t-11 166 25 157q22 44 80 94t104 70q-24-46-33-94t-4-78 21-32q12 0 84 120t106 122q46 4 114-29t82-65q12-24 0-79t-40-83q-44-44-146-62t-114-24q-16-10 12-34 54-48 176-20-56-80-136-114t-132-38-54-10q-4-24 49-54t101-14q-30-56-63-84t-54-35-76-11-85-8z%22 %2F%3E%3C%2Fsvg%3E");
}

.sheet-rowmenu {
  padding: .5em 0;
  border-radius: 2px;
  box-shadow: 0 0 .5em #ccc;
  background: #fff;
  color: #333;
  position: absolute;
  left: 3em;
  margin-top: -.5em;
  animation: sheet-rowmenu--enter 200ms ease-out;
}

@keyframes sheet-rowmenu--enter {
  from {
    transform: translate(1em, 0);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}

.sheet-row_spinner {
  font-size: 75%;
  width: 1em;
  height: 1em;
  border: .2em solid #888;
  border-radius: 50%;
  border-left-color: transparent;
  position: relative;
  top: .5rem;
  left: .7rem;
  animation: sheet-spin 500ms linear infinite;
}

@keyframes sheet-spin {
  from { transform: rotate(0); }
  to { transform: rotate(360deg); }
}

.sheet-suggestion_dropdown {
  background-color: #d9f1ff;
}

.sheet-rowmenu_item {
  display: block;
  line-height: 2;
  padding: 0 1em;
  cursor: pointer;
  font-size: 80%;
  color: inherit;
}

.sheet-rowmenu_item:hover {
  background: #437ca5;
  background: var(--button_face_color);
  color: #fff;
}

.sheet-rowmenu_item_icon {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  filter: invert(30%);
}

.sheet-rowmenu_item:hover .sheet-rowmenu_item_icon {
  filter: invert(100%);
}

.sheet-rowmenu_item_icon--edit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%22-300 -950 1200 1200%22%3E  %3Cpath transform%3D%22scale(1%2C -1)%22 d%3D%22M60-138q-6-20-26-8-18 8-16 34 4 100 50 226-100 154-52 316 10-32 32-78t44-80 32-30q8 4 0 83t-11 166 25 157q22 44 80 94t104 70q-24-46-33-94t-4-78 21-32q12 0 84 120t106 122q46 4 114-29t82-65q12-24 0-79t-40-83q-44-44-146-62t-114-24q-16-10 12-34 54-48 176-20-56-80-136-114t-132-38-54-10q-4-24 49-54t101-14q-30-56-63-84t-54-35-76-11-85-8z%22 %2F%3E%3C%2Fsvg%3E");
}

.sheet-rowmenu_item_icon--passport {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%22-100 -950 1200 1200%22%3E  %3Cpath transform%3D%22scale(1%2C -1)%22 d%3D%22M900 750q42 0 71-29t29-71l0-600q0-40-29-70t-71-30l-800 0q-40 0-70 30t-30 70l0 600q0 42 30 71t70 29l800 0z m0-700l0 600-800 0 0-600 800 0z m-450 196l0-90-250 0 0 90 250 0z m0 150l0-90-250 0 0 90 250 0z m0 150l0-90-250 0 0 90 250 0z m346-320l4-70-250 0q0 70 6 70 84 22 84 66 0 16-27 56t-27 88q0 110 90 110t90-110q0-48-28-88t-28-56q0-20 21-36t43-22z%22 horiz-adv-x%3D%221000%22 %2F%3E%3C%2Fsvg%3E");
}

.sheet-rowmenu_item_icon--save {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%22-100 -100 2000 2000%22%3E  %3Cpath d%3D%22M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z%22%2F%3E%3C%2Fsvg%3E");
}

.sheet-rowmenu_item_icon--cancel {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%22-300 0 2000 2000%22%3E  %3Cpath d%3D%22M1298 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z%22%2F%3E%3C%2Fsvg%3E");
}

.tabs {
  display: flex;
  position: relative;
  font-weight: normal;
}

.tabs-tab {
  flex: 1;
  text-align: center;
  cursor: pointer;
  padding: .375em 1em;
  transition: 150ms ease-out;
  font-size: 1.5em;
  font-weight: bold;
  white-space: nowrap;
  color: #000;
}

.tabs-tab:not(.tabs-tab--active):hover {
  color: #000;
}

.tabs-tab:not(.tabs-tab--active) {
  color: #adadad;
}

.tabs-tab--active {
  opacity: 1;
}

.tabs-underline {
  position: absolute;
  height: 4px;
  background: #cca15e;
  background: var(--theme-head-fg-highlight);
  border-radius: 5px;
  bottom: 0;
  transition: transform 150ms ease-out;
}

/* stylelint-disable */

.transition_expand {
  will-change: height;
  backface-visibility: hidden;
}

.expand-enter-active,
.expand-leave-active {
  transition-property: opacity, height;
  transition: 200ms ease;
  overflow: hidden;
}

.expand-enter,
.expand-leave-to {
  opacity: 0;
  height: 0;
}

.treenode {
  /* for toggler absolute pos */
  position: relative;
}

.treenode--level_2 .treenode-header {
  padding-left: calc(.8em + 1.5em);
}

.treenode--level_3 .treenode-header {
  padding-left: calc(.8em + 1.5em * 2);
}

.treenode--level_4 .treenode-header {
  padding-left: calc(.8em + 1.5em * 3);
}

.treenode-header {
  padding-left: .8em;
  padding-right: 3.5em;
  display: block;
  line-height: 3;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  border-left: .3em solid transparent;
  transition: border-color 200ms ease;
}

.treenode-header--selected,
.treenode-header:hover {
  background: #cca15e;
  background: var(--theme-secondary-color);
}

.treenode-header--selected {
  border-color: #cca15e;
  border-color: var(--theme-secondary-color);
}

.treenode-toggler {
  position: absolute;
  right: 1em;
  top: .5em;
  width: 2em;
  height: 2em;
  opacity: .5;
  outline: none;
  margin: 0;
  padding: 0;
  border: none;
  color: inherit;
  background: none;
  font-family: inherit;
  font-size: inherit;
  line-height: 1;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 50%;
}

.treenode-toggler:hover {
  opacity: 1;
  background-color: rgba(255,255,255, .1);
}

.treenode-toggler::-webkit-focus-inner {
  border: 0;
  padding: 0;
}

.treenode-toggler::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.treenode-toggler--expander::before,
.treenode-toggler--collapser::before {
  content: "\e80d";
  content: var(--fontello-right_open_big);
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  transition: transform 200ms ease;
}

.treenode-toggler--expander::before {
  transform: rotate(0deg);
}

.treenode-toggler--collapser::before {
  transform: rotate(90deg);
}

.treenode-toggler--loading::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -.5em;
  margin-left: -.5em;
  width: 1em;
  height: 1em;
  border: .2em solid;
  border-top-color: transparent;
  border-left-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  transform-origin: center center;
  transform: rotate(700000deg);
  transition: transform 1000000ms linear;
}

.user_agreement {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 25em;
}

.user_agreement-title {
  color: #0a0a0a;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: .5em;
  width: -moz-max-content;
  width: max-content;
  border-bottom: 1px solid #0a0a0a;
}

.user_agreement-text_container {
  padding: .625em;
  border: 1px solid #adadad;
  overflow-y: scroll;
  height: 20.25em;
  width: 23.5em;
}

.user_agreement-text_container::-webkit-scrollbar {
  background: transparent;
  display: block;
  width: 7px;
}

.user_agreement-text_container::-webkit-scrollbar-thumb {
  background: #adadad;
}

.user_agreement-text {
  color: #000;
  font-size: .875em;
  line-height: 1.3;
}

.user_agreement-btns {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 1em;
  width: 100%;
}

.user_agreement-btn {
  height: 3.75em;
}

.user_agreement-btn--decline {
  background: #adadad;
}

.wiki {
  display: flex;
  width: 100%;
  flex: 1;
}

.wiki-catalog {
  display: flex;
  flex-direction: column;
  width: 300px;
  /* height: 100%; */
  flex-shrink: 0;
  border: 1px solid #e1e7eb;
  margin-right: 2em;
  box-sizing: border-box;
  overflow-y: auto;
}

.wiki-page {
  display: flex;
  flex-direction: column;
  padding: 2em;
  border: 1px solid #e1e7eb;
  box-sizing: border-box;
  flex-grow: 1;
}

.wiki-page_name {
  font-size: 2em;
  margin-bottom: 1rem;
  font-weight: bold;
}

.wiki_catalog-item {
  padding-right: .3em;
  line-height: 3;
  position: relative;
  align-items: center;
  cursor: pointer;
}

.wiki_catalog-item:hover {
  background: #f2eeee;
}

.wiki_catalog-item::before {
  content: '';
  height: 100%;
  width: .3em;
  left: 0;
  position: absolute;
  background-color: #ccc;
  opacity: 0;
  transition: opacity 200ms ease;
}

.wiki_catalog-item--active {
  background: #f2eeee;
}

.wiki_catalog-item--active::before {
  opacity: 1;
}

.wiki_catalog-item--page {
  display: grid;
  grid-template-areas: 'name counter maptoggler expander';
  grid-template-columns: auto min-content 1em 2em;
  grid-column-gap: .5em;
  -moz-column-gap: .5em;
       column-gap: .5em;
  padding-left: calc(0 * 1em);
  padding-left: calc(var(--item-level, 0) * 1em);
}

.wiki_catalog-page_name {
  grid-area: name;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 1em;
}

.wiki_catalog-expander {
  grid-area: expander;
  width: 1.75em;
  height: 1.75em;
  color: inherit;
  border: none;
  background: none;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
  transition: transform 200ms ease;
}

.wiki_catalog-expander:focus {
  outline: none;
}

.wiki_catalog-expander:hover {
  background: #ccc;
}

.wiki_catalog-expander::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -.5em;
  margin-top: -.5em;
  content: '';
  width: 1em;
  height: 1em;
  color: inherit;
  border-style: solid;
  border-width: 0 .2em .2em 0;
  font-size: 50%;
  transform: translate(0, -25%) rotate(-45deg);
  transform-origin: 75% 75%;
  box-sizing: border-box;
}

.wiki_catalog-expander--on {
  transform: rotate(90deg);
}

.wiki_catalog-children.v-enter {
  transform: translate(2em, 0);
  opacity: 0;
}

.wiki_catalog-children.v-enter-active {
  transition:
    opacity 200ms ease 100ms, transform 200ms ease 100ms;
}

.wiki_catalog-children.v-leave-to {
  transform: scaleY(0);
  transform-origin: center top;
  opacity: 0;
}

.wiki_catalog-children.v-leave-active {
  position: absolute;
  width: 100%;
  transition:
    opacity 200ms ease, transform 200ms ease;
}

.wiki_catalog-item--href {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: calc(0 * 1em + 1em);
  padding-left: calc(var(--item-level, 0) * 1em + 1em);
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.wiki_catalog-item--href:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.wiki_catalog-container {
  position: relative;
}

.wiki_catalog-container.v-move {
  transition: transform 200ms ease;
}

.compass {
  display: block;
  margin: 6px 6px 0 0;
  pointer-events: all;
  color: #333;
}

.compass--loading .compass-loader {
  fill-opacity: 1;
}

.compass-border {
  fill: rgba(0, 0, 0, .3);
  stroke-width: 0;
}

.compass-bg {
  fill: #fff;
  stroke-width: 0;
}

.compass-loader {
  fill-opacity: 0;
  transition: fill-opacity 200ms ease;
  animation: compass-loader_spin 1s linear  infinite;
  transform-origin: center center;
  stroke-width: 0;
}

@keyframes compass-loader_spin {
  from { transform: rotate(0); }
  to { transform: rotate(1turn); }
}

.compass-labelbg {
  fill: currentColor;
}

.compass-label {
  fill: #fff;
}

.compass-arrow_n {
  fill: currentColor;
}

.compass-arrow_s {
  fill: #b3b3b3;
}

.map_export-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 482.5 482.5%22 width%3D%2220%22 height%3D%2220%22 fill%3D%22%23333333%22%3E  %3Cg%3E    %3Cpath d%3D%22M399.25%2C98.9h-12.4V71.3c0-39.3-32-71.3-71.3-71.3h-149.7c-39.3%2C0-71.3%2C32-71.3%2C71.3v27.6h-11.3      c-39.3%2C0-71.3%2C32-71.3%2C71.3v115c0%2C39.3%2C32%2C71.3%2C71.3%2C71.3h11.2v90.4c0%2C19.6%2C16%2C35.6%2C35.6%2C35.6h221.1c19.6%2C0%2C35.6-16%2C35.6-35.6      v-90.4h12.5c39.3%2C0%2C71.3-32%2C71.3-71.3v-115C470.55%2C130.9%2C438.55%2C98.9%2C399.25%2C98.9z M121.45%2C71.3c0-24.4%2C19.9-44.3%2C44.3-44.3h149.6      c24.4%2C0%2C44.3%2C19.9%2C44.3%2C44.3v27.6h-238.2V71.3z M359.75%2C447.1c0%2C4.7-3.9%2C8.6-8.6%2C8.6h-221.1c-4.7%2C0-8.6-3.9-8.6-8.6V298h238.3      V447.1z M443.55%2C285.3c0%2C24.4-19.9%2C44.3-44.3%2C44.3h-12.4V298h17.8c7.5%2C0%2C13.5-6%2C13.5-13.5s-6-13.5-13.5-13.5h-330      c-7.5%2C0-13.5%2C6-13.5%2C13.5s6%2C13.5%2C13.5%2C13.5h19.9v31.6h-11.3c-24.4%2C0-44.3-19.9-44.3-44.3v-115c0-24.4%2C19.9-44.3%2C44.3-44.3h316      c24.4%2C0%2C44.3%2C19.9%2C44.3%2C44.3V285.3z%22%2F%3E    %3Cpath d%3D%22M154.15%2C364.4h171.9c7.5%2C0%2C13.5-6%2C13.5-13.5s-6-13.5-13.5-13.5h-171.9c-7.5%2C0-13.5%2C6-13.5%2C13.5S146.75%2C364.4%2C154.15%2C364.4z%22%2F%3E    %3Cpath d%3D%22M327.15%2C392.6h-172c-7.5%2C0-13.5%2C6-13.5%2C13.5s6%2C13.5%2C13.5%2C13.5h171.9c7.5%2C0%2C13.5-6%2C13.5-13.5S334.55%2C392.6%2C327.15%2C392.6z%22%2F%3E    %3Cpath d%3D%22M398.95%2C151.9h-27.4c-7.5%2C0-13.5%2C6-13.5%2C13.5s6%2C13.5%2C13.5%2C13.5h27.4c7.5%2C0%2C13.5-6%2C13.5-13.5S406.45%2C151.9%2C398.95%2C151.9z%22%2F%3E  %3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

.map_pointercoords {
  /* координаты можно скопировать если потянуть карту до контрола
  * и тем самым зафиксировать координаты на время перемещения мышки
  * до текста с координатами */
  pointer-events: all;
  cursor: pointer;
  font-family: monospace;
  font-size: 80%;
  margin: 0 0 10px 10px;
  padding: 0 .25em;
  line-height: 1.4;
  color: #333;
  background-color: rgba(255, 255, 255, .5);
  border-radius: .2em;
  text-shadow:
    -1px -1px 1px #fff,
    1px -1px 1px #fff,
    -1px 1px 1px #fff,
    1px 1px 1px #fff;
}

.map_pointercoords:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.map_ruler--on {
  background-color: #ffffb5;
}

.scale_control {
  line-height: 1.4;
  background-color: rgba(255, 255, 255, .5);
  text-shadow:
    -1px -1px 1px #fff,
    1px -1px 1px #fff,
    -1px 1px 1px #fff,
    1px 1px 1px #fff;
  font-size: 80%;
  border-width: medium 2px 2px;
  border-style: none solid;
  border-color: #555;
  color: #333;
  box-sizing: border-box;
  margin: 0 10px 10px 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.scale_control-separator {
  margin: 0;
  width: 100%;
  border-top: solid 2px;
  border-color: inherit;
  position: relative;
}

.scale_control-separator::before {
  content: '';
  height: .75em;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 2px solid;
  border-color: inherit;
}

.scale_control-distance {
  margin: 0 .25em;
  display: block;
  text-align: right;
}

.scale_control-scale {
  margin: 0 .25em;
  display: block;
  text-align: right;
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
  pointer-events: auto;
}

.scale_control-scale:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}