/* line 1, app/assets/stylesheets/new-widget/base/reset.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* line 7, app/assets/stylesheets/new-widget/base/reset.scss */
* {
  padding: 0;
  margin: 0;
}

/* line 12, app/assets/stylesheets/new-widget/base/reset.scss */
html, body {
  overscroll-behavior-y: none;
  scrollbar-width: none;
}

/* line 17, app/assets/stylesheets/new-widget/base/reset.scss */
html:has(.is-inline), body:has(.is-inline) {
  overscroll-behavior-y: unset;
}

/* line 21, app/assets/stylesheets/new-widget/base/reset.scss */
body:has(.reservations-widget) {
  height: 100%;
}

/* line 25, app/assets/stylesheets/new-widget/base/reset.scss */
h1, h2, h3, h4, h5, h6 {
  font-size: 14px;
  font-weight: 600;
}

/* line 30, app/assets/stylesheets/new-widget/base/reset.scss */
ol, ul, li {
  list-style: none;
}

/* line 34, app/assets/stylesheets/new-widget/base/reset.scss */
strong {
  font-weight: 600;
}

/* line 38, app/assets/stylesheets/new-widget/base/reset.scss */
a {
  color: #282828;
  text-decoration: none;
}

/* line 43, app/assets/stylesheets/new-widget/base/reset.scss */
img {
  display: block;
}

/* line 49, app/assets/stylesheets/new-widget/base/reset.scss */
form fieldset {
  border: none;
}

/* line 53, app/assets/stylesheets/new-widget/base/reset.scss */
form label {
  cursor: pointer;
  font-weight: 600;
}

/* line 57, app/assets/stylesheets/new-widget/base/reset.scss */
form label abbr {
  color: #D4283C;
}

/* line 62, app/assets/stylesheets/new-widget/base/reset.scss */
form input, form textarea {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
}

/* line 67, app/assets/stylesheets/new-widget/base/reset.scss */
form input {
  line-height: 1;
}

/* line 71, app/assets/stylesheets/new-widget/base/reset.scss */
form textarea {
  line-height: 24px;
}

/* line 75, app/assets/stylesheets/new-widget/base/reset.scss */
form label:has(input) {
  font-weight: 400;
}

/* line 80, app/assets/stylesheets/new-widget/base/reset.scss */
address {
  font-style: normal;
}

@media only screen and (max-width: 468px) {
  /* line 86, app/assets/stylesheets/new-widget/base/reset.scss */
  body:has(.reservations-widget) {
    background: #0061BE;
  }
  /* line 90, app/assets/stylesheets/new-widget/base/reset.scss */
  body:has(.reservations-widget.has-offers),
body:has(.widget-guests, .widget-times, .widget-dates),
body:has(.widget-reservation-details),
body:has(.widget-restaurant-selector) {
    background: #ffffff;
  }
}

/* line 3, app/assets/stylesheets/new-widget/base/helpers.scss */
.reservations-widget .is-hidden {
  display: none;
}

/* line 7, app/assets/stylesheets/new-widget/base/helpers.scss */
.reservations-widget .inline-errors {
  color: #D4283C;
}

/* line 10, app/assets/stylesheets/new-widget/base/helpers.scss */
.reservations-widget .inline-errors:first-letter {
  text-transform: capitalize;
}

/* line 15, app/assets/stylesheets/new-widget/base/helpers.scss */
.reservations-widget .inline-hints {
  font-size: 12px;
  line-height: 1.25;
}

/* line 1, app/assets/stylesheets/new-widget/base/outline.scss */
.reservations-widget {
  color: #282828;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  background: none;
}

/* line 1, app/assets/stylesheets/new-widget/components/button.scss */
.reservation-widget-button {
  display: inline-block;
}

/* line 4, app/assets/stylesheets/new-widget/components/button.scss */
.reservation-widget-button.reservation-widget-button-bottom-right {
  float: right;
  padding-top: 4px;
  padding-right: 4px;
}

/* line 12, app/assets/stylesheets/new-widget/components/button.scss */
.reservation-widget-button.reservation-widget-button-bottom-left {
  float: left;
  padding-top: 4px;
  padding-left: 4px;
}

/* line 20, app/assets/stylesheets/new-widget/components/button.scss */
.reservation-widget-button .widget-button-main {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  width: 100%;
  background: #0061BE;
  padding: 16px;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 2px;
}

/* line 35, app/assets/stylesheets/new-widget/components/button.scss */
.reservation-widget-button .widget-button-main svg {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

/* line 3, app/assets/stylesheets/new-widget/components/header.scss */
.reservations-widget .widget-header {
  position: sticky;
  z-index: 1;
  top: 0;
  max-width: 100%;
  background: #0061BE;
  padding: 16px;
}

/* line 12, app/assets/stylesheets/new-widget/components/header.scss */
.reservations-widget .widget-title-and-actions {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

/* line 18, app/assets/stylesheets/new-widget/components/header.scss */
.reservations-widget .widget-title-and-actions .widget-back,
.reservations-widget .widget-title-and-actions .widget-close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 0;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
}

/* line 30, app/assets/stylesheets/new-widget/components/header.scss */
.reservations-widget .widget-title-and-actions .widget-back span,
.reservations-widget .widget-title-and-actions .widget-close span {
  display: none;
}

/* line 34, app/assets/stylesheets/new-widget/components/header.scss */
.reservations-widget .widget-title-and-actions .widget-back svg,
.reservations-widget .widget-title-and-actions .widget-close svg {
  display: block;
  color: #0061BE;
}

/* line 40, app/assets/stylesheets/new-widget/components/header.scss */
.reservations-widget .widget-title-and-actions .widget-close svg {
  width: 20px;
  height: 20px;
}

/* line 45, app/assets/stylesheets/new-widget/components/header.scss */
.reservations-widget .widget-title-and-actions .widget-back svg {
  width: 16px;
  height: 16px;
}

/* line 50, app/assets/stylesheets/new-widget/components/header.scss */
.reservations-widget .widget-title-and-actions .widget-title {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  width: calc(100% - 8px * 8);
  color: #ffffff;
  padding-right: 24px;
  padding-left: 24px;
  margin-left: 32px;
}

/* line 63, app/assets/stylesheets/new-widget/components/header.scss */
.reservations-widget .widget-title-and-actions .widget-title span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 68, app/assets/stylesheets/new-widget/components/header.scss */
.reservations-widget .widget-title-and-actions .widget-title span a {
  display: flex;
  align-items: center;
  min-width: 0;
  color: #ffffff;
}

/* line 74, app/assets/stylesheets/new-widget/components/header.scss */
.reservations-widget .widget-title-and-actions .widget-title span a span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 80, app/assets/stylesheets/new-widget/components/header.scss */
.reservations-widget .widget-title-and-actions .widget-title span a svg {
  width: 16px;
  height: 16px;
  margin-left: 8px;
}

/* line 89, app/assets/stylesheets/new-widget/components/header.scss */
.reservations-widget .widget-title-and-actions .widget-back + .widget-title {
  margin-left: 0;
}

/* line 99, app/assets/stylesheets/new-widget/components/header.scss */
.reservations-widget.is-inline .widget-title-and-actions .widget-back + .widget-title {
  margin-right: 32px;
}

/* line 3, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget .widget-detail-selectors {
  margin-top: 16px;
}

/* line 6, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget .widget-detail-selectors li {
  margin-bottom: 12px;
}

/* line 9, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget .widget-detail-selectors li .widget-details-selectors-label {
  display: none;
}

/* line 13, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget .widget-detail-selectors li > a {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  color: #0061BE;
  background: #ffffff;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  border-radius: 8px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
}

/* line 30, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget .widget-detail-selectors li > a svg {
  display: block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

/* line 40, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget .widget-detail-selectors li:last-child {
  margin-bottom: 0;
}

/* line 50, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget:has(.widget-guests) .widget-detail-selectors li.widget-guest-select > a {
  background: #f2f2f2;
}

/* line 60, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget:has(.widget-dates) .widget-detail-selectors li.widget-date-select > a {
  background: #f2f2f2;
}

/* line 70, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget:has(.widget-times) .widget-detail-selectors li.widget-time-select > a {
  background: #f2f2f2;
}

/* line 81, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget.has-offers .widget-detail-selectors,
.reservations-widget:not(.has-offers):has(.widget-guest-details) .widget-detail-selectors {
  margin-right: -16px;
  margin-bottom: -14px;
  margin-left: -16px;
}

/* line 88, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget.has-offers .widget-detail-selectors ul,
.reservations-widget:not(.has-offers):has(.widget-guest-details) .widget-detail-selectors ul {
  display: flex;
}

/* line 92, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget.has-offers .widget-detail-selectors li,
.reservations-widget:not(.has-offers):has(.widget-guest-details) .widget-detail-selectors li {
  width: 33.333%;
  margin: 0;
}

/* line 96, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget.has-offers .widget-detail-selectors li > a,
.reservations-widget:not(.has-offers):has(.widget-guest-details) .widget-detail-selectors li > a {
  flex-flow: row nowrap;
  justify-content: center;
  height: 32px;
  color: #ffffff;
  padding-right: 8px;
  padding-left: 8px;
  background: #00468B;
  border-radius: 0;
  box-shadow: none;
}

/* line 109, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget.has-offers .widget-detail-selectors li > a strong,
.reservations-widget:not(.has-offers):has(.widget-guest-details) .widget-detail-selectors li > a strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
}

/* line 118, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget.has-offers .widget-detail-selectors li.widget-guest-select,
.reservations-widget:not(.has-offers):has(.widget-guest-details) .widget-detail-selectors li.widget-guest-select {
  width: calc(33.333% - 4px);
  margin: 0 2px;
}

/* line 131, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget.has-offers:has(.widget-dates) .widget-detail-selectors li.widget-date-select > a,
.reservations-widget:not(.has-offers):has(.widget-guest-details):has(.widget-dates) .widget-detail-selectors li.widget-date-select > a {
  color: #282828;
  background: #ffffff;
  box-shadow: #ffffff 0 2px 0, #ffffff 0 -4px 0;
  border-top-right-radius: 4px;
}

/* line 140, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget.has-offers:has(.widget-dates) .widget-detail-selectors li.widget-guest-select,
.reservations-widget:not(.has-offers):has(.widget-guest-details):has(.widget-dates) .widget-detail-selectors li.widget-guest-select {
  width: calc(33.333% - 2px);
  margin-left: 0;
}

/* line 151, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget.has-offers:has(.widget-guests) .widget-detail-selectors li.widget-guest-select,
.reservations-widget:not(.has-offers):has(.widget-guest-details):has(.widget-guests) .widget-detail-selectors li.widget-guest-select {
  width: 33.333%;
  margin: 0;
}

/* line 155, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget.has-offers:has(.widget-guests) .widget-detail-selectors li.widget-guest-select > a,
.reservations-widget:not(.has-offers):has(.widget-guest-details):has(.widget-guests) .widget-detail-selectors li.widget-guest-select > a {
  color: #282828;
  background: #ffffff;
  box-shadow: #ffffff 0 2px 0, #ffffff 0 -4px 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

/* line 171, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget.has-offers:has(.widget-times) .widget-detail-selectors li.widget-guest-select,
.reservations-widget:not(.has-offers):has(.widget-guest-details):has(.widget-times) .widget-detail-selectors li.widget-guest-select {
  width: calc(33.333% - 2px);
  margin-right: 0;
}

/* line 178, app/assets/stylesheets/new-widget/components/detail-selectors.scss */
.reservations-widget.has-offers:has(.widget-times) .widget-detail-selectors li.widget-time-select > a,
.reservations-widget:not(.has-offers):has(.widget-guest-details):has(.widget-times) .widget-detail-selectors li.widget-time-select > a {
  color: #282828;
  background: #ffffff;
  box-shadow: #ffffff 0 2px 0, #ffffff 0 -4px 0;
  border-top-left-radius: 4px;
}

/* line 3, app/assets/stylesheets/new-widget/components/guests.scss */
.reservations-widget .widget-guests {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 16px;
}

/* line 10, app/assets/stylesheets/new-widget/components/guests.scss */
.reservations-widget .widget-guests .widget-guest {
  width: calc(50% - 8px);
  margin-bottom: 12px;
}

/* line 14, app/assets/stylesheets/new-widget/components/guests.scss */
.reservations-widget .widget-guests .widget-guest a {
  display: block;
  font-weight: 600;
  text-align: center;
  color: #282828;
  background: rgba(255, 255, 255, 0.8);
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}

/* line 29, app/assets/stylesheets/new-widget/components/guests.scss */
.reservations-widget .widget-guests .widget-guest a.available {
  color: #282828;
}

/* line 33, app/assets/stylesheets/new-widget/components/guests.scss */
.reservations-widget .widget-guests .widget-guest a.selected {
  background: rgba(0, 0, 0, 0.05);
}

/* line 39, app/assets/stylesheets/new-widget/components/guests.scss */
.reservations-widget .widget-guests .widget-guest:last-child {
  margin-bottom: 0;
}

/* line 3, app/assets/stylesheets/new-widget/components/times.scss */
.reservations-widget .widget-times {
  padding: 16px;
}

/* line 6, app/assets/stylesheets/new-widget/components/times.scss */
.reservations-widget .widget-times .widget-time {
  margin-bottom: 12px;
}

/* line 9, app/assets/stylesheets/new-widget/components/times.scss */
.reservations-widget .widget-times .widget-time a {
  display: flex;
  color: #282828;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.8);
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}

/* line 23, app/assets/stylesheets/new-widget/components/times.scss */
.reservations-widget .widget-times .widget-time a .squeezed-end-time-text,
.reservations-widget .widget-times .widget-time a .fixed-end-time-text {
  font-weight: 400;
  color: rgba(40, 40, 40, 0.7);
  margin-left: 4px;
}

/* line 30, app/assets/stylesheets/new-widget/components/times.scss */
.reservations-widget .widget-times .widget-time a .confirmable-text,
.reservations-widget .widget-times .widget-time a .unavailable-text {
  margin-left: auto;
}

/* line 35, app/assets/stylesheets/new-widget/components/times.scss */
.reservations-widget .widget-times .widget-time a.available {
  color: #282828;
}

/* line 39, app/assets/stylesheets/new-widget/components/times.scss */
.reservations-widget .widget-times .widget-time a.unavailable {
  color: #D4283C;
}

/* line 42, app/assets/stylesheets/new-widget/components/times.scss */
.reservations-widget .widget-times .widget-time a.unavailable span.start-time {
  text-decoration: line-through;
}

/* line 49, app/assets/stylesheets/new-widget/components/times.scss */
.reservations-widget .widget-times .widget-time a.squeezed .start-time {
  display: flex;
  align-items: center;
}

/* line 53, app/assets/stylesheets/new-widget/components/times.scss */
.reservations-widget .widget-times .widget-time a.squeezed .start-time svg {
  color: #E39600;
  width: 24px;
  height: 24px;
  margin-left: 4px;
}

/* line 62, app/assets/stylesheets/new-widget/components/times.scss */
.reservations-widget .widget-times .widget-time a.selected {
  background: rgba(0, 0, 0, 0.05);
}

/* line 68, app/assets/stylesheets/new-widget/components/times.scss */
.reservations-widget .widget-times .widget-time:last-child {
  margin-bottom: 0;
}

/* line 3, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates {
  display: block;
  padding: 16px;
}

/* line 8, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar {
  width: 100%;
  color: #282828;
  background: rgba(255, 255, 255, 0.6);
  overflow: hidden;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

/* line 16, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

/* line 24, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar caption span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}

/* line 31, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar caption a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}

/* line 41, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar caption a svg {
  color: #282828;
  width: 16px;
  height: 16px;
}

/* line 49, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar thead {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* line 53, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar thead th {
  padding-top: 8px;
  padding-bottom: 8px;
}

/* line 63, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar tbody td.date {
  font-weight: 600;
  padding: 1px;
}

/* line 67, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar tbody td.date a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  border-radius: 2px;
}

/* line 74, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar tbody td.date a.available {
  color: #282828;
  background: #abe4a9;
}

/* line 78, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar tbody td.date a.available.active, .reservations-widget .widget-dates-calendar tbody td.date a.available:hover {
  color: #ffffff;
  background: #32932e;
}

/* line 84, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar tbody td.date a.available-elsewhere {
  color: #282828;
}

/* line 87, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar tbody td.date a.available-elsewhere.active, .reservations-widget .widget-dates-calendar tbody td.date a.available-elsewhere:hover {
  background: rgba(40, 40, 40, 0.1);
}

/* line 92, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar tbody td.date a.unavailable, .reservations-widget .widget-dates-calendar tbody td.date a.disabled {
  color: rgba(40, 40, 40, 0.3);
  pointer-events: none;
}

/* line 98, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar tbody td.date a.unavailable {
  text-decoration: line-through;
}

/* line 102, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar tbody td.date a.today {
  position: relative;
}

/* line 105, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar tbody td.date a.today:before {
  position: absolute;
  display: block;
  width: 32px;
  height: 32px;
  content: '';
  border: 2px solid rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}

/* line 120, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar tbody td.date.muted a {
  visibility: hidden;
}

/* line 125, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar tbody tr td:first-child {
  padding-left: 8px;
}

/* line 129, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar tbody tr td:last-child {
  padding-right: 8px;
}

/* line 133, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar tbody tr:first-child td {
  padding-top: 8px;
}

/* line 137, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-calendar tbody tr:last-child td {
  padding-bottom: 8px;
}

/* line 143, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-holidays {
  margin-top: 16px;
}

/* line 146, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-holidays li {
  margin-bottom: 8px;
}

/* line 150, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-holidays li:last-child {
  margin-bottom: 0;
}

/* line 155, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-bookable-badge {
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
}

/* line 160, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-bookable-badge strong {
  display: inline-flex;
  align-items: center;
}

/* line 164, app/assets/stylesheets/new-widget/components/dates.scss */
.reservations-widget .widget-dates-bookable-badge strong:before {
  display: block;
  width: 16px;
  height: 16px;
  content: '';
  background: #abe4a9;
  margin-right: 8px;
  border-radius: 50%;
}

/* line 4, app/assets/stylesheets/new-widget/components/content.scss */
.reservations-widget .widget-content {
  background-color: #ffffff;
}

/* line 8, app/assets/stylesheets/new-widget/components/content.scss */
.reservations-widget .widget-content-header {
  padding: 16px;
  padding-bottom: 0;
}

/* line 13, app/assets/stylesheets/new-widget/components/content.scss */
.reservations-widget .widget-content-not-found {
  display: block;
  padding: 16px;
}

/* line 21, app/assets/stylesheets/new-widget/components/content.scss */
.reservations-widget:has(.widget-content > *):has(.widget-footer) .widget-content {
  padding-bottom: 112px;
}

/* line 28, app/assets/stylesheets/new-widget/components/content.scss */
.reservations-widget:not(:has(.widget-content > *)):has(.widget-footer) .widget-content {
  padding-bottom: 0;
}

/* line 32, app/assets/stylesheets/new-widget/components/content.scss */
.reservations-widget:not(:has(.widget-content > *)):has(.widget-footer) .widget-footer {
  position: static;
}

/* line 6, app/assets/stylesheets/new-widget/components/flash-message.scss */
.reservations-widget .widget-flash-message,
.reservations-widget.has-offers .widget-flash-message,
.reservations-widget:not(.has-offers):has(.widget-guest-details) .widget-flash-message {
  position: absolute;
  z-index: 3;
  top: calc(100% + 8px * 3);
  right: 40px;
  left: 40px;
  opacity: 1;
  visibility: visible;
  text-align: center;
  background: #ffffff;
  padding: 16px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
  transition: opacity 500ms ease-in, visibility 0ms ease-in 500ms !important;
}

/* line 22, app/assets/stylesheets/new-widget/components/flash-message.scss */
.reservations-widget .widget-flash-message:before,
.reservations-widget.has-offers .widget-flash-message:before,
.reservations-widget:not(.has-offers):has(.widget-guest-details) .widget-flash-message:before {
  position: absolute;
  top: -11px;
  display: block;
  width: 0px;
  height: 0px;
  content: '';
  border-style: solid;
  border-width: 0 12px 12px 12px;
  border-color: transparent transparent #ffffff transparent;
  filter: drop-shadow(0 -2px 1px rgba(0, 0, 0, 0.15));
}

/* line 35, app/assets/stylesheets/new-widget/components/flash-message.scss */
.reservations-widget .widget-flash-message.is-hiding,
.reservations-widget.has-offers .widget-flash-message.is-hiding,
.reservations-widget:not(.has-offers):has(.widget-guest-details) .widget-flash-message.is-hiding {
  visibility: hidden;
  opacity: 0;
}

/* line 40, app/assets/stylesheets/new-widget/components/flash-message.scss */
.reservations-widget .widget-flash-message .flash-message-content,
.reservations-widget.has-offers .widget-flash-message .flash-message-content,
.reservations-widget:not(.has-offers):has(.widget-guest-details) .widget-flash-message .flash-message-content {
  display: block;
  margin-bottom: 16px;
}

/* line 45, app/assets/stylesheets/new-widget/components/flash-message.scss */
.reservations-widget .widget-flash-message .flash-message-action,
.reservations-widget.has-offers .widget-flash-message .flash-message-action,
.reservations-widget:not(.has-offers):has(.widget-guest-details) .widget-flash-message .flash-message-action {
  display: inline-flex;
  align-items: center;
  height: 32px;
  color: #ffffff;
  background: #0061BE;
  padding-right: 16px;
  padding-left: 16px;
  border-radius: 8px;
}

/* line 62, app/assets/stylesheets/new-widget/components/flash-message.scss */
.reservations-widget .widget-date-select:has([class*="-flash-message"]) [class*="-flash-message"]:before,
.reservations-widget.has-offers .widget-date-select:has([class*="-flash-message"]) [class*="-flash-message"]:before,
.reservations-widget:not(.has-offers):has(.widget-guest-details) .widget-date-select:has([class*="-flash-message"]) [class*="-flash-message"]:before {
  left: 16px;
}

/* line 69, app/assets/stylesheets/new-widget/components/flash-message.scss */
.reservations-widget .widget-guest-select:has([class*="-flash-message"]) [class*="-flash-message"]:before,
.reservations-widget.has-offers .widget-guest-select:has([class*="-flash-message"]) [class*="-flash-message"]:before,
.reservations-widget:not(.has-offers):has(.widget-guest-details) .widget-guest-select:has([class*="-flash-message"]) [class*="-flash-message"]:before {
  left: 50%;
  margin-left: -8px * 1.5;
}

/* line 77, app/assets/stylesheets/new-widget/components/flash-message.scss */
.reservations-widget .widget-time-select:has([class*="-flash-message"]) [class*="-flash-message"]:before,
.reservations-widget.has-offers .widget-time-select:has([class*="-flash-message"]) [class*="-flash-message"]:before,
.reservations-widget:not(.has-offers):has(.widget-guest-details) .widget-time-select:has([class*="-flash-message"]) [class*="-flash-message"]:before {
  right: 16px;
}

/* line 3, app/assets/stylesheets/new-widget/components/errors.scss */
.reservations-widget .widget-errors {
  color: #ffffff;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  background: #D4283C;
}

/* line 13, app/assets/stylesheets/new-widget/components/errors.scss */
.reservations-widget .widget-errors li {
  margin-bottom: 8px;
}

/* line 16, app/assets/stylesheets/new-widget/components/errors.scss */
.reservations-widget .widget-errors li:last-child {
  margin-bottom: 0;
}

/* line 21, app/assets/stylesheets/new-widget/components/errors.scss */
.reservations-widget .widget-errors a {
  text-decoration: underline;
}

/* line 24, app/assets/stylesheets/new-widget/components/errors.scss */
.reservations-widget .widget-errors a:hover {
  text-decoration: none;
}

/* line 3, app/assets/stylesheets/new-widget/components/notice.scss */
.reservations-widget .widget-notice {
  font-weight: 600;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
}

/* line 12, app/assets/stylesheets/new-widget/components/notice.scss */
.reservations-widget .widget-notice a {
  text-decoration: underline;
}

/* line 15, app/assets/stylesheets/new-widget/components/notice.scss */
.reservations-widget .widget-notice a:hover {
  text-decoration: none;
}

/* line 20, app/assets/stylesheets/new-widget/components/notice.scss */
.reservations-widget .widget-notice.warning, .reservations-widget .widget-notice.pending, .reservations-widget .widget-notice.success, .reservations-widget .widget-notice.confirm, .reservations-widget .widget-notice.confirmed, .reservations-widget .widget-notice.reconfirmed, .reservations-widget .widget-notice.error, .reservations-widget .widget-notice.cancelling, .reservations-widget .widget-notice.cancelled, .reservations-widget .widget-notice.expering, .reservations-widget .widget-notice.expired, .reservations-widget .widget-notice.rejecting, .reservations-widget .widget-notice.rejected {
  color: #ffffff;
}

/* line 35, app/assets/stylesheets/new-widget/components/notice.scss */
.reservations-widget .widget-notice.warning a, .reservations-widget .widget-notice.pending a, .reservations-widget .widget-notice.success a, .reservations-widget .widget-notice.confirm a, .reservations-widget .widget-notice.confirmed a, .reservations-widget .widget-notice.reconfirmed a, .reservations-widget .widget-notice.error a, .reservations-widget .widget-notice.cancelling a, .reservations-widget .widget-notice.cancelled a, .reservations-widget .widget-notice.expering a, .reservations-widget .widget-notice.expired a, .reservations-widget .widget-notice.rejecting a, .reservations-widget .widget-notice.rejected a {
  color: #ffffff;
}

/* line 40, app/assets/stylesheets/new-widget/components/notice.scss */
.reservations-widget .widget-notice.warning, .reservations-widget .widget-notice.pending {
  background: #E39600;
}

/* line 45, app/assets/stylesheets/new-widget/components/notice.scss */
.reservations-widget .widget-notice.success, .reservations-widget .widget-notice.confirm, .reservations-widget .widget-notice.confirmed, .reservations-widget .widget-notice.reconfirmed {
  background: #37B034;
}

/* line 52, app/assets/stylesheets/new-widget/components/notice.scss */
.reservations-widget .widget-notice.error, .reservations-widget .widget-notice.cancelling, .reservations-widget .widget-notice.cancelled, .reservations-widget .widget-notice.expering, .reservations-widget .widget-notice.expired, .reservations-widget .widget-notice.rejecting, .reservations-widget .widget-notice.rejected {
  background: #D4283C;
}

/* line 3, app/assets/stylesheets/new-widget/components/loading-bar.scss */
.reservations-widget .widget-loading-bar {
  font-weight: 600;
  padding: 16px;
}

/* line 7, app/assets/stylesheets/new-widget/components/loading-bar.scss */
.reservations-widget .widget-loading-bar .loading-bar {
  position: relative;
  display: flex;
  width: 100%;
  height: 12px;
  overflow: hidden;
}

/* line 15, app/assets/stylesheets/new-widget/components/loading-bar.scss */
.reservations-widget .widget-loading-bar .one, .reservations-widget .widget-loading-bar .two, .reservations-widget .widget-loading-bar .three, .reservations-widget .widget-loading-bar .four, .reservations-widget .widget-loading-bar .five,
.reservations-widget .widget-loading-bar .six, .reservations-widget .widget-loading-bar .seven, .reservations-widget .widget-loading-bar .eight, .reservations-widget .widget-loading-bar .nine, .reservations-widget .widget-loading-bar .ten {
  display: inline-block;
  flex: 1;
  height: 12px;
  background: #0061BE;
  margin: 0 1px;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* line 27, app/assets/stylesheets/new-widget/components/loading-bar.scss */
.reservations-widget .widget-loading-bar .one {
  animation-name: first;
  margin-left: 0;
}

/* line 32, app/assets/stylesheets/new-widget/components/loading-bar.scss */
.reservations-widget .widget-loading-bar .two {
  animation-name: second;
}

/* line 36, app/assets/stylesheets/new-widget/components/loading-bar.scss */
.reservations-widget .widget-loading-bar .three {
  animation-name: third;
}

/* line 40, app/assets/stylesheets/new-widget/components/loading-bar.scss */
.reservations-widget .widget-loading-bar .four {
  animation-name: fourth;
}

/* line 44, app/assets/stylesheets/new-widget/components/loading-bar.scss */
.reservations-widget .widget-loading-bar .five {
  animation-name: fifth;
}

/* line 48, app/assets/stylesheets/new-widget/components/loading-bar.scss */
.reservations-widget .widget-loading-bar .six {
  animation-name: sixth;
}

/* line 52, app/assets/stylesheets/new-widget/components/loading-bar.scss */
.reservations-widget .widget-loading-bar .seven {
  animation-name: seventh;
}

/* line 56, app/assets/stylesheets/new-widget/components/loading-bar.scss */
.reservations-widget .widget-loading-bar .eight {
  animation-name: eighth;
}

/* line 60, app/assets/stylesheets/new-widget/components/loading-bar.scss */
.reservations-widget .widget-loading-bar .nine {
  animation-name: ninth;
}

/* line 64, app/assets/stylesheets/new-widget/components/loading-bar.scss */
.reservations-widget .widget-loading-bar .ten {
  animation-name: tenth;
  margin-right: 0;
}

@keyframes first {
  0% {
    opacity: 0.2;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}

@keyframes second {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}

@keyframes third {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.2;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fourth {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0.2;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fifth {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}

@keyframes sixth {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  60% {
    opacity: 1;
  }
  70% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}

@keyframes seventh {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0.2;
  }
  70% {
    opacity: 1;
  }
  80% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}

@keyframes eighth {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0.2;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}

@keyframes ninth {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0.2;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

@keyframes tenth {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

/* line 3, app/assets/stylesheets/new-widget/components/warning-message.scss */
.reservations-widget .widget-warning-message {
  background: #ffffff;
  padding: 16px;
}

/* line 7, app/assets/stylesheets/new-widget/components/warning-message.scss */
.reservations-widget .widget-warning-message * {
  margin: 0;
}

/* line 11, app/assets/stylesheets/new-widget/components/warning-message.scss */
.reservations-widget .widget-warning-message * + * {
  margin-top: 16px;
}

/* line 15, app/assets/stylesheets/new-widget/components/warning-message.scss */
.reservations-widget .widget-warning-message a {
  color: #FF0000;
  text-decoration: underline;
}

/* line 19, app/assets/stylesheets/new-widget/components/warning-message.scss */
.reservations-widget .widget-warning-message a:hover {
  text-decoration: none;
}

/* line 24, app/assets/stylesheets/new-widget/components/warning-message.scss */
.reservations-widget .widget-warning-message h1, .reservations-widget .widget-warning-message h2, .reservations-widget .widget-warning-message h3, .reservations-widget .widget-warning-message h4, .reservations-widget .widget-warning-message h5, .reservations-widget .widget-warning-message h6 {
  font-weight: 600;
}

/* line 27, app/assets/stylesheets/new-widget/components/warning-message.scss */
.reservations-widget .widget-warning-message h1 .textual-heading-link, .reservations-widget .widget-warning-message h2 .textual-heading-link, .reservations-widget .widget-warning-message h3 .textual-heading-link, .reservations-widget .widget-warning-message h4 .textual-heading-link, .reservations-widget .widget-warning-message h5 .textual-heading-link, .reservations-widget .widget-warning-message h6 .textual-heading-link {
  display: none;
}

/* line 32, app/assets/stylesheets/new-widget/components/warning-message.scss */
.reservations-widget .widget-warning-message ul, .reservations-widget .widget-warning-message ol {
  padding: 0;
}

/* line 35, app/assets/stylesheets/new-widget/components/warning-message.scss */
.reservations-widget .widget-warning-message ul li, .reservations-widget .widget-warning-message ol li {
  list-style-position: inside;
}

/* line 39, app/assets/stylesheets/new-widget/components/warning-message.scss */
.reservations-widget .widget-warning-message ul * + *, .reservations-widget .widget-warning-message ol * + * {
  margin-top: 0;
}

/* line 44, app/assets/stylesheets/new-widget/components/warning-message.scss */
.reservations-widget .widget-warning-message ul li {
  list-style-type: disc;
}

/* line 48, app/assets/stylesheets/new-widget/components/warning-message.scss */
.reservations-widget .widget-warning-message ol li {
  list-style-type: decimal;
}

/* line 52, app/assets/stylesheets/new-widget/components/warning-message.scss */
.reservations-widget .widget-warning-message hr {
  display: block;
  width: 100%;
  height: 1px;
  border: none;
  background: #282828;
}

/* line 60, app/assets/stylesheets/new-widget/components/warning-message.scss */
.reservations-widget .widget-warning-message blockquote {
  padding-left: 16px;
  margin-left: 0;
  border-left: 2px solid #282828;
}

/* line 66, app/assets/stylesheets/new-widget/components/warning-message.scss */
.reservations-widget .widget-warning-message img {
  max-width: 100%;
  height: auto;
}

/* line 71, app/assets/stylesheets/new-widget/components/warning-message.scss */
.reservations-widget .widget-warning-message pre.highlight {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.1);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  padding: 16px 24px;
}

/* line 79, app/assets/stylesheets/new-widget/components/warning-message.scss */
.reservations-widget .widget-warning-message:has(+ *) {
  padding-bottom: 0;
}

/* line 3, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-bookables {
  padding: 16px;
}

/* line 6, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-bookables .widget-bookable {
  margin-bottom: 16px;
}

/* line 9, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-bookables .widget-bookable a {
  display: flex;
  flex-flow: row wrap;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 8px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);
}

/* line 17, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-bookables .widget-bookable:last-child {
  margin-bottom: 0;
}

/* line 22, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-bookables .widget-bookable-cover {
  width: 100%;
  height: 240px;
  overflow: hidden;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

/* line 29, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-bookables .widget-bookable-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 36, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-bookables .widget-bookable-information {
  flex: 1;
  padding: 16px;
}

/* line 40, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-bookables .widget-bookable-information h3 {
  margin-bottom: 4px;
}

/* line 45, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-bookables .widget-bookable-specifics {
  flex-basis: 100%;
  color: rgba(40, 40, 40, 0.7);
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

/* line 62, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-bookables .widget-bookable-default .widget-bookable-information h3 {
  margin-bottom: 0;
}

/* line 70, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-bookables .widget-bookable-selected a {
  box-shadow: 0 0 0 2px #0061BE;
}

/* line 78, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-bookable-full .widget-bookable-cover {
  width: 100%;
  height: auto;
  overflow: hidden;
}

/* line 83, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-bookable-full .widget-bookable-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 90, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-bookable-full .widget-bookable-information {
  margin-top: 16px;
  margin-right: 16px;
  margin-bottom: 12px;
  margin-left: 16px;
}

/* line 98, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-bookable-full .widget-bookable-information h3 {
  margin-bottom: 8px;
}

/* line 102, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-bookable-full .widget-bookable-information p + p {
  margin-top: 8px;
}

/* line 107, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-bookable-full .widget-bookable-specifics {
  color: rgba(40, 40, 40, 0.7);
  margin-top: 0;
  margin-right: 16px;
  margin-bottom: 16px;
  margin-left: 16px;
}

/* line 118, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-select-bookable {
  display: block;
  font-weight: 600;
  text-align: center;
  background: rgba(255, 255, 255, 0.25);
  padding: 16px;
  margin-top: 24px;
  margin-right: 16px;
  margin-bottom: 24px;
  margin-left: 16px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}

/* line 134, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-bookables + .widget-select-bookable {
  margin-top: 0;
}

/* line 138, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-selected-bookable {
  display: flex;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.25);
  margin-top: 16px;
  margin-right: 16px;
  margin-bottom: 0;
  margin-left: 16px;
  border-radius: 8px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.15);
}

/* line 151, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-selected-bookable .widget-selected-bookable-cover {
  flex-shrink: 0;
  width: 96px;
  height: 64px;
  background: #FF0000;
}

/* line 157, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-selected-bookable .widget-selected-bookable-cover img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* line 165, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-selected-bookable .widget-selected-bookable-info {
  flex: 1;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
}

/* line 174, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-selected-bookable .widget-selected-bookable-info .widget-selected-bookable-title {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
}

/* line 180, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget .widget-selected-bookable .widget-selected-bookable-info .widget-selected-bookable-description {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

/* line 194, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget:has(.widget-bookable-full) .widget-content {
  padding-bottom: 104px;
}

/* line 198, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget:has(.widget-bookable-full) .widget-footer {
  position: fixed;
}

/* line 201, app/assets/stylesheets/new-widget/components/bookables.scss */
.reservations-widget:has(.widget-bookable-full) .widget-footer .widget-deposit-message {
  display: none;
}

/* line 1, app/assets/stylesheets/new-widget/components/restaurant-selector.scss */
.widget-restaurant-selector {
  padding: 16px;
}

/* line 4, app/assets/stylesheets/new-widget/components/restaurant-selector.scss */
.widget-restaurant-selector .widget-city {
  margin-bottom: 16px;
}

/* line 7, app/assets/stylesheets/new-widget/components/restaurant-selector.scss */
.widget-restaurant-selector .widget-city h2 {
  margin-bottom: 8px;
}

/* line 13, app/assets/stylesheets/new-widget/components/restaurant-selector.scss */
.widget-restaurant-selector .widget-city ol li {
  margin-bottom: 12px;
}

/* line 16, app/assets/stylesheets/new-widget/components/restaurant-selector.scss */
.widget-restaurant-selector .widget-city ol li a {
  display: block;
  color: #282828;
  background: rgba(255, 255, 255, 0.8);
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}

/* line 29, app/assets/stylesheets/new-widget/components/restaurant-selector.scss */
.widget-restaurant-selector .widget-city ol li a strong {
  display: block;
  font-weight: 600;
}

/* line 34, app/assets/stylesheets/new-widget/components/restaurant-selector.scss */
.widget-restaurant-selector .widget-city ol li a span {
  color: rgba(40, 40, 40, 0.7);
}

/* line 40, app/assets/stylesheets/new-widget/components/restaurant-selector.scss */
.widget-restaurant-selector .widget-city ol li:last-child {
  margin-bottom: 0;
}

/* line 45, app/assets/stylesheets/new-widget/components/restaurant-selector.scss */
.widget-restaurant-selector .widget-city:last-child {
  margin-bottom: 0;
}

/* line 5, app/assets/stylesheets/new-widget/components/deposit-message.scss */
.reservations-widget .widget-deposit-warning .deposit-title-and-payment-methods {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

/* line 10, app/assets/stylesheets/new-widget/components/deposit-message.scss */
.reservations-widget .widget-deposit-warning .deposit-title-and-payment-methods .deposit-payment-methods {
  display: flex;
  align-items: center;
  margin-left: auto;
}

/* line 15, app/assets/stylesheets/new-widget/components/deposit-message.scss */
.reservations-widget .widget-deposit-warning .deposit-title-and-payment-methods .deposit-payment-methods li {
  margin-left: 8px;
}

/* line 21, app/assets/stylesheets/new-widget/components/deposit-message.scss */
.reservations-widget .widget-deposit-warning .deposit-info {
  display: inline-flex;
}

/* line 24, app/assets/stylesheets/new-widget/components/deposit-message.scss */
.reservations-widget .widget-deposit-warning .deposit-info a {
  text-decoration: underline;
}

/* line 27, app/assets/stylesheets/new-widget/components/deposit-message.scss */
.reservations-widget .widget-deposit-warning .deposit-info a:hover {
  text-decoration: none;
}

/* line 32, app/assets/stylesheets/new-widget/components/deposit-message.scss */
.reservations-widget .widget-deposit-warning .deposit-info:after {
  font-weight: 400;
  content: '.';
}

/* line 38, app/assets/stylesheets/new-widget/components/deposit-message.scss */
.reservations-widget .widget-deposit-warning .detailed-deposit-info {
  margin-top: 8px;
}

/* line 45, app/assets/stylesheets/new-widget/components/deposit-message.scss */
.reservations-widget .widget-deposit-warning:has(.detailed-deposit-info:not(.is-hidden)) .deposit-info {
  display: none;
}

/* line 3, app/assets/stylesheets/new-widget/components/guest-details.scss */
.reservations-widget .widget-guest-details {
  padding: 16px;
}

/* line 6, app/assets/stylesheets/new-widget/components/guest-details.scss */
.reservations-widget .widget-guest-details legend {
  display: none;
}

/* line 10, app/assets/stylesheets/new-widget/components/guest-details.scss */
.reservations-widget .widget-guest-details li:not(.deposit-payment-method) {
  width: 100%;
  margin-bottom: 16px;
}

/* line 14, app/assets/stylesheets/new-widget/components/guest-details.scss */
.reservations-widget .widget-guest-details li:not(.deposit-payment-method):last-child {
  margin-bottom: 0;
}

/* line 18, app/assets/stylesheets/new-widget/components/guest-details.scss */
.reservations-widget .widget-guest-details li:not(.deposit-payment-method) label {
  display: block;
  margin-bottom: 8px;
}

/* line 23, app/assets/stylesheets/new-widget/components/guest-details.scss */
.reservations-widget .widget-guest-details li:not(.deposit-payment-method) input:not([type="checkbox"]), .reservations-widget .widget-guest-details li:not(.deposit-payment-method) textarea {
  display: block;
  width: 100%;
  padding: 8px;
  border: none;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}

/* line 32, app/assets/stylesheets/new-widget/components/guest-details.scss */
.reservations-widget .widget-guest-details li:not(.deposit-payment-method) input {
  height: 32px;
}

/* line 36, app/assets/stylesheets/new-widget/components/guest-details.scss */
.reservations-widget .widget-guest-details li:not(.deposit-payment-method) .inline-hints {
  display: block;
  margin-top: 8px;
}

/* line 44, app/assets/stylesheets/new-widget/components/guest-details.scss */
.reservations-widget .widget-guest-details li:has(label input[type="checkbox"]) label {
  display: flex;
}

/* line 47, app/assets/stylesheets/new-widget/components/guest-details.scss */
.reservations-widget .widget-guest-details li:has(label input[type="checkbox"]) label input {
  appearance: none;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background: #ffffff;
  margin-right: 8px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

/* line 58, app/assets/stylesheets/new-widget/components/guest-details.scss */
.reservations-widget .widget-guest-details li:has(label input[type="checkbox"]) label input:checked {
  border: 8px solid #0061BE;
}

@media only screen and (max-width: 460px) and (pointer: coarse) {
  /* line 74, app/assets/stylesheets/new-widget/components/guest-details.scss */
  .reservations-widget .widget-guest-details li:not(.deposit-payment-method) input:not([type="checkbox"]), .reservations-widget .widget-guest-details li:not(.deposit-payment-method) textarea {
    font-size: 16px;
  }
}

/* line 3, app/assets/stylesheets/new-widget/components/footer.scss */
.reservations-widget .widget-footer {
  position: fixed;
  z-index: 1;
  bottom: 0;
  width: 100%;
  flex-shrink: 0;
  background: #0061BE;
  padding: 16px;
}

/* line 3, app/assets/stylesheets/new-widget/components/remote-source.scss */
.reservations-widget .widget-remote-source {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}

/* line 10, app/assets/stylesheets/new-widget/components/remote-source.scss */
.reservations-widget .widget-remote-source a {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  background-repeat: no-repeat;
  margin-left: 6px;
}

/* line 17, app/assets/stylesheets/new-widget/components/remote-source.scss */
.reservations-widget .widget-remote-source a svg {
  width: 64px;
  height: auto;
  fill: #ffffff;
  background: none;
}

/* line 26, app/assets/stylesheets/new-widget/components/remote-source.scss */
.reservations-widget .widget-next-step + .widget-remote-source {
  margin-top: 16px;
}

/* line 3, app/assets/stylesheets/new-widget/components/terms-and-conditions.scss */
.reservations-widget .widget-terms-and-conditions {
  color: rgba(40, 40, 40, 0.7);
}

/* line 6, app/assets/stylesheets/new-widget/components/terms-and-conditions.scss */
.reservations-widget .widget-terms-and-conditions a {
  text-decoration: underline;
  color: rgba(40, 40, 40, 0.7);
}

/* line 5, app/assets/stylesheets/new-widget/components/next-step.scss */
.reservations-widget .widget-footer .widget-next-step,
.reservations-widget .widget-footer .widget-previous-step {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  cursor: pointer;
  width: 100%;
  height: 40px;
  color: #0061BE;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: #ffffff;
  font-weight: 600;
  text-align: center;
  background: #ffffff;
  margin: 2px 0;
  border: none;
  border-radius: 8px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);
}

/* line 26, app/assets/stylesheets/new-widget/components/next-step.scss */
.reservations-widget .widget-footer .widget-next-step.disabled,
.reservations-widget .widget-footer .widget-previous-step.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* line 34, app/assets/stylesheets/new-widget/components/next-step.scss */
.reservations-widget .widget-footer .widget-previous-step svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

/* line 3, app/assets/stylesheets/new-widget/components/reservation-details.scss */
.reservations-widget .widget-reservation-details {
  background: #ffffff;
  padding: 16px;
  margin: 16px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}

/* line 10, app/assets/stylesheets/new-widget/components/reservation-details.scss */
.reservations-widget .widget-reservation-details .reservation-identifier {
  color: rgba(40, 40, 40, 0.7);
}

/* line 14, app/assets/stylesheets/new-widget/components/reservation-details.scss */
.reservations-widget .widget-reservation-details .reservation-date-and-time,
.reservations-widget .widget-reservation-details .reservation-guests,
.reservations-widget .widget-reservation-details .reservation-add-to-calendar {
  display: block;
}

/* line 20, app/assets/stylesheets/new-widget/components/reservation-details.scss */
.reservations-widget .widget-reservation-details .reservation-date-and-time,
.reservations-widget .widget-reservation-details .reservation-guests {
  font-size: 17px;
  font-weight: 600;
  margin-top: 8px;
}

/* line 27, app/assets/stylesheets/new-widget/components/reservation-details.scss */
.reservations-widget .widget-reservation-details .reservation-date-and-time,
.reservations-widget .widget-reservation-details .reservation-guests {
  display: flex;
  align-items: center;
}

/* line 32, app/assets/stylesheets/new-widget/components/reservation-details.scss */
.reservations-widget .widget-reservation-details .reservation-date-and-time svg,
.reservations-widget .widget-reservation-details .reservation-guests svg {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

/* line 39, app/assets/stylesheets/new-widget/components/reservation-details.scss */
.reservations-widget .widget-reservation-details .reservation-add-to-calendar {
  text-decoration: underline;
}

/* line 42, app/assets/stylesheets/new-widget/components/reservation-details.scss */
.reservations-widget .widget-reservation-details .reservation-add-to-calendar:hover {
  text-decoration: none;
}

/* line 47, app/assets/stylesheets/new-widget/components/reservation-details.scss */
.reservations-widget .widget-reservation-details .reservation-guest {
  margin-top: 8px;
}

/* line 50, app/assets/stylesheets/new-widget/components/reservation-details.scss */
.reservations-widget .widget-reservation-details .reservation-guest .guest-name,
.reservations-widget .widget-reservation-details .reservation-guest .guest-email,
.reservations-widget .widget-reservation-details .reservation-guest .guest-telephone {
  display: block;
}

/* line 56, app/assets/stylesheets/new-widget/components/reservation-details.scss */
.reservations-widget .widget-reservation-details .reservation-guest .guest-name {
  font-size: 15px;
}

/* line 62, app/assets/stylesheets/new-widget/components/reservation-details.scss */
.reservations-widget .widget-loading-bar + .widget-reservation-details {
  margin-top: 0;
}

/* line 3, app/assets/stylesheets/new-widget/components/restaurant-details.scss */
.reservations-widget .widget-restaurant-details {
  margin: 16px;
}

/* line 6, app/assets/stylesheets/new-widget/components/restaurant-details.scss */
.reservations-widget .widget-restaurant-details a {
  text-decoration: underline;
}

/* line 9, app/assets/stylesheets/new-widget/components/restaurant-details.scss */
.reservations-widget .widget-restaurant-details a:hover {
  text-decoration: none;
}

/* line 14, app/assets/stylesheets/new-widget/components/restaurant-details.scss */
.reservations-widget .widget-restaurant-details .restaurant-name {
  display: flex;
  align-items: center;
  font-size: 15px;
}

/* line 19, app/assets/stylesheets/new-widget/components/restaurant-details.scss */
.reservations-widget .widget-restaurant-details .restaurant-name svg {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}

/* line 27, app/assets/stylesheets/new-widget/components/restaurant-details.scss */
.reservations-widget .widget-reservation-details + .widget-restaurant-details {
  margin-top: 0;
}

/* line 3, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservation-widget-button.is-legacy .widget-button-main {
  color: #0061BE;
  background: #ffffff;
}

/* line 9, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy {
  background: #ffffff;
}

/* line 12, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-title-and-actions {
  position: sticky;
  z-index: 1;
  top: 0;
  background: #00468B;
  padding: 16px;
}

/* line 19, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-title-and-actions .widget-title {
  color: #ffffff;
}

/* line 23, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-title-and-actions .widget-back,
.reservations-widget.is-legacy .widget-title-and-actions .widget-close {
  background: #ffffff;
}

/* line 27, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-title-and-actions .widget-back svg,
.reservations-widget.is-legacy .widget-title-and-actions .widget-close svg {
  color: #00468B;
}

/* line 33, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-header {
  position: static;
  display: flex;
  flex-flow: column wrap;
  width: 100%;
  background: #ffffff;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
}

/* line 44, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-header .widget-detail-selectors {
  background: #ffffff;
  padding: 16px;
  padding-bottom: 0;
  margin: 0;
}

/* line 50, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-header .widget-detail-selectors li {
  position: relative;
  width: 100%;
  margin-bottom: 16px;
}

/* line 55, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-header .widget-detail-selectors li:last-child {
  margin-bottom: 0;
}

/* line 59, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-header .widget-detail-selectors li .widget-details-selectors-label {
  display: block;
  color: #282828;
  font-weight: 600;
}

/* line 64, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-header .widget-detail-selectors li .widget-details-selectors-label a {
  all: unset;
  display: block;
  padding-bottom: 4px;
}

/* line 71, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-header .widget-detail-selectors li > a {
  color: #282828;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: none;
}

/* line 77, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-header .widget-detail-selectors li > a strong {
  font-weight: 600;
}

/* line 81, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-header .widget-detail-selectors li > a svg {
  display: none;
}

/* line 87, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-header .widget-detail-selectors [class*="-flash-message"] {
  top: calc(100% + 8px * 2);
  right: 0;
  left: 0;
}

/* line 97, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-header .widget-detail-selectors .widget-date-select:has([class*="-flash-message"]) [class*="-flash-message"]:before,
.reservations-widget.is-legacy .widget-header .widget-detail-selectors .widget-guest-select:has([class*="-flash-message"]) [class*="-flash-message"]:before,
.reservations-widget.is-legacy .widget-header .widget-detail-selectors .widget-time-select:has([class*="-flash-message"]) [class*="-flash-message"]:before {
  right: unset;
  left: 16px;
  margin-left: 0;
}

/* line 114, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-dates .widget-dates-calendar caption a svg {
  color: #ffffff;
}

/* line 122, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-warning-message {
  background: none;
  border-bottom: 0;
}

/* line 127, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-content {
  background: #ffffff;
}

/* line 131, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-content-header {
  padding: 16px;
  padding-bottom: 0;
}

/* line 138, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-bookables .widget-bookables-label {
  display: block;
  margin-bottom: 6px;
}

/* line 143, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-bookables .widget-bookable {
  margin-bottom: 12px;
}

/* line 146, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-bookables .widget-bookable:last-child {
  margin-bottom: 0;
}

/* line 150, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-bookables .widget-bookable a {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: none;
}

/* line 157, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-bookables .widget-bookable-information {
  position: relative;
  text-align: left;
  padding-left: 48px;
}

/* line 162, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-bookables .widget-bookable-information:before {
  position: absolute;
  top: 16px;
  left: 16px;
  display: block;
  width: 24px;
  height: 24px;
  content: '';
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}

/* line 177, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-bookables .widget-bookable.widget-bookable-selected .widget-bookable-information:before {
  border: 8px solid #0061BE;
}

/* line 183, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-bookable-full {
  overflow: hidden;
  padding: 16px;
  padding-bottom: 0;
  margin: 16px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}

/* line 191, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-bookable-full .widget-bookable-cover {
  width: calc(100% + 8px * 4);
  margin-top: -16px;
  margin-right: -16px;
  margin-bottom: 16px;
  margin-left: -16px;
}

/* line 201, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-bookable-full .widget-bookable-information {
  margin: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 12px;
  margin-left: 0;
}

/* line 211, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-bookable-full .widget-bookable-specifics {
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  margin-right: -16px;
  margin-bottom: 0;
  margin-left: -16px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

/* line 231, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-guest-details li:not(.deposit-payment-method) label {
  margin-bottom: 4px;
}

/* line 239, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-deposit-info .deposit-receipt {
  margin-top: 4px;
}

/* line 244, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-footer {
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -3px 4px;
}

/* line 248, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-footer .widget-next-step,
.reservations-widget.is-legacy .widget-footer .widget-previous-step {
  color: #ffffff;
  background: #00468B;
  box-shadow: none;
}

/* line 256, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-remote-source {
  color: #282828;
}

/* line 259, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy .widget-remote-source a svg {
  fill: #282828;
}

/* line 269, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy:has(.widget-guest-details) .widget-title-and-actions .widget-back {
  display: flex;
}

/* line 273, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy:has(.widget-guest-details) .widget-title-and-actions .widget-title {
  margin-left: 0;
}

/* line 281, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy:has(.widget-guests, .widget-times, .widget-dates, .widget-guest-details) .widget-header {
  display: none;
}

/* line 288, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy:has(.widget-bookable-full) .widget-warning-message {
  display: none;
}

/* line 297, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy:has(.widget-bookable-select-screen) .widget-header .widget-detail-selectors {
  display: none;
}

@media only screen and (max-width: 468px) {
  /* line 305, app/assets/stylesheets/new-widget/themes/legacy.scss */
  body:has(.reservations-widget.is-legacy) {
    background: #ffffff;
  }
}

@media only screen and (max-width: 460px) {
  /* line 314, app/assets/stylesheets/new-widget/themes/legacy.scss */
  .reservations-widget.is-legacy.is-floating .widget-title-and-actions {
    border-radius: 0;
  }
}

/* line 323, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy.is-inline .widget-title-and-actions {
  background: #ffffff;
  padding-bottom: 0;
}

/* line 327, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy.is-inline .widget-title-and-actions .widget-title {
  color: #0061BE;
  font-size: 21px;
  font-weight: 600;
  line-height: 30px;
  justify-content: flex-start;
  padding-left: 0;
  margin-left: 0;
}

/* line 337, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy.is-inline .widget-title-and-actions .widget-back + .widget-title {
  padding-left: 16px;
}

/* line 341, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy.is-inline .widget-title-and-actions .widget-close {
  display: none;
}

/* line 346, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy.is-inline .widget-footer {
  box-shadow: none;
}

/* line 353, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy.is-inline:has(.widget-notice) .widget-title-and-actions {
  padding-bottom: 16px;
}

/* line 360, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy.is-inline:has(.widget-content > *):has(.widget-footer) .widget-content {
  padding-bottom: 104px;
}

/* line 369, app/assets/stylesheets/new-widget/themes/legacy.scss */
.reservations-widget.is-legacy.is-inline:has(.widget-guest-details) .widget-title-and-actions .widget-back {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}

/* line 388, app/assets/stylesheets/new-widget/themes/legacy.scss */
.light-theme .reservations-widget.is-legacy .widget-dates .widget-dates-calendar caption a svg {
  color: #282828;
}

/* line 398, app/assets/stylesheets/new-widget/themes/legacy.scss */
.light-theme .reservations-widget.is-legacy .widget-footer .widget-next-step,
.light-theme .reservations-widget.is-legacy .widget-footer .widget-previous-step {
  background: #0061BE;
}

/* line 409, app/assets/stylesheets/new-widget/themes/legacy.scss */
.light-theme .reservations-widget.is-legacy.is-inline .widget-title-and-actions .widget-title {
  color: #282828;
}

/* line 417, app/assets/stylesheets/new-widget/themes/legacy.scss */
.light-theme .reservations-widget.is-legacy:not(.is-inline) .widget-title-and-actions {
  background: #0061BE;
}

/* line 422, app/assets/stylesheets/new-widget/themes/legacy.scss */
.light-theme .reservations-widget.is-legacy:not(.is-inline) .widget-title-and-actions .widget-close svg {
  color: #0061BE;
}

/* line 436, app/assets/stylesheets/new-widget/themes/legacy.scss */
.eet-nu.light-theme .reservations-widget.is-legacy.is-inline .widget-title-and-actions .widget-title {
  color: #0061BE;
}

/* line 443, app/assets/stylesheets/new-widget/themes/legacy.scss */
.eet-nu.light-theme .reservations-widget.is-legacy.is-inline .widget-footer .widget-next-step,
.eet-nu.light-theme .reservations-widget.is-legacy.is-inline .widget-footer .widget-previous-step {
  background: #37B034;
}

/* line 6, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget .widget-dates-calendar {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}

/* line 12, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget .widget-dates-calendar caption a {
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 15, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget .widget-dates-calendar caption a svg {
  color: #ffffff;
}

/* line 21, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget .widget-dates-calendar thead {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 32, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget .widget-dates-calendar tbody td.date a.unavailable, .dark-theme .reservations-widget .widget-dates-calendar tbody td.date a.disabled {
  color: rgba(255, 255, 255, 0.5);
}

/* line 41, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget .widget-restaurant-selector .widget-city a,
.dark-theme .reservations-widget .widget-guests .widget-guest a,
.dark-theme .reservations-widget .widget-times .widget-time a {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}

/* line 54, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget .widget-times .widget-time a .squeezed-end-time-text,
.dark-theme .reservations-widget .widget-times .widget-time a .fixed-end-time-text {
  color: rgba(255, 255, 255, 0.5);
}

/* line 59, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget .widget-times .widget-time a.unavailable {
  color: #D4283C;
}

/* line 68, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget .widget-bookables .widget-bookable a {
  background: rgba(255, 255, 255, 0.1);
}

/* line 72, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget .widget-bookables .widget-bookable-selected a {
  box-shadow: 0 0 0 2px #007bf1;
}

/* line 77, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget .widget-selected-bookable {
  background: rgba(255, 255, 255, 0.1);
}

/* line 85, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget .widget-guest-details li:not(.deposit-payment-method) input:not([type="checkbox"]), .dark-theme .reservations-widget .widget-guest-details li:not(.deposit-payment-method) textarea {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}

/* line 96, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget .widget-guest-details li:has(label input[type="checkbox"]) label input {
  background: rgba(255, 255, 255, 0.1);
  border: none;
}

/* line 101, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget .widget-guest-details li:has(label input[type="checkbox"]) label input:checked {
  border: 8px solid #ffffff;
}

/* line 108, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget .widget-terms-and-conditions {
  color: rgba(255, 255, 255, 0.5);
}

/* line 111, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget .widget-terms-and-conditions a {
  color: rgba(255, 255, 255, 0.5);
}

/* line 123, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget:not(.has-offers):not(.widget-guest-details) .widget-detail-selectors li > a {
  color: #ffffff;
  background: #ffffff;
  box-shadow: none;
}

/* line 138, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget:not(.has-offers):has(.widget-guest-details) .widget-detail-selectors li > a {
  color: #ffffff;
  background: #00468B;
  box-shadow: none;
}

/* line 153, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget.is-legacy .widget-title-and-actions .widget-back,
.dark-theme .reservations-widget.is-legacy:not(.has-offers):not(.widget-guest-details) .widget-title-and-actions .widget-back {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 157, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget.is-legacy .widget-title-and-actions .widget-back svg,
.dark-theme .reservations-widget.is-legacy:not(.has-offers):not(.widget-guest-details) .widget-title-and-actions .widget-back svg {
  color: #ffffff;
}

/* line 162, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget.is-legacy .widget-title-and-actions .widget-title,
.dark-theme .reservations-widget.is-legacy:not(.has-offers):not(.widget-guest-details) .widget-title-and-actions .widget-title {
  color: #ffffff;
}

/* line 171, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget.is-legacy .widget-detail-selectors li > a,
.dark-theme .reservations-widget.is-legacy:not(.has-offers):not(.widget-guest-details) .widget-detail-selectors li > a {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}

/* line 183, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget.is-legacy .widget-bookables .widget-bookable-information:before,
.dark-theme .reservations-widget.is-legacy:not(.has-offers):not(.widget-guest-details) .widget-bookables .widget-bookable-information:before {
  border: 1px solid rgba(255, 255, 255, 0.5);
}

/* line 190, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget.is-legacy .widget-bookables .widget-bookable-selected a,
.dark-theme .reservations-widget.is-legacy:not(.has-offers):not(.widget-guest-details) .widget-bookables .widget-bookable-selected a {
  box-shadow: none;
}

/* line 197, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget.is-legacy .widget-bookables .widget-bookable.widget-bookable-selected .widget-bookable-information:before,
.dark-theme .reservations-widget.is-legacy:not(.has-offers):not(.widget-guest-details) .widget-bookables .widget-bookable.widget-bookable-selected .widget-bookable-information:before {
  border: 8px solid #37B034;
}

/* line 205, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget.is-legacy .widget-footer .widget-next-step,
.dark-theme .reservations-widget.is-legacy .widget-footer .widget-previous-step,
.dark-theme .reservations-widget.is-legacy:not(.has-offers):not(.widget-guest-details) .widget-footer .widget-next-step,
.dark-theme .reservations-widget.is-legacy:not(.has-offers):not(.widget-guest-details) .widget-footer .widget-previous-step {
  background: #2b8928;
}

/* line 217, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget.is-legacy .widget-guest-details li:has(label input[type="checkbox"]) label input:checked,
.dark-theme .reservations-widget.is-legacy:not(.has-offers):not(.widget-guest-details) .widget-guest-details li:has(label input[type="checkbox"]) label input:checked {
  border: 8px solid #37B034;
}

/* line 229, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget.is-legacy.is-floating .widget-title-and-actions,
.dark-theme .reservations-widget.is-legacy.is-floating:not(.has-offers):not(.widget-guest-details) .widget-title-and-actions {
  background: #2b8928;
}

/* line 232, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget.is-legacy.is-floating .widget-title-and-actions .widget-back,
.dark-theme .reservations-widget.is-legacy.is-floating:not(.has-offers):not(.widget-guest-details) .widget-title-and-actions .widget-back {
  background: #ffffff;
}

/* line 235, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservations-widget.is-legacy.is-floating .widget-title-and-actions .widget-back svg,
.dark-theme .reservations-widget.is-legacy.is-floating:not(.has-offers):not(.widget-guest-details) .widget-title-and-actions .widget-back svg {
  color: #00468B;
}

/* line 245, app/assets/stylesheets/new-widget/themes/dark.scss */
.dark-theme .reservation-widget-button.is-legacy .widget-button-main {
  color: #ffffff;
}

/* Delete this file after removing the legacy widget from the codebase */
/* line 5, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget .deposit-warning {
  display: block;
  color: none;
  font-size: none;
  line-height: none;
  font-weight: none;
  background: none;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-radius: 0;
  margin-bottom: 0;
  border: 1px solid none;
}

/* line 25, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget .deposit-warning a {
  display: block;
  color: none;
  font-size: none;
  line-height: none;
  font-weight: none;
  text-decoration: none;
  margin-top: 0;
}

/* line 34, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget .deposit-warning a:hover {
  color: none;
  text-decoration: none;
}

/* line 40, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget .deposit-warning .deposit-description {
  display: block;
  margin-top: 0;
}

/* line 45, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget .deposit-warning .is-hidden, .prev-gen .reservations-widget .deposit-warning.is-hidden {
  display: none;
}

/* line 51, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget #deposit_description {
  display: none;
  color: none;
  font-size: none;
  font-weight: none;
  line-height: none;
  background: none;
  padding: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top: 1px solid none;
}

/* line 72, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget #deposit_description a {
  display: block;
  color: none;
  font-size: none;
  font-weight: none;
  line-height: none;
  text-decoration: none;
  margin-bottom: 0;
}

/* line 81, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget #deposit_description a:hover {
  color: none;
  font-size: none;
  font-weight: none;
  line-height: none;
  text-decoration: none;
}

/* line 90, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget #deposit_description p {
  margin-bottom: 0;
}

/* line 93, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget #deposit_description p:last-child {
  margin-bottom: 0;
}

/* line 98, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget #deposit_description.is-visible {
  display: block;
}

/* line 103, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget .date-select-open + .reservations-widget-step-two + #deposit_description {
  display: none !important;
}

/* line 107, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget .reservation-payment {
  margin-bottom: 0;
}

/* line 110, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget .reservation-payment h2 {
  display: block;
  color: none;
  font-family: none;
  font-size: none;
  font-weight: none;
  line-height: none;
  margin-bottom: 0;
}

/* line 120, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget .reservation-payment .deposit-amount {
  display: block;
  margin-bottom: 0;
}

/* line 125, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget .reservation-payment .payment-methods {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: -2px;
}

/* line 137, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget .reservation-payment .payment-methods li img {
  max-width: 55px;
  margin-right: 4px;
  margin-bottom: 4px;
}

/* line 150, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.next-gen {
  /* TODO: Joey */
}

/* line 153, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.next-gen .reservation-payment-status {
  padding: 16px;
  padding-bottom: 0;
}

/* line 159, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.next-gen .reservation-payment-status .payment-status.paid {
  color: #37B034;
}

/* line 163, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.next-gen .reservation-payment-status .payment-status.pending, .next-gen .reservation-payment-status .payment-status.refund-pending {
  color: #E39600;
}

/* line 168, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.next-gen .reservation-payment-status .payment-status.expired, .next-gen .reservation-payment-status .payment-status.open, .next-gen .reservation-payment-status .payment-status.failed, .next-gen .reservation-payment-status .payment-status.cancelled, .next-gen .reservation-payment-status .payment-status.canceled {
  color: #D4283C;
}

/* line 176, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.next-gen .reservation-payment-status .payment-status .status-text {
  font-weight: 600;
}

/* line 180, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.next-gen .reservation-payment-status .payment-status .calculation,
.next-gen .reservation-payment-status .payment-status .status-text-explanation {
  display: block;
  color: #383838;
  font-weight: 400;
}

/* line 188, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.next-gen .reservation-payment-status .pay-with-ideal {
  display: block;
}

/* line 191, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.next-gen .reservation-payment-status .pay-with-ideal a {
  font-weight: 600;
  text-decoration: underline;
}

/* line 195, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.next-gen .reservation-payment-status .pay-with-ideal a:hover {
  text-decoration: none;
}

/* line 201, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.next-gen .reservation-payment-status .payment-method,
.next-gen .reservation-payment-status .payment-methods {
  display: flex;
  margin-top: 8px;
}

/* line 206, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.next-gen .reservation-payment-status .payment-method li,
.next-gen .reservation-payment-status .payment-methods li {
  margin-right: 8px;
}

/* line 5, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/confirmation.scss */
.prev-gen .widget-reservation-confirmation .reservation-payment-status {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  border-bottom: 1px solid none;
}

/* line 18, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/confirmation.scss */
.prev-gen .widget-reservation-confirmation .reservation-payment-status .payment-status {
  display: block;
}

/* line 21, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/confirmation.scss */
.prev-gen .widget-reservation-confirmation .reservation-payment-status .payment-status .pay-with-ideal > a {
  text-decoration: underline;
}

/* line 25, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/confirmation.scss */
.prev-gen .widget-reservation-confirmation .reservation-payment-status .payment-status .status-text {
  display: block;
  font-weight: 600;
}

/* line 30, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/confirmation.scss */
.prev-gen .widget-reservation-confirmation .reservation-payment-status .payment-status .calculation {
  display: block;
  color: none;
  margin-top: 0;
}

/* line 37, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/confirmation.scss */
.prev-gen .widget-reservation-confirmation .reservation-payment-status .paid {
  color: none;
}

/* line 41, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/confirmation.scss */
.prev-gen .widget-reservation-confirmation .reservation-payment-status .pending,
.prev-gen .widget-reservation-confirmation .reservation-payment-status .refund-pending {
  color: none;
}

/* line 46, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/confirmation.scss */
.prev-gen .widget-reservation-confirmation .reservation-payment-status .expired,
.prev-gen .widget-reservation-confirmation .reservation-payment-status .open,
.prev-gen .widget-reservation-confirmation .reservation-payment-status .failed,
.prev-gen .widget-reservation-confirmation .reservation-payment-status .cancelled,
.prev-gen .widget-reservation-confirmation .reservation-payment-status .canceled {
  color: none;
}

/* line 53, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/confirmation.scss */
.prev-gen .widget-reservation-confirmation .reservation-payment-status .expired .status-text-explanation,
.prev-gen .widget-reservation-confirmation .reservation-payment-status .open .status-text-explanation,
.prev-gen .widget-reservation-confirmation .reservation-payment-status .failed .status-text-explanation,
.prev-gen .widget-reservation-confirmation .reservation-payment-status .cancelled .status-text-explanation,
.prev-gen .widget-reservation-confirmation .reservation-payment-status .canceled .status-text-explanation {
  display: block;
  color: none;
  margin-top: 3px;
}

/* line 60, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/confirmation.scss */
.prev-gen .widget-reservation-confirmation .reservation-payment-status .payment {
  margin-top: 0;
}

/* line 63, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/confirmation.scss */
.prev-gen .widget-reservation-confirmation .reservation-payment-status .payment .calculation {
  display: block;
  color: none;
  font-weight: 400;
  margin-top: 0;
}

/* line 71, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/confirmation.scss */
.prev-gen .widget-reservation-confirmation .reservation-payment-status .payment-method {
  margin-top: 0;
}

/* line 74, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/confirmation.scss */
.prev-gen .widget-reservation-confirmation .reservation-payment-status .payment-method img {
  max-width: 55px;
}

/* line 79, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/confirmation.scss */
.prev-gen .widget-reservation-confirmation .reservation-payment-status .payment-methods {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: -2px;
}

/* line 91, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/confirmation.scss */
.prev-gen .widget-reservation-confirmation .reservation-payment-status .payment-methods li img {
  max-width: 55px;
  margin-right: 4px;
  margin-bottom: 4px;
}

/* line 5, vendor/integrations/gifty_integration/app/assets/stylesheets/gifty_integration/widget/widget.scss */
.next-gen .reservation-widget-button:has(.reservation-widget-integration-floating-button) {
  display: inline-flex;
}

/* line 8, vendor/integrations/gifty_integration/app/assets/stylesheets/gifty_integration/widget/widget.scss */
.next-gen .reservation-widget-button:has(.reservation-widget-integration-floating-button) .widget-button-main {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 13, vendor/integrations/gifty_integration/app/assets/stylesheets/gifty_integration/widget/widget.scss */
.next-gen .reservation-widget-button:has(.reservation-widget-integration-floating-button) .reservation-widget-integration-floating-button {
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 2px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 22, vendor/integrations/gifty_integration/app/assets/stylesheets/gifty_integration/widget/widget.scss */
.next-gen .reservation-widget-button:has(.reservation-widget-integration-floating-button) .reservation-widget-integration-floating-button .floating-gifty-button {
  display: block;
  padding: 16px;
}

/* line 26, vendor/integrations/gifty_integration/app/assets/stylesheets/gifty_integration/widget/widget.scss */
.next-gen .reservation-widget-button:has(.reservation-widget-integration-floating-button) .reservation-widget-integration-floating-button .floating-gifty-button svg {
  display: block;
}

/* line 30, vendor/integrations/gifty_integration/app/assets/stylesheets/gifty_integration/widget/widget.scss */
.next-gen .reservation-widget-button:has(.reservation-widget-integration-floating-button) .reservation-widget-integration-floating-button .floating-gifty-button svg path {
  fill: #0061BE;
}

/* line 39, vendor/integrations/gifty_integration/app/assets/stylesheets/gifty_integration/widget/widget.scss */
.next-gen .reservations-widget .reservation-widget-integration-button {
  padding: 16px;
  padding-bottom: 0;
}

/* line 43, vendor/integrations/gifty_integration/app/assets/stylesheets/gifty_integration/widget/widget.scss */
.next-gen .reservations-widget .reservation-widget-integration-button .gifty-button {
  display: flex;
  align-items: center;
  color: #0061BE;
  font-weight: 600;
}

/* line 49, vendor/integrations/gifty_integration/app/assets/stylesheets/gifty_integration/widget/widget.scss */
.next-gen .reservations-widget .reservation-widget-integration-button .gifty-button svg {
  margin-right: 8px;
}

/* line 53, vendor/integrations/gifty_integration/app/assets/stylesheets/gifty_integration/widget/widget.scss */
.next-gen .reservations-widget .reservation-widget-integration-button .gifty-button svg path {
  fill: #0061BE;
}

/* line 59, vendor/integrations/gifty_integration/app/assets/stylesheets/gifty_integration/widget/widget.scss */
.next-gen .reservations-widget .reservation-widget-integration-button:has(+ .widget-bookables) {
  padding-bottom: 4px;
}