/*
 * Копия стилей виджета бронирования ReMarked для точки 140171
 * (оригинал: https://remarked.ru/widget/new/points/140171/140171.css, снят 30.10.2026).
 * Изменены шрифты (блок @font-face ниже) и в конце добавлено оформление в стиле сайта.
 * Если в кабинете ReMarked поменяют оформление виджета, эту копию нужно обновить.
 */
:root {
  --RM-background: #ffffff;
  --RM-secondary: #333132;
  --RM-font-acent: #333132;
  --RM-border: #F5F5F5;
  --RM-border-active: #999;
  --RM-light-hover: #818181;
  --RM-font-color: #A9A9A9;
  ;
}

/*
 * Шрифты виджета. Было у ReMarked: iowanoldstyle_bold.otf (680 КБ) и ViaodaLibre-Regular.ttf (190 КБ)
 * грузились сразу при открытии сайта. Теперь — сжатые woff2 из темы (~36 КБ и те же файлы Viaoda,
 * что у заголовков сайта, они уже в кэше). TildaSans и Lowan в стилях не используются — убраны.
 */
@font-face {
  font-family: 'iowanoldstyle_bold';
  font-display: swap;
  src: url('../fonts/iowan-old-style-bold.woff2') format('woff2');
}

@font-face {
  font-family: 'ViaodaLibre-Regular';
  font-display: swap;
  src: url('../fonts/viaoda-libre-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'ViaodaLibre-Regular';
  font-display: swap;
  src: url('../fonts/viaoda-libre-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'ViaodaLibre-Regular';
  font-display: swap;
  src: url('../fonts/viaoda-libre-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


.remarked__warning {
  margin-top: 15px;
  font-weight: 700;
  font-size: 18px;
}

.remarked-logo img {
  width: 100%;
}

.remarked-primary-widget *,
body .remarked-primary-widget input,
.remarked-primary-widget textarea {
  font-family: 'iowanoldstyle_bold' !important;
}

.remarked-primary-widget__submit,
.remarked-primary-widget__title {
  font-family: 'ViaodaLibre-Regular' !important;
}

.remarked-primary-widget__title {
  color: var(--RM-font-acent) !important;
}

.remarked-primary-widget__times-tabs-button {
  border-color: var(--RM-secondary);
  color: var(--RM-secondary);
}

body .remarked-primary-widget *,
body .remarked-primary-widget input,
body .remarked-primary-widget textarea,
body .remarked-primary-widget *::placeholder {
  color: #A9A9A9;
}

.remarked-primary-widget__submit {
  color: #333132 !important;
  height: 60px !important;
}

body .qs-datepicker * {
  color: #000;
}

body .remarked-primary-widget .remarked-primary-widget__times-item:hover,
body .remarked-primary-widget .remarked-primary-widget__times-item--active {
  color: #000000 !important;
}

.qs-active,
.qs-range-end,
.qs-range-start {
  color: #fff !important;
}

.remarked-primary-widget__times-tabs-button.__active,
.remarked-primary-widget__times-tabs-button:hover {
  background-color: var(--RM-secondary) !important;
  border-color: var(--RM-secondary) !important;
}

.remarked-primary-widget {
  background-color: var(--RM-background) !important;
}

.remarked-primary-widget__submit,
.remarked-primary-widget__submit:hover,
.remarked-primary-widget__submit:focus {
  background-color: #D8D8D8 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.remarked-primary-widget__submit:hover {
  background-color: var(--RM-light-hover) !important;
}

.remarked-primary-widget__policy-checkbox,
.remarked-primary-widget__policy-checkbox--active::after {
  border-color: var(--RM-secondary);
}

.remarked-primary-widget label {
  color: var(--RM-font-acent) !important;
  font-family: 'iowanoldstyle_bold' !important;
  font-style: italic !important;
  font-size: 15px;
  font-weight: 600;
}

.remarked-primary-widget__policy-text a,
.remarked-primary-widget label::after {
  color: var(--RM-secondary);
}


.remarked-primary-widget__form-row {
  border-bottom-color: var(--RM-border);
}

.remarked-widget-classic__preloader-block span {
  background-color: var(--RM-secondary);
}

.remarked-primary-widget__qtyplus::before,
.remarked-primary-widget__qtyplus::after,
.remarked-primary-widget__qtyminus::after {
  background-color: var(--RM-secondary);
}

body .remarked-primary-widget input,
.remarked-primary-widget__comment textarea {
  border-color: var(--RM-border);
}

.phoneCodeMaskReMarked .phoneCodeMaskReMarked-select,
.phoneCodeMaskReMarked .phoneCodeMaskReMarked-select:hover,
.phoneCodeMaskReMarked .phoneCodeMaskReMarked-select:focus {
  border-color: var(--RM-border) !important;
  background-color: transparent;
  color: #fff;
}

.phoneCodeMaskReMarked .phoneCodeMaskReMarked-input {
  border-color: var(--RM-border);
}

.remarked-primary-widget__times-item,
.remarked-primary-widget select {
  border-color: var(--RM-border) !important;
  font-size: 15px;
}

body .remarked-primary-widget input:focus,
.remarked-primary-widget select:hover,
body .remarked-primary-widget input:hover,
.remarked-primary-widget__comment textarea:hover,
.remarked-primary-widget__comment textarea:focus {
  border-color: var(--RM-border-active) !important;
}

.remarked-primary-widget__times-item:hover,
.remarked-primary-widget__times-item--active {
  border-color: var(--RM-border) !important;
  color: #fff !important;
  background-color: var(--RM-border) !important;
}

body .remarked-primary-widget option {
  color: black !important;
}

.remarked-primary-widget__times-notice {
  font-size: 20px;
  color: var(--RM-light-hover);
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 700;
}

.remarked-primary-widget__qtyplus:hover,
.remarked-primary-widget__qtyminus:hover {
  background-color: var(--RM-light-hover);
}

#remarked-add-select,
.remarked-primary-widget__restaurant-select,
.remarked-primary-widget__input input,
.remarked-primary-widget__input textarea,
.remarked-primary-widget__qty-wrap input,
.remarked-primary-widget__policy-checkbox,
.remarked-primary-widget__date-wrap input,
.remarked-primary-widget__times-notice,
.remarked-primary-widget__comment textarea,
.remarked-primary-widget__close svg rect {
  border-radius: 200px !important;
  border-width: 2px !important;
  border-style: solid !important;
  fill: #000000 !important;
}

.qs-overlay {
  background-color: #fff;
}

.remarked-primary-widget__submit {
  cursor: pointer;
  color: #ffffff;
  background-color: #f07048;
  padding: 0;
  height: 70px !important;
  /* Увеличил высоту */
  font-size: 16px;
  /* Увеличил текст */
  border-radius: 200px;
  /* Половина высоты для плавного скругления */
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 1 0 auto;
  text-align: center;
  width: 100% !important;
  max-width: 100% !important;
  line-height: 50px !important;
  /* Совпадает с высотой */
  font-weight: 700 !important;
  -webkit-transition: background-color 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  transition: background-color 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-box-shadow: 0 10px 20px rgb(240 112 72 / 50%);
  /* Увеличил тень */
  box-shadow: 0 10px 20px rgb(240 112 72 / 50%);
  margin-right: 0;
  display: block;
  font-family: 'ViaodaLibre-Regular' !important;
  text-transform: uppercase;
  margin-bottom: 20px;
  display: flex;
  /* Добавляем flex для точного центрирования */
  align-items: center;
  /* Центрирование по вертикали */
  justify-content: center;
  /* Центрирование по горизонтали */
}

.qs-datepicker-container,
.qs-datepicker,
.qs-square {
  border-radius: 0px !important;
}

body .remarked-primary-widget *:not(.remarked-primary-widget__policy-text a),
body .remarked-primary-widget #remarked-primary-widget__qty,
body .remarked-primary-widget input {
  color: #333132;
}

/* Цвет текста у placeholder */
body .remarked-primary-widget *::placeholder {
  color: var(--RM-font-color);
}

.remarked-primary-widget__form-col-email .remarked-primary-widget__input {
  position: relative;
  top: 2px;
}

.remarked-primary-widget__times-wrap {
  border: none !important;
}

body .remarked-primary-widget input {
  background-color: #F5F5F5;
  height: 60px;
  color: #A9A9A9;
}

.remarked-primary-widget select {
  background-color: #F5F5F5;
  height: 60px;
  color: #A9A9A9 !important;
}

.remarked-primary-widget__comment textarea {
  background-color: #F5F5F5;
  color: #A9A9A9;
  height: 70px;
}

.remarked-primary-widget__submit-wrap {

  display: flex;
  flex-direction: column;
  width: 100%;
}

#remarked-primary-widget__qty {
  width: 100%;
}

@media (max-width: 720px) {
  .remarked-primary-widget__submit-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}

.remarked-primary-widget__close svg rect {
    border-radius: 200px !important;
    border-width: 2px !important;
    border-style: solid !important;
    fill: #000000 !important;
}

.remarked-primary-widget__close {
    background-color: #ffffff !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

.remarked-primary-widget__close svg rect {
    border-radius: 200px !important;
    border-width: 2px !important;
    border-style: solid !important;
    fill: #000000 !important;
}
.remarked-primary-widget--success .remarked-primary-widget__success {
font-size: 15px;
}

/* =====================================================================
 * Оформление в стиле сайта — как у прежней формы брони (стили .text-field,
 * .field-label, .glassbtn.form, .checkbox из main.css).
 * Всё ниже — наши правила поверх правил ReMarked; чтобы вернуть вид
 * ReMarked, достаточно удалить этот блок.
 * ===================================================================== */

.remarked-primary-widget {
  --YP-black: #181818;
  --YP-field: #f6f6f6;
  --YP-placeholder: #676d78; /* контраст 4,8:1 на фоне поля — читается и проходит проверку доступности */
  --YP-glass: #8c8c8c40;
}

/* Основной текст — шрифт сайта (Iowan Old Style), а не жирное начертание */
body .remarked-primary-widget *,
body .remarked-primary-widget input,
body .remarked-primary-widget textarea,
body .remarked-primary-widget select {
  font-family: 'Iowan Old Style', Georgia, serif !important;
  font-weight: 400 !important;
}

/* Заголовок: Viaoda, заглавные, по левому краю */
body .remarked-primary-widget .remarked-primary-widget__title,
body .remarked-primary-widget .remarked-primary-widget__title * {
  font-family: 'ViaodaLibre-Regular', serif !important;
  text-transform: uppercase;
  text-align: left;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: .01em;
}

body .remarked-primary-widget .remarked-primary-widget__title {
  margin-bottom: 16px;
  padding-right: 56px; /* не заходить под крестик закрытия */
}

/* Вступительный текст под заголовком (задаётся в кабинете ReMarked) */
body .remarked-primary-widget .afterHeadTitleHtml {
  width: auto !important;
  font-size: 15px !important;
  line-height: 1.45;
  text-align: left;
  color: #333132 !important;
}

/* Абзацы вступления (их собирает скрипт yp-remarked-texts в «Общем коде»):
   строки абзаца выравниваются по длине — без коротких «хвостов» в конце */
body .remarked-primary-widget .afterHeadTitleHtml p {
  margin: 0 0 .7em;
  text-wrap: balance;
}

body .remarked-primary-widget .afterHeadTitleHtml p:last-child {
  margin-bottom: 0;
}

/* Подписи полей: курсив с отступом, как над полями старой формы */
body .remarked-primary-widget label {
  font-style: italic !important;
  font-weight: 400 !important;
  font-size: 15px;
  color: var(--YP-black) !important;
  margin-left: 28px;
  margin-bottom: 4px;
}

/* Отступы между полями — компактнее, чем у ReMarked (было 30–45px) */
body .remarked-primary-widget .remarked-primary-widget__form-col {
  margin-top: 14px;
}

body .remarked-primary-widget .remarked-primary-widget__times,
body .remarked-primary-widget .remarked-primary-widget__comment {
  margin-top: 14px;
}

body .remarked-primary-widget .remarked-primary-widget__first-select {
  margin-top: 0;
}

/* Строки формы на компьютере разделены линией — отступы вокруг неё меньше */
body .remarked-primary-widget .remarked-primary-widget__form-row {
  margin-top: 14px;
  padding-bottom: 18px;
}

/* Слоты времени: ближе к подписи; подсказка «Выберите время» без лишних полей */
body .remarked-primary-widget .remarked-primary-widget__times-wrap {
  margin-top: 4px;
}

body .remarked-primary-widget .remarked-primary-widget__times-notice {
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 1.3;
}

body .remarked-primary-widget .remarked-primary-widget__submit-wrap {
  margin-top: 22px;
}

body .remarked-primary-widget .remarked-primary-widget__submit {
  margin-top: 0;
  margin-bottom: 14px;
}

/* Поля: светлые «таблетки» без рамки с лёгкой внутренней тенью */
body .remarked-primary-widget input,
body .remarked-primary-widget select,
body .remarked-primary-widget .remarked-primary-widget__comment textarea {
  background-color: var(--YP-field) !important;
  border-color: transparent !important;
  border-width: 1px !important;
  box-shadow: inset 0 3px 7px #799bbe12;
  height: 56px;
  padding-left: 28px;
  font-size: 16px; /* меньше 16px — iPhone приближает страницу при вводе */
  color: var(--YP-black) !important;
}

body .remarked-primary-widget .remarked-primary-widget__comment textarea {
  height: 84px;
  padding-top: 16px;
  border-radius: 32px !important;
}

body .remarked-primary-widget input:hover,
body .remarked-primary-widget input:focus,
body .remarked-primary-widget select:hover,
body .remarked-primary-widget .remarked-primary-widget__comment textarea:hover,
body .remarked-primary-widget .remarked-primary-widget__comment textarea:focus {
  border-color: #8c8c8c80 !important;
}

body .remarked-primary-widget *::placeholder,
body .remarked-primary-widget select:has(option[value=""]:checked) {
  color: var(--YP-placeholder) !important;
}

/* «Подтверждение» (выпадающий список): у ReMarked рамка 2px по id — делаем 1px, как у остальных полей,
   и такую же тонкую рамку при наведении и выборе */
body .remarked-primary-widget #remarked-add-select {
  border-width: 1px !important;
  outline: none;
}

body .remarked-primary-widget #remarked-add-select:hover,
body .remarked-primary-widget #remarked-add-select:focus {
  border-color: #8c8c8c80 !important;
}

/* Плюс и минус: при наведении и нажатии — светлый фон, как у полей (у ReMarked тёмно-серый #818181,
   на телефоне он ещё и «залипает» после касания) */
body .remarked-primary-widget .remarked-primary-widget__qtyplus:hover,
body .remarked-primary-widget .remarked-primary-widget__qtyminus:hover,
body .remarked-primary-widget .remarked-primary-widget__qtyplus:focus,
body .remarked-primary-widget .remarked-primary-widget__qtyminus:focus {
  background-color: var(--YP-field);
  outline: none;
}

body .remarked-primary-widget .remarked-primary-widget__qtyplus:active,
body .remarked-primary-widget .remarked-primary-widget__qtyminus:active {
  background-color: #ececec;
}

/* Количество гостей: число по центру поля */
body .remarked-primary-widget #remarked-primary-widget__qty {
  padding-left: 0;
  text-align: center;
}

/* Кнопка «Забронировать»: стеклянная, как кнопки сайта */
body .remarked-primary-widget .remarked-primary-widget__submit,
body .remarked-primary-widget .remarked-primary-widget__submit:focus {
  font-family: 'ViaodaLibre-Regular', serif !important;
  font-size: 18px;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--YP-black) !important;
  background-color: var(--YP-glass) !important;
  border: 1px solid var(--YP-glass);
  border-radius: 200px;
  height: auto !important;
  line-height: 1 !important;
  padding: 22px 0;
  box-shadow: inset 3px 3px .5px -3.5px #fff, 0 2px 2px 0 #0000001a !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  transition: background-color .35s, box-shadow .35s;
}

body .remarked-primary-widget .remarked-primary-widget__submit:hover {
  background-color: #8c8c8c66 !important;
  box-shadow: inset 3px 3px .5px -3.5px #fff, 0 4px 10px 0 #0000001f !important;
  transform: none;
}

/* Крестик закрытия — как у крестика меню-бургера: круглое матовое стекло, две линии 1,5 px */
body .remarked-primary-widget__close {
  width: 48px !important;
  height: 48px !important;
  border: 1px solid #8c8c8c40 !important;
  border-radius: 50% !important;
  background: #ffffff40 !important;
  box-shadow: inset 3px 3px .5px -3.5px #fff, 0 2px 2px 0 #0000001a !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

body .remarked-primary-widget__close::before,
body .remarked-primary-widget__close::after {
  content: "";
  width: 46.7%;
  height: 1.5px;
  background-color: #333132; /* как линии бургера (--black на сайте) */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

body .remarked-primary-widget__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

body .remarked-primary-widget__close svg {
  display: none;
}

/* Галочка согласия: тёмный кружок с белой отметкой */
body .remarked-primary-widget .remarked-primary-widget__policy-checkbox {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  border: 1px solid #888 !important;
  border-radius: 50% !important;
  background-color: #f7f7f7;
}

body .remarked-primary-widget .remarked-primary-widget__policy-checkbox--active {
  border-color: var(--YP-black) !important;
  background: var(--YP-black) url('../images/691f051b965321e2da5a4868_check-icon-white.svg') 50% / 10px no-repeat;
}

body .remarked-primary-widget .remarked-primary-widget__policy-checkbox--active::after {
  display: none;
}

body .remarked-primary-widget .remarked-primary-widget__policy-text,
body .remarked-primary-widget .remarked-primary-widget__policy-text * {
  font-size: 14px;
  line-height: 1.4;
}

body .remarked-primary-widget .remarked-primary-widget__policy-text a {
  color: var(--YP-black) !important;
  text-decoration: underline;
  text-underline-position: under;
}

/* Свободное время: выбранное — тёмное, остальные — светлые «таблетки» */
body .remarked-primary-widget .remarked-primary-widget__times-item {
  border-radius: 200px !important;
  background-color: var(--YP-field) !important;
  border-color: transparent !important;
  color: var(--YP-black) !important;
}

body .remarked-primary-widget .remarked-primary-widget__times-item:hover {
  border-color: #8c8c8c80 !important;
}

body .remarked-primary-widget .remarked-primary-widget__times-item--active,
body .remarked-primary-widget .remarked-primary-widget__times-item--active:hover {
  background-color: var(--YP-black) !important;
  border-color: var(--YP-black) !important;
  color: #fff !important;
}

body .remarked-primary-widget .remarked-primary-widget__times-item--disabled {
  background-color: #eee !important;
  color: #bbb !important;
}

@media screen and (max-width: 479px) {
  body .remarked-primary-widget .remarked-primary-widget__title,
  body .remarked-primary-widget .remarked-primary-widget__title * {
    font-size: 24px;
  }

  body .remarked-primary-widget label {
    margin-left: 22px;
    font-size: 14px;
  }

  body .remarked-primary-widget input,
  body .remarked-primary-widget select {
    height: 52px;
    padding-left: 22px;
  }

  body .remarked-primary-widget .remarked-primary-widget__submit {
    padding: 20px 0;
  }

  /* на телефоне — размер кнопки-бургера (12vw) */
  body .remarked-primary-widget__close {
    width: 12vw !important;
    height: 12vw !important;
  }
}

/* Окно «Спасибо» после отправки брони — в том же стиле, что и форма: заголовок, текст и примечание по левому краю.
   Кнопки «Добавить в календарь» ReMarked создаёт с классом нашей кнопки «Забронировать», но со своими
   встроенными стилями (поля 0, flex: 0) — кнопка сжималась по высоте и текст вылезал за неё.
   Здесь им возвращена нормальная высота и ширина на всю форму */
body .remarked-primary-widget .remarked-primary-widget__success,
body .remarked-primary-widget .remarked-primary-widget__success-text {
  text-align: left !important;
}

body .remarked-primary-widget .remarked-primary-widget__success-text {
  margin-top: 14px;
  font-size: 16px;
  line-height: 1.45;
}

body .remarked-primary-widget .remarked-primary-widget__download-ics-block {
  align-items: stretch !important;
  gap: 16px !important;
  margin-top: 28px !important;
}

body .remarked-primary-widget .remarked-primary-widget__download-ics-block > div {
  width: 100%;
  gap: 12px !important;
}

body .remarked-primary-widget .remarked-primary-widget__download-ics-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: none !important;
  flex: none !important;
  margin: 0 !important;
  padding: 20px 16px !important;
  font-size: 16px;
  line-height: 1.2 !important;
  text-align: center;
}

body .remarked-primary-widget .remarked-primary-widget__download-ics-block > span {
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
}

/* Незаполненное поле при нажатии «Забронировать»: виджет ставит полю рамку цвета errorColor (в настройках — red)
   прямо в style, а наша светлая «таблетка» без рамки (border-color: transparent !important) её перекрывала —
   ошибки не было видно. Теперь такое поле подсвечивается мягким красным: рамка и розоватый фон.
   Имя и телефон виджет сам снимает с подсветки, как только поле заполнено; дату — снимаем здесь,
   как только в поле появилось значение (пропадает подсказка-плейсхолдер) */
body .remarked-primary-widget input[style*="border-color: red"],
body .remarked-primary-widget select[style*="border-color: red"],
body .remarked-primary-widget textarea[style*="border-color: red"] {
  border-color: var(--YP-error) !important;
  background-color: var(--YP-error-bg) !important;
  box-shadow: inset 0 0 0 1px var(--YP-error);
}

body .remarked-primary-widget .remarked-primary-widget__date-select[style*="border-color: red"]:not(:placeholder-shown) {
  border-color: transparent !important;
  background-color: var(--YP-field) !important;
  box-shadow: inset 0 3px 7px #799bbe12;
}

/* «Выберите время» — тем же красным, когда время не выбрано */
body .remarked-primary-widget .remarked-primary-widget__times-notice {
  color: var(--YP-error) !important;
}

body .remarked-primary-widget {
  --YP-error: #c9423a;
  --YP-error-bg: #fbeeec;
}