.region-dropdown-btn {
  max-width: 200px;
  width: 100%;
}
.region-dropdown-btn-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}
.region-dropdown-btn-content-city {
  display: none;
  padding: 0 var(--gap-xs);
}
.region-dropdown-btn-content-city:empty {
  display: none;
}
@media (min-width: 1025px) {
  .region-dropdown-btn-content-city {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
  }
}
.region-dropdown-modal::part(dropdown-content) {
  position: fixed;
  max-width: 350px;
  width: calc(100vw - var(--gap-3xl));
  min-width: 0;
  top: auto;
  right: var(--gap-m);
  left: auto;
  transition: transform var(--transition);
  transform: translateY(0);
}
@media (min-width: 1025px) {
  .region-dropdown-modal::part(dropdown-content) {
    position: absolute;
    width: 350px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
  }
}
.region-dropdown-modal-body {
  padding: var(--gap-m) var(--gap-m) var(--gap-s);
  text-align: center;
  font-size: var(--font-size-xl);
}
@media (min-width: 1025px) {
  .region-dropdown-modal-body {
    padding: var(--gap-3xl) var(--gap-xl) var(--gap-xs);
  }
}
.region-dropdown-modal-footer {
  display: flex;
  column-gap: var(--gap-s);
  padding: var(--gap-s) var(--gap-m);
  box-sizing: border-box;
}
.region-dropdown-modal-footer > * {
  flex: 1;
}
@media (min-width: 1025px) {
  .region-dropdown-modal-footer {
    padding: var(--gap-m) var(--gap-xl);
  }
}

.region-modal {
  --select-country-height: 0px;
}
.region-modal-selected {
  --tag-background: var(--base-50);
}
.region-modal-selected::part(tag) {
  max-height: 40px;
}
.region-modal-selected::part(text) {
  width: 100%;
  font-size: var(--font-size-m);
  line-height: var(--line-height-m);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.region-modal-selected::part(left)::after, .region-modal-selected::part(right)::after {
  width: 300%;
}
.region-modal-selected-content {
  display: flex;
  flex-wrap: nowrap;
  column-gap: var(--bap-xs);
  align-items: center;
  width: 100%;
  gap: var(--gap-xs);
  padding: var(--gap-xxs);
}
.region-modal-selected-city {
  flex-grow: 1;
  height: 24px;
  display: block;
}
.region-modal-input {
  margin-top: var(--gap-s);
  display: block;
}
.region-modal-input-error {
  margin-top: var(--gap-xxl);
  text-align: center;
  color: var(--text-secondary-color);
}
.region-modal-group-title {
  font-weight: 600;
  margin-bottom: var(--gap-xs);
}
.region-modal-group__small {
  margin-top: var(--gap-s);
}
.region-modal-group-list {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-xxs);
  padding-right: calc(var(--gap-m, 16px) - var(--gap-3xs, 2px));
}
.region-modal-group-list .link-secondary {
  width: fit-content;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.region-modal-groups {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-xl);
}
.region-modal:has(.region-modal-select) {
  --select-country-height: 68px;
}
.region-modal-select {
  --input-bg-disabled: var(--white);
}
.region-modal-select-container {
  margin-top: var(--gap-s);
  display: block;
}
.region-modal-scroll-panel::part(scroll-content-wrapper) {
  padding: 0;
}
.region-modal-scroll-panel.empty-search {
  display: none;
}
.region-modal-scroll-panel__wrapper {
  overflow: hidden;
  flex-grow: 1;
  margin-top: var(--gap-xl);
}

@media (max-width: 767px) {
  .header-hidden .region-dropdown-modal::part(dropdown-content) {
    transform: translateY(62px);
  }
}