.popup-window {
  font-size: 13px;
  position: fixed; /* Фиксированное позиционирование */
  bottom: 20px; /* Отступ от нижнего края */
  right: 20px; /* Отступ от правого края */
  width: 250px;
  background-color: #f5efe0;
  box-shadow: inset -1px -1px #00138c, inset 1px 1px #0831d9, inset -2px -2px #001ea0, inset 2px 2px #166aee, inset -3px -3px #003bda, inset 3px 3px #0855dd;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 0 0 3px;
  -webkit-font-smoothing: antialiased;
  z-index: 1000; /* Поверх других элементов сайта */
}

.popup-title-bar {
  /* font-family: Trebuchet MS; */
  background: linear-gradient(180deg, #0997ff, #0053ee 8%, #0050ee 40%, #06f 88%, #06f 93%, #005bff 95%, #003dd7 96%, #003dd7);
  padding: 3px 5px 3px 3px;
  border-top: 1px solid #0831d9;
  border-left: 1px solid #0831d9;
  border-right: 1px solid #001ea0;
  border-top-left-radius: 8px;
  border-top-right-radius: 7px;
  font-size: 15px;
  text-shadow: 1px 1px #0f1089;
  height: 30px;
  align-items: center;
  justify-content: space-between;
  display: flex;
}

.popup-title-group {
  height: 30px;
  display: flex;
  align-items: center;
}

.popup-icon {
  width: auto;
  height: 90%; /* Размер иконки составляет 80% от высоты заголовка */
/*   margin-right: 5px; Отступ справа для создания пространства между иконкой и текстом */
}

.popup-title-bar-text {
  font-weight: 700;
  color: #fff;
  letter-spacing: 0;
  margin-right: 24px;
  padding-left: 3px;
}

.popup-title-bar-controls button {
  padding: 0;
  color: #fff;
  font-weight: bold;
  display: block;
  min-width: 22px;
  min-height: 22px;
  background: linear-gradient(135deg, #efa390, #dd1002 75%);
  font-size: 15px;
  border: 1px solid #fff;
  border-radius: 5px;
}


.popup-title-bar-controls button:hover {
  outline: none;
  background: linear-gradient(135deg, #efa390, #ff1100 75%);
  text-decoration: none; /* Убирает подчеркивание при наведении */
}

.popup-window-body {
  margin: 8px;
}

.popup-field-row {
  display: flex;
  padding: 0px;
/*   align-items: center; */
}

.popup-field-row>*+* {
  margin-left: 6px;
}

[class^=field-row]+[class^=field-row] {
  margin-top: 6px;
}

.popup-field-row-stacked {
  display: flex;
  flex-direction: column;
}

.popup-field-row-stacked *+* {
  margin-top: 6px;
}

button.popup-accept {
  color: #000;
  min-width: 75px;
  min-height: 23px;
  font-family: "Pixelated MS Sans Serif", Arial;
  -webkit-font-smoothing: antialiased;
  font-size: 10px;
  box-sizing: border-box;
  border: 1px solid #003c74;
  background: linear-gradient(180deg, #fff, #ecebe5 86%, #d8d0c4);
  box-shadow: none;
  border-radius: 3px;
}

button.popup-accept:not(:disabled).active,
button.popup-accept:not(:disabled):active {
  box-shadow: none;
  background: linear-gradient(180deg, #cdcac3, #e3e3db 8%, #e5e5de 94%, #f2f2f1);
}

button.popup-accept:not(:disabled):hover {
  box-shadow: inset -1px 1px #fff0cf, inset 1px 2px #fdd889, inset -2px 2px #fbc761, inset 2px -2px #e5a01a;
  text-decoration: none; /* Убирает подчеркивание при наведении */
}

button.popup-accept.focused,
button.popup-accept:focus {
  box-shadow: inset -1px 1px #cee7ff, inset 1px 2px #98b8ea, inset -2px 2px #bcd4f6, inset 1px -1px #89ade4, inset 2px -2px #89ade4;
}

button.popup-accept::-moz-focus-inner {
  border: 0;
}