/* Generated from ui/styles/shared-controls.css. Edit the source, then npm run build:styles. */
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; width: 16px; height: 16px; cursor: pointer; background: #85857e; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 3l10 10M13 3L3 13' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.address-autocomplete__clear, .address-autocomplete__clear:hover, .ep-address__clear, .ep-address__clear:hover { color: #85857e; background: transparent; }
.dropdown-focus-layer:popover-open { position: fixed !important; margin: 0 !important; inset: auto !important; left: var(--menu-left) !important; top: var(--menu-top) !important; width: var(--menu-width) !important; max-height: var(--menu-height) !important; box-sizing: border-box; }
.dropdown-focus-layer::backdrop { background: rgba(0,0,0,.42); }
.address-map-open { display: block; margin: var(--ui-space-8) 0; padding: var(--ui-space-4) 0; border: 0; background: transparent; color: inherit; font: inherit; font-size: var(--ui-font-size-14); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.address-map-dialog { border-radius: var(--ui-radius-card); width: min(780px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: var(--ui-space-24); border: 0; background: var(--ui-color-paper); color: #111; font-family: var(--ui-font-family); box-sizing: border-box; overflow: auto; }
.address-map-dialog::backdrop { background: #0009; }
.address-map-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--ui-space-16); }
.address-map-heading h2 { margin: 0; font-size: var(--ui-font-size-24); }
.address-map-heading button { border: 0; background: transparent; font-size: var(--ui-font-size-28); color: #85857e; cursor: pointer; width: 40px; height: 40px; }
.address-map-dialog p { font-size: var(--ui-font-size-14); line-height: var(--ui-line-height-1-5); margin: var(--ui-space-12) 0; }
.address-map-canvas { border-radius: var(--ui-radius-control); overflow: hidden; width: 100%; height: min(440px, 48dvh); background: #e9e9e5; }
.address-map-dialog [data-confirm] { border-radius: var(--ui-radius-control); width: 100%; padding: var(--ui-space-16); background: var(--ui-color-accent); color: white; border: 0; cursor: pointer; font: inherit; }
.address-map-dialog [data-confirm]:disabled { background: #ddd; color: #666; cursor: default; }
button[aria-label^="Закрыть"]:not([class*="backdrop"]):not(.menu-button), .address-autocomplete__clear, .ep-address__clear {
  display: flex; align-items: center; justify-content: center;
  font-size: 0 !important;
}
button[aria-label^="Закрыть"]:not([class*="backdrop"]):not(.menu-button) > svg, .address-autocomplete__clear > i, .ep-address__clear > i { display: none; }
button[aria-label^="Закрыть"]:not([class*="backdrop"]):not(.menu-button)::after, .address-autocomplete__clear::after, .ep-address__clear::after {
  content: ""; display: block; width: 16px; height: 16px; flex: 0 0 16px;
  background: currentColor;
  -webkit-mask: var(--icon-dismiss) center / contain no-repeat;
  mask: var(--icon-dismiss) center / contain no-repeat;
}

@media (max-width: 600px) {
  .address-autocomplete__clear, .ep-address__clear { width: var(--ui-space-44); height: var(--ui-space-44); right: var(--ui-space-4); }
  .address-map-dialog { padding: var(--ui-space-16); }
  .address-map-heading button { flex-shrink: 0; }
}