@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src: url(/assets/widget/new2/icomoon-75c9da56c839b7fe79788103a779728f53063bcc48d07d6ac91f6cf8551614c7.eot?uibeyx);
  src: url(/assets/widget/new2/icomoon-75c9da56c839b7fe79788103a779728f53063bcc48d07d6ac91f6cf8551614c7.eot?uibeyx#iefix) format("embedded-opentype"), url(/assets/widget/new2/icomoon-ce8b02bbbbf1ccbe351ab5ad7f47f20b2cc01a1dbd3c265aa82b9b14da253ee1.ttf?uibeyx) format("truetype"), url(/assets/widget/new2/icomoon-dd27c3ab85623d82f6feb3c89607755b5f604566aae758cf4e8c469a873d5d07.woff?uibeyx) format("woff"), url(/assets/widget/new2/icomoon-08360fe38cd2c152aff416491637b5f0ba4786ffcfc091338460b41715eea0f1.svg?uibeyx#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* line 5, app/assets/stylesheets/widget/base/reset.scss */
html:has(body.embed),
html:has(body.breakout),
body.embed,
body.breakout {
  font-size: 100%;
  vertical-align: baseline;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
}

/* line 17, app/assets/stylesheets/widget/base/reset.scss */
html:has(body.embed),
html:has(body.breakout) {
  color-scheme: light;
  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* line 30, app/assets/stylesheets/widget/base/reset.scss */
.reservations-widget h1, .reservations-widget h2, .reservations-widget h3, .reservations-widget h4, .reservations-widget h5, .reservations-widget h6,
.reservations-widget a, .reservations-widget p, .reservations-widget span,
.reservations-widget em, .reservations-widget small, .reservations-widget strong,
.reservations-widget sub, .reservations-widget sup,
.reservations-widget mark, .reservations-widget del, .reservations-widget ins, .reservations-widget strike,
.reservations-widget abbr, .reservations-widget dfn,
.reservations-widget blockquote, .reservations-widget q, .reservations-widget cite,
.reservations-widget code, .reservations-widget pre,
.reservations-widget ol, .reservations-widget ul, .reservations-widget li, .reservations-widget dl, .reservations-widget dt, .reservations-widget dd,
.reservations-widget div, .reservations-widget section, .reservations-widget article,
.reservations-widget main, .reservations-widget aside, .reservations-widget nav,
.reservations-widget header, .reservations-widget hgroup, .reservations-widget footer,
.reservations-widget img, .reservations-widget figure, .reservations-widget figcaption,
.reservations-widget address, .reservations-widget time,
.reservations-widget audio, .reservations-widget video,
.reservations-widget canvas, .reservations-widget iframe,
.reservations-widget details, .reservations-widget summary,
.reservations-widget fieldset, .reservations-widget form, .reservations-widget label, .reservations-widget legend,
.reservations-widget table, .reservations-widget caption,
.reservations-widget tbody, .reservations-widget tfoot, .reservations-widget thead,
.reservations-widget tr, .reservations-widget th, .reservations-widget td,
.widget-reservation-confirmation h1,
.widget-reservation-confirmation h2,
.widget-reservation-confirmation h3,
.widget-reservation-confirmation h4,
.widget-reservation-confirmation h5,
.widget-reservation-confirmation h6,
.widget-reservation-confirmation a,
.widget-reservation-confirmation p,
.widget-reservation-confirmation span,
.widget-reservation-confirmation em,
.widget-reservation-confirmation small,
.widget-reservation-confirmation strong,
.widget-reservation-confirmation sub,
.widget-reservation-confirmation sup,
.widget-reservation-confirmation mark,
.widget-reservation-confirmation del,
.widget-reservation-confirmation ins,
.widget-reservation-confirmation strike,
.widget-reservation-confirmation abbr,
.widget-reservation-confirmation dfn,
.widget-reservation-confirmation blockquote,
.widget-reservation-confirmation q,
.widget-reservation-confirmation cite,
.widget-reservation-confirmation code,
.widget-reservation-confirmation pre,
.widget-reservation-confirmation ol,
.widget-reservation-confirmation ul,
.widget-reservation-confirmation li,
.widget-reservation-confirmation dl,
.widget-reservation-confirmation dt,
.widget-reservation-confirmation dd,
.widget-reservation-confirmation div,
.widget-reservation-confirmation section,
.widget-reservation-confirmation article,
.widget-reservation-confirmation main,
.widget-reservation-confirmation aside,
.widget-reservation-confirmation nav,
.widget-reservation-confirmation header,
.widget-reservation-confirmation hgroup,
.widget-reservation-confirmation footer,
.widget-reservation-confirmation img,
.widget-reservation-confirmation figure,
.widget-reservation-confirmation figcaption,
.widget-reservation-confirmation address,
.widget-reservation-confirmation time,
.widget-reservation-confirmation audio,
.widget-reservation-confirmation video,
.widget-reservation-confirmation canvas,
.widget-reservation-confirmation iframe,
.widget-reservation-confirmation details,
.widget-reservation-confirmation summary,
.widget-reservation-confirmation fieldset,
.widget-reservation-confirmation form,
.widget-reservation-confirmation label,
.widget-reservation-confirmation legend,
.widget-reservation-confirmation table,
.widget-reservation-confirmation caption,
.widget-reservation-confirmation tbody,
.widget-reservation-confirmation tfoot,
.widget-reservation-confirmation thead,
.widget-reservation-confirmation tr,
.widget-reservation-confirmation th,
.widget-reservation-confirmation td {
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
}

/* line 62, app/assets/stylesheets/widget/base/reset.scss */
.reservations-widget a, .reservations-widget u,
.widget-reservation-confirmation a,
.widget-reservation-confirmation u {
  text-decoration: underline;
}

/* line 66, app/assets/stylesheets/widget/base/reset.scss */
.reservations-widget a,
.widget-reservation-confirmation a {
  text-decoration: none;
}

/* line 70, app/assets/stylesheets/widget/base/reset.scss */
.reservations-widget a:hover,
.widget-reservation-confirmation a:hover {
  text-decoration: none;
}

/* line 74, app/assets/stylesheets/widget/base/reset.scss */
.reservations-widget em, .reservations-widget i,
.widget-reservation-confirmation em,
.widget-reservation-confirmation i {
  font-style: italic;
}

/* line 78, app/assets/stylesheets/widget/base/reset.scss */
.reservations-widget b, .reservations-widget strong,
.widget-reservation-confirmation b,
.widget-reservation-confirmation strong {
  font-weight: bold;
}

/* line 82, app/assets/stylesheets/widget/base/reset.scss */
.reservations-widget *,
.widget-reservation-confirmation * {
  box-sizing: border-box;
}

/* line 86, app/assets/stylesheets/widget/base/reset.scss */
.reservations-widget *:before,
.reservations-widget *:after,
.widget-reservation-confirmation *:before,
.widget-reservation-confirmation *:after {
  box-sizing: inherit;
}

/* line 91, app/assets/stylesheets/widget/base/reset.scss */
.reservations-widget table,
.widget-reservation-confirmation table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 96, app/assets/stylesheets/widget/base/reset.scss */
.reservations-widget ol, .reservations-widget ul,
.widget-reservation-confirmation ol,
.widget-reservation-confirmation ul {
  list-style: none;
}

/* line 100, app/assets/stylesheets/widget/base/reset.scss */
.reservations-widget img,
.widget-reservation-confirmation img {
  display: block;
  max-width: 100%;
  border-style: none;
}

/* line 106, app/assets/stylesheets/widget/base/reset.scss */
.reservations-widget :focus:not(:focus-visible),
.widget-reservation-confirmation :focus:not(:focus-visible) {
  outline: none;
}

/* line 110, app/assets/stylesheets/widget/base/reset.scss */
.reservations-widget .profiler-results,
.widget-reservation-confirmation .profiler-results {
  display: none;
}

/* line 3, app/assets/stylesheets/widget/components/date-select.scss */
.reservation_date_select .flatpickr-input[readonly] {
  cursor: pointer;
}

/* line 7, app/assets/stylesheets/widget/components/date-select.scss */
.reservation_date_select input.form-control {
  width: 100%;
  display: block;
  cursor: pointer;
  color: #111;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  background: #fff;
  padding-top: 13px;
  padding-right: 12px;
  padding-bottom: 14px;
  padding-left: 36px;
  margin-bottom: 18px;
  border: 1px solid #c8c8c8;
  border-radius: 8px;
  box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
}

/* line 29, app/assets/stylesheets/widget/components/date-select.scss */
.reservation_date_select input.form-control:before {
  position: absolute;
  top: 12px;
  left: 12px;
  display: block;
  font-family: 'icomoon' !important;
  speak: never;
  color: #111;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}

/* line 48, app/assets/stylesheets/widget/components/date-select.scss */
.reservation_date_select input.form-control:hover {
  color: #0061BE;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  background: #fff;
  border: 1px solid #c8c8c8;
}

/* line 56, app/assets/stylesheets/widget/components/date-select.scss */
.reservation_date_select input.form-control:hover:before {
  color: #0061BE;
}

/* line 61, app/assets/stylesheets/widget/components/date-select.scss */
.reservation_date_select input.form-control[value] {
  color: #0061BE;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  background: #fff;
  border: 1px solid #c8c8c8;
}

/* line 69, app/assets/stylesheets/widget/components/date-select.scss */
.reservation_date_select input.form-control[value]:before {
  color: #0061BE;
}

/* line 73, app/assets/stylesheets/widget/components/date-select.scss */
.reservation_date_select input.form-control[value]:hover {
  color: #006bd2;
}

/* line 76, app/assets/stylesheets/widget/components/date-select.scss */
.reservation_date_select input.form-control[value]:hover:before {
  color: #006bd2;
}

/* line 4, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-wrapper,
.reservations-widget .flatpickr-wrapper {
  position: relative;
}

/* line 8, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar,
.reservations-widget .flatpickr-calendar {
  display: none;
  text-align: center;
  padding: 0;
  position: relative;
  touch-action: manipulation;
  border: 10px solid #c8c8c8;
  border-radius: 8px;
  border: 1px solid #c8c8c8;
}

/* line 25, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar.open,
.reservations-widget .flatpickr-calendar.open {
  display: block;
  z-index: 99999;
}

/* line 30, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar:focus,
.reservations-widget .flatpickr-calendar:focus {
  outline: 0;
}

/* line 36, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-months,
.reservations-widget .flatpickr-calendar .flatpickr-months {
  display: flex;
  background: #fff;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  height: 54px;
  color: #111;
  font-size: 21px;
  line-height: 30.4092979431px;
  font-weight: 400;
  border-radius: 8px;
}

/* line 49, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-months .flatpickr-month,
.reservations-widget .flatpickr-calendar .flatpickr-months .flatpickr-month {
  height: 100%;
  text-align: center;
  user-select: none;
  overflow: hidden;
  flex: 1;
}

/* line 60, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-prev-month,
.flatpickr-datepicker .flatpickr-calendar .flatpickr-next-month,
.reservations-widget .flatpickr-calendar .flatpickr-prev-month,
.reservations-widget .flatpickr-calendar .flatpickr-next-month {
  display: block;
  cursor: pointer;
  width: 36px;
  height: 36px;
  font-size: 0;
  background: #fff;
  border-radius: 50%;
  user-select: none;
  text-decoration: none;
  z-index: 3;
  border: 1px solid #c8c8c8;
}

/* line 77, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-prev-month:before,
.flatpickr-datepicker .flatpickr-calendar .flatpickr-next-month:before,
.reservations-widget .flatpickr-calendar .flatpickr-prev-month:before,
.reservations-widget .flatpickr-calendar .flatpickr-next-month:before {
  position: relative;
  top: 9px;
  display: block;
  font-family: 'icomoon' !important;
  speak: never;
  color: #0061BE;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 94, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-prev-month:hover,
.flatpickr-datepicker .flatpickr-calendar .flatpickr-next-month:hover,
.reservations-widget .flatpickr-calendar .flatpickr-prev-month:hover,
.reservations-widget .flatpickr-calendar .flatpickr-next-month:hover {
  background: #fff;
  border: 1px solid #c8c8c8;
}

/* line 101, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-prev-month:hover:before,
.flatpickr-datepicker .flatpickr-calendar .flatpickr-next-month:hover:before,
.reservations-widget .flatpickr-calendar .flatpickr-prev-month:hover:before,
.reservations-widget .flatpickr-calendar .flatpickr-next-month:hover:before {
  color: #0054a5;
}

/* line 106, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-datepicker .flatpickr-calendar .flatpickr-next-month.flatpickr-disabled,
.reservations-widget .flatpickr-calendar .flatpickr-prev-month.flatpickr-disabled,
.reservations-widget .flatpickr-calendar .flatpickr-next-month.flatpickr-disabled {
  cursor: default;
  opacity: 0.5;
  background: #fff;
}

/* line 111, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-prev-month.flatpickr-disabled:before,
.flatpickr-datepicker .flatpickr-calendar .flatpickr-next-month.flatpickr-disabled:before,
.reservations-widget .flatpickr-calendar .flatpickr-prev-month.flatpickr-disabled:before,
.reservations-widget .flatpickr-calendar .flatpickr-next-month.flatpickr-disabled:before {
  opacity: 0.8;
  color: #111;
}

/* line 116, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-prev-month.flatpickr-disabled:hover,
.flatpickr-datepicker .flatpickr-calendar .flatpickr-next-month.flatpickr-disabled:hover,
.reservations-widget .flatpickr-calendar .flatpickr-prev-month.flatpickr-disabled:hover,
.reservations-widget .flatpickr-calendar .flatpickr-next-month.flatpickr-disabled:hover {
  background: #fff;
  border: 1px solid #c8c8c8;
}

/* line 123, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-prev-month.flatpickr-disabled:hover:before,
.flatpickr-datepicker .flatpickr-calendar .flatpickr-next-month.flatpickr-disabled:hover:before,
.reservations-widget .flatpickr-calendar .flatpickr-prev-month.flatpickr-disabled:hover:before,
.reservations-widget .flatpickr-calendar .flatpickr-next-month.flatpickr-disabled:hover:before {
  color: #111;
}

/* line 129, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-datepicker .flatpickr-calendar .flatpickr-next-month.flatpickr-prev-month,
.reservations-widget .flatpickr-calendar .flatpickr-prev-month.flatpickr-prev-month,
.reservations-widget .flatpickr-calendar .flatpickr-next-month.flatpickr-prev-month {
  margin-left: 12px;
}

/* line 132, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-prev-month.flatpickr-prev-month:before,
.flatpickr-datepicker .flatpickr-calendar .flatpickr-next-month.flatpickr-prev-month:before,
.reservations-widget .flatpickr-calendar .flatpickr-prev-month.flatpickr-prev-month:before,
.reservations-widget .flatpickr-calendar .flatpickr-next-month.flatpickr-prev-month:before {
  content: "";
  left: -1px;
}

/* line 138, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-datepicker .flatpickr-calendar .flatpickr-next-month.flatpickr-next-month,
.reservations-widget .flatpickr-calendar .flatpickr-prev-month.flatpickr-next-month,
.reservations-widget .flatpickr-calendar .flatpickr-next-month.flatpickr-next-month {
  margin-right: 12px;
}

/* line 141, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-prev-month.flatpickr-next-month:before,
.flatpickr-datepicker .flatpickr-calendar .flatpickr-next-month.flatpickr-next-month:before,
.reservations-widget .flatpickr-calendar .flatpickr-prev-month.flatpickr-next-month:before,
.reservations-widget .flatpickr-calendar .flatpickr-next-month.flatpickr-next-month:before {
  content: "";
  right: -1px;
}

/* line 147, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-prev-month svg,
.flatpickr-datepicker .flatpickr-calendar .flatpickr-next-month svg,
.reservations-widget .flatpickr-calendar .flatpickr-prev-month svg,
.reservations-widget .flatpickr-calendar .flatpickr-next-month svg {
  display: none;
}

/* line 154, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-current-month,
.reservations-widget .flatpickr-calendar .flatpickr-current-month {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 54px;
  padding: 0 6px;
}

/* line 164, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .cur-month:first-letter,
.reservations-widget .flatpickr-calendar .cur-month:first-letter {
  text-transform: capitalize;
}

/* line 171, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-select-wrapper,
.reservations-widget .flatpickr-calendar .flatpickr-select-wrapper {
  position: relative;
  margin-left: -12px;
}

/* line 175, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-select-wrapper:after,
.reservations-widget .flatpickr-calendar .flatpickr-select-wrapper:after {
  position: absolute;
  top: 50%;
  left: 12px;
  display: none;
  width: 9px;
  height: 16px;
  margin-top: -8px;
  font-family: 'icomoon' !important;
  speak: never;
  color: #111;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}

/* line 199, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-select-wrapper:hover:after,
.reservations-widget .flatpickr-calendar .flatpickr-select-wrapper:hover:after {
  display: block;
}

/* line 205, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar select.flatpickr-monthDropdown-months,
.flatpickr-datepicker .flatpickr-calendar .flatpickr-month-ruler,
.reservations-widget .flatpickr-calendar select.flatpickr-monthDropdown-months,
.reservations-widget .flatpickr-calendar .flatpickr-month-ruler {
  height: 36px;
  font-size: 16px;
  text-transform: capitalize;
  text-rendering: optimizelegibility;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 30px;
  border: 1px solid rgba(0, 0, 0, 0);
}

/* line 220, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar select.flatpickr-monthDropdown-months,
.reservations-widget .flatpickr-calendar select.flatpickr-monthDropdown-months {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  appearance: none;
  font-weight: 600;
  color: #111;
  background: none;
  box-shadow: none;
}

/* line 231, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar select.flatpickr-monthDropdown-months:hover,
.reservations-widget .flatpickr-calendar select.flatpickr-monthDropdown-months:hover {
  border: 1px solid #c8c8c8;
  border-radius: 8px;
  box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
}

/* line 238, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-month-ruler,
.reservations-widget .flatpickr-calendar .flatpickr-month-ruler {
  font-weight: 800;
  display: inline-block;
}

/* line 245, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .numInputWrapper,
.reservations-widget .flatpickr-calendar .numInputWrapper {
  display: flex;
  align-items: center;
  position: relative;
  height: 36px;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0);
}

/* line 253, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .numInputWrapper input,
.flatpickr-datepicker .flatpickr-calendar .numInputWrapper span,
.reservations-widget .flatpickr-calendar .numInputWrapper input,
.reservations-widget .flatpickr-calendar .numInputWrapper span {
  display: inline-block;
}

/* line 258, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .numInputWrapper input,
.reservations-widget .flatpickr-calendar .numInputWrapper input {
  width: 80px;
  height: 36px;
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding-right: 24px;
  padding-left: 12px;
  margin: 0;
  display: inline-block;
  font-size: 16px;
  font-family: inherit;
  font-weight: 600;
  line-height: 36px;
  border: 0;
  border-radius: 0;
  -moz-appearance: textfield;
  -webkit-appearance: none;
  appearance: textfield;
  box-shadow: none;
}

/* line 283, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .numInputWrapper input:focus,
.reservations-widget .flatpickr-calendar .numInputWrapper input:focus {
  outline: 0;
}

/* line 287, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .numInputWrapper input::-webkit-outer-spin-button, .flatpickr-datepicker .flatpickr-calendar .numInputWrapper input::-webkit-inner-spin-button,
.reservations-widget .flatpickr-calendar .numInputWrapper input::-webkit-outer-spin-button,
.reservations-widget .flatpickr-calendar .numInputWrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 293, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .numInputWrapper input[disabled], .flatpickr-datepicker .flatpickr-calendar .numInputWrapper input[disabled]:hover,
.reservations-widget .flatpickr-calendar .numInputWrapper input[disabled],
.reservations-widget .flatpickr-calendar .numInputWrapper input[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

/* line 302, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .numInputWrapper span,
.reservations-widget .flatpickr-calendar .numInputWrapper span {
  display: none;
  position: absolute;
  right: 0;
  width: 16px;
  height: 50%;
  line-height: 50%;
  cursor: pointer;
  border: 1px solid #c8c8c8;
  border-right: none;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
}

/* line 316, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .numInputWrapper span:after,
.reservations-widget .flatpickr-calendar .numInputWrapper span:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'icomoon' !important;
  speak: never;
  color: #111;
  font-size: 4px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 338, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .numInputWrapper span.arrowUp,
.reservations-widget .flatpickr-calendar .numInputWrapper span.arrowUp {
  top: 0;
  border-top: 0;
  border-bottom: 0;
  border-top-right-radius: 7px;
}

/* line 344, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .numInputWrapper span.arrowUp:after,
.reservations-widget .flatpickr-calendar .numInputWrapper span.arrowUp:after {
  content: "";
}

/* line 349, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .numInputWrapper span.arrowDown,
.reservations-widget .flatpickr-calendar .numInputWrapper span.arrowDown {
  top: 50%;
  border-bottom: 0;
  border-bottom-right-radius: 7px;
}

/* line 354, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .numInputWrapper span.arrowDown:after,
.reservations-widget .flatpickr-calendar .numInputWrapper span.arrowDown:after {
  content: "";
}

/* line 360, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .numInputWrapper:hover,
.reservations-widget .flatpickr-calendar .numInputWrapper:hover {
  border: 1px solid #c8c8c8;
  border-radius: 8px;
  box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
}

/* line 365, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .numInputWrapper:hover span,
.reservations-widget .flatpickr-calendar .numInputWrapper:hover span {
  display: block;
}

/* line 387, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-weekdays,
.reservations-widget .flatpickr-calendar .flatpickr-weekdays {
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
}

/* line 400, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-weekdays .flatpickr-weekdaycontainer,
.reservations-widget .flatpickr-calendar .flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1;
}

/* line 405, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-weekdays span.flatpickr-weekday,
.reservations-widget .flatpickr-calendar .flatpickr-weekdays span.flatpickr-weekday {
  display: block;
  flex: 1;
  cursor: default;
  text-align: center;
  min-width: 14.285714285%;
  color: #111;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  background: #fff;
  margin: 0;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* line 422, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-weekdays span.flatpickr-weekday:first-letter,
.reservations-widget .flatpickr-calendar .flatpickr-weekdays span.flatpickr-weekday:first-letter {
  text-transform: capitalize;
}

/* line 430, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days,
.reservations-widget .flatpickr-calendar .flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
}

/* line 436, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .dayContainer,
.reservations-widget .flatpickr-calendar .flatpickr-days .dayContainer {
  padding: 6px;
  outline: 0;
  text-align: left;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

/* line 448, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  cursor: pointer;
  font-weight: 600;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  min-height: 38px;
  margin: 0;
  padding: 6px 3px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 6px;
  border: 1px solid #fff;
  color: #222;
  background: #abe4a9;
}

/* line 469, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day:before,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day:before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  content: '';
  margin-top: -18px;
  margin-left: -18px;
  border-radius: 50%;
}

/* line 488, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day:hover,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day:hover {
  color: #fff;
  background: #18840e;
}

/* line 493, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.selected,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.selected {
  color: #fff;
  background: #18840e;
}

/* line 498, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled, .flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay, .flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay {
  opacity: 0.5;
  background: none;
  cursor: default;
  color: #111;
  pointer-events: none;
}

/* line 508, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled:before, .flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay:before, .flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay:before,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled:before,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay:before,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay:before {
  opacity: 0.6;
  background: none;
}

/* line 513, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled:hover, .flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay:hover, .flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay:hover,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled:hover,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay:hover,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay:hover {
  color: #111;
  background: #fff;
}

/* line 517, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled:hover:before, .flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay:hover:before, .flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay:hover:before,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled:hover:before,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay:hover:before,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay:hover:before {
  display: none;
}

/* line 522, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled .datepicker-confirmable, .flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay .datepicker-confirmable, .flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay .datepicker-confirmable,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled .datepicker-confirmable,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay .datepicker-confirmable,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay .datepicker-confirmable {
  display: none;
}

/* line 527, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.is-disabled-date,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.is-disabled-date {
  color: #222;
  background: #dddce9;
}

/* line 531, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.is-disabled-date:hover,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.is-disabled-date:hover {
  background: #afadcb;
}

/* line 536, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.is-disabled-date.selected,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.is-disabled-date.selected {
  background: #afadcb;
}

/* line 540, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled.is-disabled-date,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled.is-disabled-date {
  color: #111;
  background: none;
}

/* line 547, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.today:before,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.today:before {
  z-index: 1;
  background: none;
  border: 2px solid rgba(0, 0, 0, 0.35);
}

/* line 555, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.today:hover:before,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.today:hover:before {
  z-index: -1;
}

/* line 563, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.today.selected:before,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.today.selected:before {
  z-index: -1;
}

/* line 570, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.today.is-confirmable-date:hover,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.today.is-confirmable-date:hover {
  color: #fff;
}

/* line 573, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.today.is-confirmable-date:hover:before,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.today.is-confirmable-date:hover:before {
  z-index: -1;
}

/* line 579, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day.today.is-confirmable-date.selected,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day.today.is-confirmable-date.selected {
  color: #fff;
}

/* line 583, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .flatpickr-day .datepicker-confirmable,
.reservations-widget .flatpickr-calendar .flatpickr-days .flatpickr-day .datepicker-confirmable {
  display: none;
  position: absolute;
  left: 50%;
  margin-left: -2px;
  bottom: 3px;
  width: 6px;
  height: 6px;
  background: green;
  border-radius: 50%;
  border: 1px solid #fff;
}

/* line 597, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .prevMonthDay,
.flatpickr-datepicker .flatpickr-calendar .flatpickr-days .nextMonthDay,
.reservations-widget .flatpickr-calendar .flatpickr-days .prevMonthDay,
.reservations-widget .flatpickr-calendar .flatpickr-days .nextMonthDay {
  visibility: hidden;
}

/* line 603, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .calendar-bookable-badge,
.reservations-widget .flatpickr-calendar .calendar-bookable-badge {
  text-align: center;
  padding-top: 6px;
  padding-bottom: 12px;
}

/* line 608, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .calendar-bookable-badge strong,
.reservations-widget .flatpickr-calendar .calendar-bookable-badge strong {
  display: inline-flex;
  align-items: center;
}

/* line 612, app/assets/stylesheets/widget/components/datepicker.scss */
.flatpickr-datepicker .flatpickr-calendar .calendar-bookable-badge strong:before,
.reservations-widget .flatpickr-calendar .calendar-bookable-badge strong:before {
  display: block;
  width: 18px;
  height: 18px;
  content: '';
  background: #abe4a9;
  margin-right: 9px;
  border-radius: 4px;
}

@media only screen and (max-width: 399px) {
  /* line 632, app/assets/stylesheets/widget/components/datepicker.scss */
  .reservations-widget .flatpickr-calendar .flatpickr-select-wrapper {
    margin-left: 0;
  }
  /* line 637, app/assets/stylesheets/widget/components/datepicker.scss */
  .reservations-widget .flatpickr-calendar .flatpickr-select-wrapper:hover:after {
    display: none;
  }
  /* line 643, app/assets/stylesheets/widget/components/datepicker.scss */
  .reservations-widget .flatpickr-calendar select.flatpickr-monthDropdown-months,
.reservations-widget .flatpickr-calendar .flatpickr-month-ruler {
    padding: 0;
  }
  /* line 647, app/assets/stylesheets/widget/components/datepicker.scss */
  .reservations-widget .flatpickr-calendar select.flatpickr-monthDropdown-months:hover,
.reservations-widget .flatpickr-calendar .flatpickr-month-ruler:hover {
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: none;
  }
  /* line 653, app/assets/stylesheets/widget/components/datepicker.scss */
  .reservations-widget .flatpickr-calendar select.flatpickr-monthDropdown-months {
    pointer-events: none;
  }
  /* line 657, app/assets/stylesheets/widget/components/datepicker.scss */
  .reservations-widget .flatpickr-calendar .numInputWrapper {
    margin-left: 6px;
  }
  /* line 660, app/assets/stylesheets/widget/components/datepicker.scss */
  .reservations-widget .flatpickr-calendar .numInputWrapper input {
    max-width: 4ch;
    padding: 0;
    pointer-events: none;
  }
  /* line 666, app/assets/stylesheets/widget/components/datepicker.scss */
  .reservations-widget .flatpickr-calendar .numInputWrapper:hover {
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: none;
  }
  /* line 670, app/assets/stylesheets/widget/components/datepicker.scss */
  .reservations-widget .flatpickr-calendar .numInputWrapper:hover span {
    display: none;
  }
}

/* line 7, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  height: 42px;
  background: #fff;
  overflow: hidden;
  border-radius: 8px;
  border: 1px solid #c8c8c8;
}

/* line 21, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-prev,
.reservations-widget .select-scroll .select-scroll-next {
  position: relative;
  cursor: pointer;
  width: 12%;
  background: none;
  font-size: 0;
  line-height: 42px;
  text-align: center;
  border: 0;
  height: 41px;
}

/* line 38, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-prev:before,
.reservations-widget .select-scroll .select-scroll-next:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  font-family: 'icomoon' !important;
  speak: never;
  color: #0061BE;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-indent: 0;
  line-height: 41px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 61, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-prev:hover:before,
.reservations-widget .select-scroll .select-scroll-next:hover:before {
  color: #0054a5;
}

/* line 67, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-prev {
  border-right: 1px solid #c8c8c8;
}

/* line 73, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-prev:before {
  content: "";
}

/* line 78, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-next {
  border-left: 1px solid #c8c8c8;
}

/* line 84, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-next:before {
  content: "";
}

/* line 89, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-prev:disabled,
.reservations-widget .select-scroll .select-scroll-next:disabled {
  cursor: default;
}

/* line 93, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-prev:disabled:before,
.reservations-widget .select-scroll .select-scroll-next:disabled:before {
  opacity: 0.4;
  color: #111;
}

/* line 99, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-options {
  position: relative;
  flex: 1;
}

/* line 104, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-group {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}

/* line 112, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-group.current {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

/* line 122, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll.select-scroll-5-items-per-group .select-scroll-value {
  width: 20%;
}

/* line 129, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll.select-scroll-4-items-per-group .select-scroll-value {
  width: 25%;
}

/* line 134, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-value {
  position: relative;
  cursor: pointer;
  height: 41px;
  border-right: 1px solid #c8c8c8;
}

/* line 145, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-value span {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-weight: 600;
  line-height: 39px;
  text-align: center;
}

/* line 156, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-value span:after {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 3px;
  content: '';
  background: #0061BE;
  border-top: 1px solid #fff;
}

/* line 171, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-value.selected span, .reservations-widget .select-scroll .select-scroll-value:hover span {
  color: #fff;
  background: #0061BE;
}

/* line 177, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-value:last-child {
  box-shadow: #c8c8c8 1px 0 0;
  border-right: 0;
}

/* line 188, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-value-squeezed span:after,
.reservations-widget .select-scroll .select-scroll-value-squeezed:hover span:after {
  background: #F5AB51;
}

/* line 194, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-value-unavailable span {
  color: #111;
  background: none;
}

/* line 199, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-value-unavailable span:after {
  background: #c8c8c8;
}

/* line 204, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-value-disabled,
.reservations-widget .select-scroll .select-scroll-value-disabled:hover,
.reservations-widget .select-scroll .selected.select-scroll-value-disabled,
.reservations-widget .select-scroll .selected.select-scroll-value-disabled:hover {
  opacity: 0.5;
  cursor: default;
}

/* line 211, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-value-disabled span,
.reservations-widget .select-scroll .select-scroll-value-disabled:hover span,
.reservations-widget .select-scroll .selected.select-scroll-value-disabled span,
.reservations-widget .select-scroll .selected.select-scroll-value-disabled:hover span {
  color: #111;
  background: none;
}

/* line 216, app/assets/stylesheets/widget/components/select-scroll.scss */
.reservations-widget .select-scroll .select-scroll-value-disabled span:after,
.reservations-widget .select-scroll .select-scroll-value-disabled:hover span:after,
.reservations-widget .select-scroll .selected.select-scroll-value-disabled span:after,
.reservations-widget .select-scroll .selected.select-scroll-value-disabled:hover span:after {
  background: #c8c8c8;
}

/* line 6, app/assets/stylesheets/widget/components/textual.scss */
.reservations-widget .textual *,
.reservations-widget-popover .textual * {
  margin: 0;
}

/* line 10, app/assets/stylesheets/widget/components/textual.scss */
.reservations-widget .textual * + *,
.reservations-widget-popover .textual * + * {
  margin-top: 12px;
}

/* line 14, app/assets/stylesheets/widget/components/textual.scss */
.reservations-widget .textual a,
.reservations-widget-popover .textual a {
  color: #111;
  text-decoration: underline;
}

/* line 18, app/assets/stylesheets/widget/components/textual.scss */
.reservations-widget .textual a:hover,
.reservations-widget-popover .textual a:hover {
  text-decoration: none;
}

/* line 23, app/assets/stylesheets/widget/components/textual.scss */
.reservations-widget .textual h1, .reservations-widget .textual h2, .reservations-widget .textual h3, .reservations-widget .textual h4, .reservations-widget .textual h5, .reservations-widget .textual h6,
.reservations-widget-popover .textual h1,
.reservations-widget-popover .textual h2,
.reservations-widget-popover .textual h3,
.reservations-widget-popover .textual h4,
.reservations-widget-popover .textual h5,
.reservations-widget-popover .textual h6 {
  font-weight: 600;
}

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

/* line 31, app/assets/stylesheets/widget/components/textual.scss */
.reservations-widget .textual ul,
.reservations-widget-popover .textual ul {
  list-style: disc;
}

/* line 35, app/assets/stylesheets/widget/components/textual.scss */
.reservations-widget .textual ol,
.reservations-widget-popover .textual ol {
  list-style: decimal;
}

/* line 39, app/assets/stylesheets/widget/components/textual.scss */
.reservations-widget .textual ul, .reservations-widget .textual ol,
.reservations-widget-popover .textual ul,
.reservations-widget-popover .textual ol {
  padding: 0;
}

/* line 42, app/assets/stylesheets/widget/components/textual.scss */
.reservations-widget .textual ul li, .reservations-widget .textual ol li,
.reservations-widget-popover .textual ul li,
.reservations-widget-popover .textual ol li {
  list-style-position: inside;
}

/* line 46, app/assets/stylesheets/widget/components/textual.scss */
.reservations-widget .textual ul * + *, .reservations-widget .textual ol * + *,
.reservations-widget-popover .textual ul * + *,
.reservations-widget-popover .textual ol * + * {
  margin-top: 0;
}

/* line 51, app/assets/stylesheets/widget/components/textual.scss */
.reservations-widget .textual hr,
.reservations-widget-popover .textual hr {
  display: block;
  width: 100%;
  height: 1px;
  border: none;
  border-top: 1px solid #c8c8c8;
}

/* line 59, app/assets/stylesheets/widget/components/textual.scss */
.reservations-widget .textual blockquote,
.reservations-widget-popover .textual blockquote {
  padding-left: 18px;
  margin-left: 0;
  border-left: 2px solid #c8c8c8;
}

/* line 65, app/assets/stylesheets/widget/components/textual.scss */
.reservations-widget .textual img,
.reservations-widget-popover .textual img {
  max-width: 100%;
  height: auto;
}

/* line 70, app/assets/stylesheets/widget/components/textual.scss */
.reservations-widget .textual pre.highlight,
.reservations-widget-popover .textual pre.highlight {
  color: #fff;
  background: #333333;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  padding: 12px 18px;
}

/* line 83, app/assets/stylesheets/widget/components/textual.scss */
.reservations-widget-popover .textual h1, .reservations-widget-popover .textual h2 {
  font-size: 21px;
  font-weight: 600;
  line-height: 30.4092979431px;
}

/* line 5, app/assets/stylesheets/widget/widget.scss */
.reservations-widget {
  color: #111;
  font-size: 14px;
  line-height: 24px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background: #fff;
  max-width: 420px;
  padding: 18px;
  border-radius: 8px;
  margin: 0 auto;
  border: 1px solid #c8c8c8;
}

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

/* line 25, app/assets/stylesheets/widget/widget.scss */
.reservations-widget caption, .reservations-widget th, .reservations-widget td {
  text-align: center;
}

/* line 29, app/assets/stylesheets/widget/widget.scss */
.reservations-widget fieldset legend {
  display: block;
  width: 100%;
  color: #111;
  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: 21px;
  line-height: 30.4092979431px;
  font-weight: 600;
  margin-bottom: 12px;
}

/* line 39, app/assets/stylesheets/widget/widget.scss */
.reservations-widget fieldset legend span {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

/* line 48, app/assets/stylesheets/widget/widget.scss */
.reservations-widget fieldset legend a {
  margin-left: auto;
  color: #111;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  text-decoration: underline;
}

/* line 56, app/assets/stylesheets/widget/widget.scss */
.reservations-widget fieldset legend a:hover {
  color: #111;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  text-decoration: none;
}

/* line 66, app/assets/stylesheets/widget/widget.scss */
.reservations-widget fieldset legend label,
.reservations-widget label {
  display: block;
  color: #111;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 6px;
}

/* line 75, app/assets/stylesheets/widget/widget.scss */
.reservations-widget fieldset legend label abbr,
.reservations-widget label abbr {
  color: #D4283C;
}

/* line 80, app/assets/stylesheets/widget/widget.scss */
.reservations-widget input,
.reservations-widget textarea {
  height: auto;
  color: #111;
  font-size: 14px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  line-height: 24px;
  box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
}

/* line 91, app/assets/stylesheets/widget/widget.scss */
.reservations-widget textarea {
  display: block;
}

/* line 95, app/assets/stylesheets/widget/widget.scss */
.reservations-widget input[type="text"],
.reservations-widget input[type="email"],
.reservations-widget input[type="tel"],
.reservations-widget textarea {
  width: 100%;
  background: #fff;
  padding-top: 6px;
  padding-right: 12px;
  padding-bottom: 6px;
  padding-left: 12px;
  outline: none;
  border-radius: 8px;
  border: 1px solid #c8c8c8;
}

/* line 117, app/assets/stylesheets/widget/widget.scss */
.reservations-widget input[type="text"],
.reservations-widget input[type="email"],
.reservations-widget input[type="tel"] {
  height: 36px;
}

/* line 125, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .error input[type="text"],
.reservations-widget .error input[type="email"],
.reservations-widget .error input[type="tel"],
.reservations-widget .error textarea {
  border: 1px solid #D4283C;
}

/* line 138, app/assets/stylesheets/widget/widget.scss */
.reservations-widget input[type="radio"],
.reservations-widget input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  background: #fff;
  margin-right: 6px;
  border: 1px solid #c8c8c8;
}

/* line 152, app/assets/stylesheets/widget/widget.scss */
.reservations-widget input[type="radio"]:checked,
.reservations-widget input[type="checkbox"]:checked {
  background: #111;
  box-shadow: none;
  border: 1px solid #111;
}

/* line 162, app/assets/stylesheets/widget/widget.scss */
.reservations-widget input[type="radio"]:checked:before,
.reservations-widget input[type="checkbox"]:checked:before {
  display: block;
  font-family: 'icomoon' !important;
  speak: never;
  color: #fff;
  font-size: 8px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 179, app/assets/stylesheets/widget/widget.scss */
.reservations-widget input[type="radio"] {
  display: block;
  border-radius: 50%;
}

/* line 185, app/assets/stylesheets/widget/widget.scss */
.reservations-widget input[type="radio"]:checked:before {
  position: relative;
  display: block;
  content: "";
}

/* line 193, app/assets/stylesheets/widget/widget.scss */
.reservations-widget input[type="checkbox"] {
  min-width: 18px;
  width: 18px;
  max-width: 18px;
  height: 18px;
  border-radius: 4px;
}

/* line 202, app/assets/stylesheets/widget/widget.scss */
.reservations-widget input[type="checkbox"]:checked:before {
  position: relative;
  top: 5px;
  left: 3px;
  content: "";
}

/* line 211, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .is-hidden,
.reservations-widget .reservation-time-squeeze,
.reservations-widget .reservation-availability,
.reservations-widget .reservations-widget-restaurant,
.reservations-widget .reservation-widget-steps {
  display: none;
}

/* line 219, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .is-active {
  display: block;
}

/* line 223, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservation_date_select,
.reservations-widget #reservation_time_input,
.reservations-widget #reservation_guests_input,
.reservations-widget .reservation-available,
.reservations-widget .offer-select-wrapper,
.reservations-widget .click-to-show-wrapper,
.reservations-widget #reservation_comments_input,
.reservations-widget .reservations-widget-status,
.reservations-widget #reservation_single_household_input,
.reservations-widget #reservation_households_description_input,
.reservations-widget #reservation_customer_name_input,
.reservations-widget #reservation_customer_email_input,
.reservations-widget #reservation_customer_telephone_input,
.reservations-widget #reservation_subscribe_to_newsletter_input,
.reservations-widget #reservation_submit_action {
  margin-bottom: 18px;
}

/* line 241, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .inline-hints {
  display: block;
  color: #777;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  margin-top: 6px;
}

/* line 250, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .inline-errors {
  display: block;
  color: #D4283C;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  margin-top: 6px;
}

/* line 259, app/assets/stylesheets/widget/widget.scss */
.reservations-widget fieldset + .inline-errors {
  margin-top: 0;
}

/* line 264, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservation-warning-message {
  color: #111;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 15px;
}

/* line 272, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .integration-button {
  position: absolute;
  top: 15px;
  right: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  color: #111;
  font-size: 0;
  font-weight: 600;
  margin-bottom: 15px;
  background: #111;
  border-radius: 50%;
}

/* line 290, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .integration-button svg, .reservations-widget .integration-button svg path {
  fill: #fff;
}

/* line 298, app/assets/stylesheets/widget/widget.scss */
.reservations-widget #reservation_time_input select,
.reservations-widget #reservation_guests_input select {
  display: none;
}

/* line 305, app/assets/stylesheets/widget/widget.scss */
.reservations-widget #reservation_guests_input .select-scroll-value {
  flex: 1;
}

/* line 310, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservation-squeezed {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  color: #111;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  background: #FFF8F0;
  padding-top: 12px;
  padding-right: 18px;
  padding-bottom: 12px;
  padding-left: 18px;
  margin-bottom: 18px;
  border-radius: 8px;
  border: 1px solid #F5AB51;
}

/* line 334, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservation-available {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  color: #111;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  background: #fff;
  padding-top: 12px;
  padding-right: 18px;
  padding-bottom: 12px;
  padding-left: 18px;
  margin-bottom: 18px;
  border-radius: 8px;
  border: 1px solid #c8c8c8;
}

/* line 357, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservation-available:before {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background: #0061BE;
  content: "";
  font-family: 'icomoon' !important;
  speak: never;
  color: #fff;
  font-size: 8px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-top: 2px;
  margin-right: 12px;
  border-radius: 50%;
}

/* line 382, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservation-available span {
  display: inline-block;
  width: calc(100% - 6px * 6);
}

/* line 392, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choices > legend {
  margin-bottom: 6px;
}

/* line 395, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choices > legend label {
  margin-bottom: 0;
}

/* line 401, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice {
  background: #fff;
  margin-bottom: 12px;
  border: 1px solid #c8c8c8;
  border-radius: 8px;
  overflow: hidden;
  border-bottom: 1px solid #c8c8c8;
}

/* line 416, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice label {
  cursor: pointer;
  display: flex;
  flex-wrap: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
}

/* line 424, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice label input[type="radio"] {
  display: none;
}

/* line 428, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice label input[type="radio"]:checked + .reservation-offer .offer-title:before,
.reservations-widget .offer-select-wrapper .choice label input[type="radio"]:checked + .no-reservation-offer:before {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'icomoon' !important;
  speak: never;
  content: "";
  color: #fff;
  font-size: 8px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-top: 1px;
  background: #111;
  box-shadow: none;
  border: 1px solid #111;
}

/* line 457, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice .reservation-offer {
  display: flex;
  flex-flow: column wrap;
  width: 100%;
}

/* line 462, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice .reservation-offer .offer-cover {
  order: 0;
  height: 180px;
}

/* line 466, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice .reservation-offer .offer-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* line 474, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice .reservation-offer.reservation-offer-disabled {
  pointer-events: none;
}

/* line 478, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice .reservation-offer .offer-title {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  order: 1;
  padding-top: 12px;
  padding-right: 18px;
  padding-bottom: 6px;
  padding-left: 54px;
  color: #111;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

/* line 494, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice .reservation-offer .offer-title:before {
  display: block;
  position: absolute;
  left: 18px;
  width: 24px;
  height: 24px;
  content: '';
  background: #fff;
  margin-right: 12px;
  border-radius: 50%;
  box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid #c8c8c8;
}

/* line 514, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice .reservation-offer .offer-description-short,
.reservations-widget .offer-select-wrapper .choice .reservation-offer .offer-description-long {
  order: 2;
  color: #111;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding-right: 18px;
  padding-bottom: 12px;
  padding-left: 54px;
}

/* line 528, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice .reservation-offer .offer-description-short {
  display: block;
}

/* line 532, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice .reservation-offer .offer-description-long {
  display: none;
}

/* line 536, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice .reservation-offer .offer-availability {
  order: 3;
  color: #777;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding-top: 12px;
  padding-right: 18px;
  padding-bottom: 12px;
  padding-left: 18px;
  border-top: 1px solid #c8c8c8;
}

/* line 550, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice .reservation-offer .offer-availability li {
  margin-bottom: 6px;
}

/* line 553, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice .reservation-offer .offer-availability li:after {
  content: '.';
}

/* line 557, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice .reservation-offer .offer-availability li:last-child {
  margin-bottom: 0;
}

/* line 565, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice .reservation-offer.reservation-offer-selected .offer-description-short {
  display: none;
}

/* line 569, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice .reservation-offer.reservation-offer-selected .offer-description-long {
  display: block;
}

/* line 575, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice .no-reservation-offer {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  color: #111;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  padding-top: 12px;
  padding-right: 18px;
  padding-bottom: 12px;
  padding-left: 18px;
}

/* line 590, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice .no-reservation-offer:before {
  display: block;
  width: 24px;
  height: 24px;
  content: '';
  background: #fff;
  margin-right: 12px;
  border-radius: 50%;
  box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid #c8c8c8;
}

/* line 608, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice:last-child {
  margin-bottom: 0;
}

/* line 612, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice.reservation-offer-hidden {
  display: none;
}

/* line 619, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice:has(.reservation-offer-unavailable.reservation-offer-selected) input[type="radio"]:checked + .reservation-offer .offer-title:before,
.reservations-widget .offer-select-wrapper .choice:has(.reservation-offer-unavailable.reservation-offer-selected) input[type="radio"]:checked + .no-reservation-offer:before {
  background: #fff;
  content: "";
  color: #D4283C;
  font-size: 23px;
  line-height: 2;
  padding-top: 0;
  border: 2px solid #D4283C;
  box-shadow: 0 0 0 1px #D4283C;
}

/* line 636, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice:has(.reservation-offer-unavailable) .reservation-offer:has(.offer-availability) .offer-availability {
  color: #D4283C;
  padding-bottom: 3px;
}

/* line 641, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice:has(.reservation-offer-unavailable) .reservation-offer:has(.offer-availability):after {
  padding-right: 18px;
  padding-bottom: 12px;
  padding-left: 18px;
}

/* line 653, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice:has(.reservation-offer-unavailable) .no-reservation-offer:after,
.reservations-widget .offer-select-wrapper .choice:has(.reservation-offer-unavailable) .reservation-offer:not(:has(.offer-availability)):not(.no-reservation-offer):after {
  padding-top: 12px;
  padding-right: 18px;
  padding-bottom: 12px;
  padding-left: 18px;
  border-top: 1px solid #c8c8c8;
}

/* line 664, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice:has(.reservation-offer-unavailable) .no-reservation-offer {
  padding-bottom: 0;
}

/* line 667, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice:has(.reservation-offer-unavailable) .no-reservation-offer:after {
  width: calc(100% + 6px * 6);
  margin-top: 12px;
  margin-right: -18px;
  margin-left: -18px;
}

/* line 682, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .offer-select-wrapper .choice:has(.reservation-offer-unavailable) .no-reservation-offer:after,
.reservations-widget .offer-select-wrapper .choice:has(.reservation-offer-unavailable) .reservation-offer:has(.offer-availability):after,
.reservations-widget .offer-select-wrapper .choice:has(.reservation-offer-unavailable) .reservation-offer:not(:has(.offer-availability)):after,
.reservations-widget .offer-select-wrapper .choice:has(.reservation-offer-unavailable) .reservation-offer:not(:has(.offer-availability)):not(.no-reservation-offer):after {
  order: 10;
  display: block;
  font-weight: 400;
  color: #D4283C;
  content: attr(data-no-availability-on-selected-date-label);
}

/* line 695, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .click-to-show-wrapper .click-to-show-trigger {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  color: #0061BE;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

/* line 705, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .click-to-show-wrapper .click-to-show-trigger:before {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: 'icomoon' !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 24px;
  height: 24px;
  background: #0061BE;
  border-radius: 50%;
  margin-right: 6px;
}

/* line 728, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .click-to-show-wrapper .click-to-show-trigger:hover {
  color: #0054a5;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

/* line 734, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .click-to-show-wrapper .click-to-show-trigger:hover:before {
  color: #fff;
  background: #0054a5;
}

/* line 742, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservations-widget-step-trigger a,
.reservations-widget .reservations-widget-submit input[type="submit"],
.reservations-widget .reservation-widget-cancel {
  display: block;
  width: 100%;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  padding-top: 13px;
  padding-right: 12px;
  padding-bottom: 14px;
  padding-left: 12px;
  background-image: linear-gradient(#006bd2, #0061BE);
  border-radius: 8px;
  border: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.25);
}

/* line 771, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservations-widget-step-trigger a:hover,
.reservations-widget .reservations-widget-submit input[type="submit"]:hover,
.reservations-widget .reservation-widget-cancel:hover {
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  background-image: linear-gradient(#0076e7, #006bd2);
  border-radius: 8px;
}

/* line 785, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservations-widget-step-trigger a.disabled,
.reservations-widget .reservations-widget-submit input.disabled[type="submit"],
.reservations-widget .reservation-widget-cancel.disabled {
  opacity: 0.5;
  cursor: default;
}

/* line 789, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservations-widget-step-trigger a.disabled:hover,
.reservations-widget .reservations-widget-submit input.disabled[type="submit"]:hover,
.reservations-widget .reservation-widget-cancel.disabled:hover {
  opacity: 0.5;
  background-image: linear-gradient(#006bd2, #0061BE);
}

/* line 796, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservation-widget-cancel {
  color: #383838;
  background-image: linear-gradient(to top, #fcfcfc 0%, #fff 100%);
  margin-top: 12px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15), 0px -1px 0px rgba(0, 0, 0, 0.04), 1px 0px 0px rgba(0, 0, 0, 0.05), -1px 0px 0px rgba(0, 0, 0, 0.05);
}

/* line 809, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservation-widget-cancel:hover {
  color: #484848;
  background-image: linear-gradient(#ffffff, #ffffff);
}

/* line 819, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservations-widget-submit + .reservation-widget-cancel {
  margin-top: -6px;
  margin-bottom: 18px;
}

/* line 826, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservations-widget-status {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  background: #fff;
  padding-top: 12px;
  padding-right: 18px;
  padding-bottom: 12px;
  padding-left: 18px;
  margin-right: -18px;
  margin-left: -18px;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
}

/* line 848, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservations-widget-status p {
  color: #111;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding-right: 18px;
}

/* line 855, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservations-widget-status p span {
  color: #0061BE;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
}

/* line 863, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservations-widget-status .reservations-widget-status-edit {
  display: inline-flex;
  align-items: center;
  width: auto;
  height: 32px;
  color: #222;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  background-image: linear-gradient(#FCFCFC, #FCFCFC);
  padding-right: 12px;
  padding-left: 12px;
  margin-left: auto;
  border-radius: 8px;
  border: 1px solid #D9D9E7;
}

/* line 891, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservations-widget-status .reservations-widget-status-edit:hover {
  color: #222;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  background-image: linear-gradient(#f1f1f6, #f1f1f6);
  border: 1px solid #D9D9E7;
}

/* line 907, app/assets/stylesheets/widget/widget.scss */
.reservations-widget #reservation_single_household_input legend {
  margin-bottom: 0;
}

/* line 915, app/assets/stylesheets/widget/widget.scss */
.reservations-widget #reservation_single_household_input .choices-group .choice label {
  cursor: pointer;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  font-weight: 400;
  margin-bottom: 0;
}

/* line 924, app/assets/stylesheets/widget/widget.scss */
.reservations-widget #reservation_single_household_input .choices-group .choice label input[type="radio"] {
  width: 18px;
  height: 18px;
}

/* line 930, app/assets/stylesheets/widget/widget.scss */
.reservations-widget #reservation_single_household_input .choices-group .choice label input[type="radio"]:checked:before {
  top: 5px;
  left: 3px;
  content: "";
}

/* line 944, app/assets/stylesheets/widget/widget.scss */
.reservations-widget #reservation_subscribe_to_newsletter_input label {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: 400;
  cursor: pointer;
}

/* line 954, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .acknowledgement {
  color: #777;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
}

/* line 960, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .acknowledgement a {
  color: #111;
  font-size: 13px;
  line-height: 22px;
  font-weight: 600;
  text-decoration: underline;
}

/* line 967, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .acknowledgement a:hover {
  color: #111;
  font-size: 13px;
  line-height: 22px;
  font-weight: 600;
  text-decoration: none;
}

/* line 977, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .remote-source {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  color: #777;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  margin-top: 18px;
}

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

/* line 996, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .remote-source.go-table a {
  display: inline-block;
  width: 77.8px;
  height: 16px;
  background-size: 77.8px 16px;
  background-image: url(/assets/gotable/gotable-6b8430e9abd31184e800246c298fa3a905d29a7de77d92237cea4ec2d9f691ed.svg);
  background-position: 0 -1px;
}

/* line 1005, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .remote-source.eet-nu a {
  width: 60.6px;
  height: 16.6px;
  background-image: url(/assets/eet-nu/logo-purple-d7ef3c4c6338c63747c2ffe88bf4d4ec55f1df55d9c81b560c3e3321b4653f47.svg);
  background-size: 60.6px 16.6px;
  background-position: 0 -1px;
}

/* line 1021, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservations-widget-step {
  display: none;
}

/* line 1024, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .reservations-widget-step.current {
  display: block;
}

/* line 1032, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .date-select-open .reservation_date_select {
  margin-bottom: 0;
}

/* line 1036, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .date-select-open .select,
.reservations-widget .date-select-open .reservation-squeezed,
.reservations-widget .date-select-open .reservation-availability,
.reservations-widget .date-select-open .click-to-show-wrapper,
.reservations-widget .date-select-open .reservations-widget-step-trigger,
.reservations-widget .date-select-open .offer-select-wrapper,
.reservations-widget .date-select-open .reservation-widget-cancel {
  display: none;
}

/* line 1046, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .date-select-open #reservation_comments_input {
  display: none !important;
}

/* line 1050, app/assets/stylesheets/widget/widget.scss */
.reservations-widget .date-select-open .remote-source a {
  cursor: default;
}

/* line 1061, app/assets/stylesheets/widget/widget.scss */
.reservation-widget-edit .reservations-widget-step {
  display: block;
}

/* line 1065, app/assets/stylesheets/widget/widget.scss */
.reservation-widget-edit .reservations-widget-step-one {
  margin-bottom: 6px;
}

/* line 1068, app/assets/stylesheets/widget/widget.scss */
.reservation-widget-edit .reservations-widget-step-one .reservations-widget-step-trigger,
.reservation-widget-edit .reservations-widget-step-one .remote-source {
  display: none;
}

/* line 1076, app/assets/stylesheets/widget/widget.scss */
.reservation-widget-edit .reservations-widget-step-two .reservations-widget-restaurant,
.reservation-widget-edit .reservations-widget-step-two .reservations-widget-status {
  display: none;
}

/* line 1082, app/assets/stylesheets/widget/widget.scss */
.reservation-widget-edit .reservations-widget-step-one.date-select-open + .reservations-widget-step-two {
  margin-top: 24px;
}

/* line 1, app/assets/stylesheets/widget/popover.scss */
.reservations-widget-popover {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  flex-flow: column wrap;
  width: 100%;
  color: #111;
  font-size: 14px;
  line-height: 24px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  border-radius: 8px;
}

/* line 15, app/assets/stylesheets/widget/popover.scss */
.widget-popover-wrapper {
  width: 100%;
  margin: auto;
}

/* line 20, app/assets/stylesheets/widget/popover.scss */
.widget-popover-header {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 42px;
  max-height: 168px;
  font-size: 14px;
  line-height: 24px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  background: #fff;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 24px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

/* line 45, app/assets/stylesheets/widget/popover.scss */
.widget-popover-navigation {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  justify-content: flex-start;
  width: 100%;
  padding: 0;
  margin-top: 18px;
  margin-bottom: 12px;
}

/* line 57, app/assets/stylesheets/widget/popover.scss */
.widget-popover-navigation li {
  margin-right: 12px;
  margin-bottom: 12px;
}

/* line 62, app/assets/stylesheets/widget/popover.scss */
.widget-popover-navigation li a,
.widget-popover-navigation li strong {
  display: block;
  text-decoration: none;
  background: #ebebeb;
  padding-top: 4px;
  padding-right: 12px;
  padding-bottom: 4px;
  padding-left: 12px;
  border-radius: 8px;
}

/* line 76, app/assets/stylesheets/widget/popover.scss */
.widget-popover-navigation li a {
  color: #111;
  border: 2px solid #ebebeb;
}

/* line 82, app/assets/stylesheets/widget/popover.scss */
.widget-popover-navigation li strong {
  color: #111;
  border: 2px solid #0061BE;
}

/* line 88, app/assets/stylesheets/widget/popover.scss */
.widget-popover-close {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 0;
  text-decoration: none;
  background: #ebebeb;
  margin-left: auto;
  border-radius: 50%;
}

/* line 98, app/assets/stylesheets/widget/popover.scss */
.widget-popover-close:before {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  color: #111;
  font-family: 'icomoon' !important;
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  border-radius: 50%;
  transform: rotate(45deg);
}

/* line 121, app/assets/stylesheets/widget/popover.scss */
.widget-popover-content {
  height: auto;
  max-height: calc(100vh - 252px);
  /*
  background:
  linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%,
  radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 0 100%;
  */
  background: linear-gradient(#fff 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), #fff 70%) 0 100%, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  background-attachment: local, local, scroll, scroll;
  overflow-y: scroll;
  padding-right: 24px;
  padding-left: 24px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* line 146, app/assets/stylesheets/widget/popover.scss */
.widget-popover-content .widget-popover-name {
  display: block;
  font-size: 21px;
  line-height: 30.4092979431px;
  font-weight: 600;
  margin-bottom: 12px;
}

/* line 157, app/assets/stylesheets/widget/popover.scss */
.reservations-widget-popover:not(:has(.widget-popover-call-to-action)) .widget-popover-content {
  padding-bottom: 24px;
}

/* line 164, app/assets/stylesheets/widget/popover.scss */
.reservations-widget-popover.widget-popover-has-call-to-action .widget-popover-content {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 170, app/assets/stylesheets/widget/popover.scss */
.widget-popover-call-to-action {
  position: sticky;
  position: -webkit-sticky;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  height: 84px;
  background: #fff;
  padding-right: 24px;
  padding-left: 24px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* line 188, app/assets/stylesheets/widget/popover.scss */
.widget-popover-call-to-action a {
  display: block;
  width: 100%;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  padding-top: 13px;
  padding-right: 12px;
  padding-bottom: 14px;
  padding-left: 12px;
  background-image: linear-gradient(#006bd2, #0061BE);
  border-radius: 8px;
  border: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.25);
}

/* line 216, app/assets/stylesheets/widget/popover.scss */
.widget-popover-call-to-action a:hover {
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  background-image: linear-gradient(#0076e7, #006bd2);
  border-radius: 8px;
}

@media only screen and (max-width: 467px) {
  /* line 234, app/assets/stylesheets/widget/popover.scss */
  .reservations-widget-popover,
.widget-popover-header,
.widget-popover-call-to-action {
    border-radius: 0;
  }
}

/* line 241, app/assets/stylesheets/widget/popover.scss */
.turbo-progress-bar {
  display: none;
}

/* line 5, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation-restaurant-logo {
  margin-top: 18px;
}

/* line 8, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation-restaurant-logo img {
  width: auto;
  height: auto;
  max-width: 150px;
  max-height: 150px;
}

/* line 16, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation {
  color: #111;
  font-size: 14px;
  line-height: 18px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background: #fff;
  max-width: 420px;
  padding: 16px;
  margin: 0 auto;
  border-radius: 8px;
  border: 1px solid #c8c8c8;
}

/* line 33, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation a {
  color: #111;
}

/* line 37, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-widget-title,
.widget-reservation-confirmation .reservation-widget-steps {
  display: none;
}

/* line 42, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .section-header {
  margin-bottom: 0;
}

/* line 46, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .notice {
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 4px;
}

/* line 51, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .notice.warning, .widget-reservation-confirmation .notice.pending {
  color: #111;
  background: #f4c571;
}

/* line 57, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .notice.success, .widget-reservation-confirmation .notice.confirm, .widget-reservation-confirmation .notice.confirmed, .widget-reservation-confirmation .notice.reconfirmed {
  color: #fff;
  background: #42991a;
}

/* line 65, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .notice.error, .widget-reservation-confirmation .notice.cancelling, .widget-reservation-confirmation .notice.cancelled, .widget-reservation-confirmation .notice.expering, .widget-reservation-confirmation .notice.expired, .widget-reservation-confirmation .notice.rejecting, .widget-reservation-confirmation .notice.rejected {
  color: #FFF;
  background: #D4283C;
}

/* line 77, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-reconfirmation {
  display: block;
  width: 100%;
  margin-bottom: 16px;
}

/* line 82, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-reconfirmation strong {
  display: block;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 8px;
}

/* line 90, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-reconfirmation .actions {
  margin-top: 12px;
}

/* line 93, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-reconfirmation .actions a {
  display: block;
  width: 100%;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  padding-top: 13px;
  padding-right: 16px;
  padding-bottom: 14px;
  padding-left: 16px;
  background-image: linear-gradient(#006bd2, #0061BE);
  border-radius: 8px;
  border: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.25);
}

/* line 120, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-reconfirmation .actions a:hover {
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  background-image: linear-gradient(#0076e7, #006bd2);
  border-radius: 8px;
}

/* line 137, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-date-and-identifier,
.widget-reservation-confirmation .reservation-cancellation-notes,
.widget-reservation-confirmation .reservation-actions,
.widget-reservation-confirmation .reservation-guest-details,
.widget-reservation-confirmation .reservation-guests,
.widget-reservation-confirmation .waitlist-entry-guest-details,
.widget-reservation-confirmation .invited_guest,
.widget-reservation-confirmation .reservation-remarks,
.widget-reservation-confirmation .share-reservation-widget,
.widget-reservation-confirmation .reservation-changelog {
  margin-top: 16px;
}

/* line 150, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-restaurant {
  display: flex;
}

/* line 153, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-restaurant .reservation-restaurant-details {
  flex: 1;
}

/* line 156, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-restaurant .reservation-restaurant-details address, .widget-reservation-confirmation .reservation-restaurant .reservation-restaurant-details a {
  color: #777;
}

/* line 160, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-restaurant .reservation-restaurant-details a {
  text-decoration: underline;
}

/* line 163, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-restaurant .reservation-restaurant-details a:hover {
  text-decoration: none;
}

/* line 170, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-date-and-identifier,
.widget-reservation-confirmation .reservation-offer {
  font-size: 16px;
  line-height: 20px;
}

/* line 176, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-date-and-identifier {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

/* line 184, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-date-and-identifier .reservation-date span:first-child {
  display: block;
}

/* line 189, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-date-and-identifier .reservation-identifier {
  color: #777;
  font-size: 13px;
  margin-left: auto;
}

/* line 196, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-cancellation-notes {
  padding: 16px;
  border: 1px solid #c8c8c8;
  border-radius: 4px;
}

/* line 202, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-actions {
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
}

/* line 210, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-actions ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

/* line 219, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-actions a:hover {
  text-decoration: none;
}

/* line 224, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-actions .edit,
.widget-reservation-confirmation .reservation-actions .cancel {
  display: inline-flex;
  align-items: center;
  height: 32px;
  width: auto;
  color: #222;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  background-image: linear-gradient(#FCFCFC, #FCFCFC);
  padding-right: 12px;
  padding-left: 12px;
  border-radius: 8px;
  border: 1px solid #D9D9E7;
}

/* line 252, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-actions .edit:hover,
.widget-reservation-confirmation .reservation-actions .cancel:hover {
  color: #222;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  background-image: linear-gradient(#f1f1f6, #f1f1f6);
  border: 1px solid #D9D9E7;
}

/* line 265, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-actions .edit {
  margin-right: 8px;
}

/* line 269, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-actions .add-reservation-to-calendar {
  margin-left: auto;
}

/* line 272, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-actions .add-reservation-to-calendar a {
  color: #111;
  text-decoration: underline;
}

/* line 276, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-actions .add-reservation-to-calendar a:hover {
  text-decoration: none;
}

/* line 288, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-guest-details h2, .widget-reservation-confirmation .reservation-guest-details h3,
.widget-reservation-confirmation .reservation-guests h2,
.widget-reservation-confirmation .reservation-guests h3,
.widget-reservation-confirmation .reservation-changelog h2,
.widget-reservation-confirmation .reservation-changelog h3,
.widget-reservation-confirmation .waitlist-entry-guest-details h2,
.widget-reservation-confirmation .waitlist-entry-guest-details h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 8px;
}

/* line 295, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-guest-details h2 + p,
.widget-reservation-confirmation .reservation-guest-details h3 + p,
.widget-reservation-confirmation .reservation-guests h2 + p,
.widget-reservation-confirmation .reservation-guests h3 + p,
.widget-reservation-confirmation .reservation-changelog h2 + p,
.widget-reservation-confirmation .reservation-changelog h3 + p,
.widget-reservation-confirmation .waitlist-entry-guest-details h2 + p,
.widget-reservation-confirmation .waitlist-entry-guest-details h3 + p {
  margin-bottom: 8px;
}

/* line 305, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-guest-details .guest,
.widget-reservation-confirmation .waitlist-entry-guest-details .guest,
.widget-reservation-confirmation .reservation-guests .guest {
  position: relative;
  color: #777;
  font-size: 16px;
  line-height: 20px;
  padding-right: 48px;
}

/* line 312, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-guest-details .guest .guest-name,
.widget-reservation-confirmation .waitlist-entry-guest-details .guest .guest-name,
.widget-reservation-confirmation .reservation-guests .guest .guest-name {
  color: #111;
  font-weight: 600;
}

/* line 317, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-guest-details .guest .guest-email,
.widget-reservation-confirmation .reservation-guest-details .guest .guest-telephone,
.widget-reservation-confirmation .reservation-guest-details .guest .primary-guest,
.widget-reservation-confirmation .waitlist-entry-guest-details .guest .guest-email,
.widget-reservation-confirmation .waitlist-entry-guest-details .guest .guest-telephone,
.widget-reservation-confirmation .waitlist-entry-guest-details .guest .primary-guest,
.widget-reservation-confirmation .reservation-guests .guest .guest-email,
.widget-reservation-confirmation .reservation-guests .guest .guest-telephone,
.widget-reservation-confirmation .reservation-guests .guest .primary-guest {
  display: block;
}

/* line 323, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-guest-details .guest .guest-edit,
.widget-reservation-confirmation .waitlist-entry-guest-details .guest .guest-edit,
.widget-reservation-confirmation .reservation-guests .guest .guest-edit {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 32px;
  height: 32px;
  color: #222;
  font-size: 0;
  margin-top: -16px;
}

/* line 334, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-guest-details .guest .guest-edit:before,
.widget-reservation-confirmation .waitlist-entry-guest-details .guest .guest-edit:before,
.widget-reservation-confirmation .reservation-guests .guest .guest-edit:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "";
  font-family: 'icomoon' !important;
  speak: never;
  color: #222;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 359, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-guest-details .guest .guest-edit:hover:before,
.widget-reservation-confirmation .waitlist-entry-guest-details .guest .guest-edit:hover:before,
.widget-reservation-confirmation .reservation-guests .guest .guest-edit:hover:before {
  opacity: 0.7;
}

/* line 369, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-guests li {
  color: #777;
  margin-bottom: 16px;
}

/* line 373, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-guests li:last-child {
  margin-bottom: 0;
}

/* line 381, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-guests .add-guest {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

/* line 386, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-guests .add-guest a {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  color: #111;
}

/* line 392, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-guests .add-guest a:before {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-family: 'icomoon' !important;
  speak: never;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "";
  color: #fff;
  background: #0061BE;
  margin-right: 8px;
  border-radius: 50%;
}

/* line 417, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-guests .add-guest:hover a {
  text-decoration: none;
}

/* line 420, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-guests .add-guest:hover a:before {
  color: #fff;
  background: #0054a5;
}

/* line 429, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest {
  margin-top: 20px;
}

/* line 432, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest li {
  margin-bottom: 16px;
}

/* line 435, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest li label {
  display: block;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}

/* line 443, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest li input[type="text"],
.widget-reservation-confirmation .invited_guest li input[type="email"],
.widget-reservation-confirmation .invited_guest li textarea {
  color: #111;
  font-size: 14px;
  height: 35px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
  width: 100%;
  background: #fff;
  padding-right: 8px;
  padding-left: 8px;
  outline: none;
  border-radius: 8px;
  border: 1px solid #c8c8c8;
}

/* line 468, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest li textarea {
  height: 100px;
}

/* line 472, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest li input[type="submit"] {
  display: inline-flex;
  align-items: center;
  height: 32px;
  width: auto;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  background-image: linear-gradient(#006bd2, #0061BE);
  border-radius: 8px;
  border: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.25);
}

/* line 501, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest li input[type="submit"]:hover {
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  background-image: linear-gradient(#0076e7, #006bd2);
  border-radius: 8px;
}

/* line 517, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details,
.widget-reservation-confirmation .invited_guest .guest-restrictions,
.widget-reservation-confirmation .invited_guest .guest-invite-sent {
  padding: 16px;
  border: 1px solid #c8c8c8;
  border-radius: 4px;
}

/* line 526, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details > ol > li:last-child,
.widget-reservation-confirmation .invited_guest .guest-restrictions > ol > li:last-child,
.widget-reservation-confirmation .invited_guest .guest-invite-sent > ol > li:last-child {
  margin-bottom: 0;
}

/* line 531, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details .heading,
.widget-reservation-confirmation .invited_guest .guest-restrictions .heading,
.widget-reservation-confirmation .invited_guest .guest-invite-sent .heading {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}

/* line 541, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details .heading p,
.widget-reservation-confirmation .invited_guest .guest-restrictions .heading p,
.widget-reservation-confirmation .invited_guest .guest-invite-sent .heading p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  margin-top: 8px;
}

/* line 548, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details .heading a,
.widget-reservation-confirmation .invited_guest .guest-restrictions .heading a,
.widget-reservation-confirmation .invited_guest .guest-invite-sent .heading a {
  position: absolute;
  top: 10px;
  right: 0;
  display: block;
  width: 13px;
  height: 13px;
  font-size: 0;
  margin-left: auto;
}

/* line 558, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details .heading a:before,
.widget-reservation-confirmation .invited_guest .guest-restrictions .heading a:before,
.widget-reservation-confirmation .invited_guest .guest-invite-sent .heading a:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "";
  font-family: 'icomoon' !important;
  speak: never;
  color: #111;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 581, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details .heading a:hover,
.widget-reservation-confirmation .invited_guest .guest-restrictions .heading a:hover,
.widget-reservation-confirmation .invited_guest .guest-invite-sent .heading a:hover {
  opacity: 0.7;
}

/* line 590, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions {
  margin-bottom: 8px;
}

/* line 593, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
}

/* line 599, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol li {
  margin-right: 8px;
  margin-bottom: 8px;
}

/* line 606, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol .restriction {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  height: 32px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
  border-radius: 8px;
}

/* line 623, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol .restriction {
  color: #383838;
  background: #eee;
}

/* line 628, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol .add-restriction,
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol .edit-restriction {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  padding: 0;
  color: #111;
}

/* line 638, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol .add-restriction:before,
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol .edit-restriction:before {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-family: 'icomoon' !important;
  speak: never;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "";
  color: #fff;
  background: #0061BE;
  margin-right: 8px;
  border-radius: 50%;
}

/* line 660, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol .add-restriction:hover,
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol .edit-restriction:hover {
  text-decoration: none;
}

/* line 663, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol .add-restriction:hover:before,
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol .edit-restriction:hover:before {
  background: #0054a5;
}

/* line 671, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol .edit-restriction:before {
  font-size: 16px;
  color: #111;
  content: "";
  background: none;
  margin-top: 3px;
  margin-right: 3px;
  border-radius: 0;
}

/* line 683, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol .edit-restriction:hover {
  opacity: 0.7;
}

/* line 686, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol .edit-restriction:hover:before {
  background: none;
}

/* line 694, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-details .allergy-notes,
.widget-reservation-confirmation .invited_guest .guest-details .diet-notes {
  margin-bottom: 16px;
}

/* line 704, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-restrictions .choices legend {
  display: none;
}

/* line 708, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-restrictions .choices .choices-group {
  display: grid;
  grid-template-columns: 50% 50%;
  row-gap: 12px;
}

/* line 714, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-restrictions .choices .choice {
  margin-bottom: 0;
}

/* line 717, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-restrictions .choices .choice label {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  cursor: pointer;
  font-weight: 400;
  margin-bottom: 0;
}

/* line 726, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-restrictions .choices .choice input[type="checkbox"] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  max-width: 18px;
  max-height: 18px;
  margin: 0;
  margin-right: 8px;
}

/* line 736, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-restrictions .choices .choice input[type="checkbox"]:checked {
  background: none;
  border: 6px solid #0061BE;
}

/* line 744, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-restrictions button {
  display: inline-flex;
  align-items: center;
  height: 32px;
  width: auto;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  padding-right: 12px;
  padding-left: 12px;
  background-image: linear-gradient(#006bd2, #0061BE);
  border-radius: 8px;
  border: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.25);
}

/* line 771, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-restrictions button:hover {
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  background-image: linear-gradient(#0076e7, #006bd2);
  border-radius: 8px;
}

/* line 791, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-invite-sent li.actions a {
  display: inline-flex;
  align-items: center;
  height: 32px;
  width: auto;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  padding-right: 12px;
  padding-left: 12px;
  background-image: linear-gradient(#006bd2, #0061BE);
  border-radius: 8px;
  border: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.25);
}

/* line 818, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .invited_guest .guest-invite-sent li.actions a:hover {
  display: inline-flex;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  background-image: linear-gradient(#0076e7, #006bd2);
  border-radius: 8px;
  text-decoration: none;
}

/* line 837, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .share-reservation-widget {
  margin-bottom: 16px;
}

/* line 840, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .share-reservation-widget h2 {
  font-size: 14px;
  line-height: 1.25;
  margin-bottom: 8px;
}

/* line 846, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .share-reservation-widget .invite {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

/* line 851, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .share-reservation-widget .invite .input-wrapper {
  position: relative;
  margin-right: 8px;
}

/* line 855, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .share-reservation-widget .invite .input-wrapper.is-copied:before {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  color: #fff;
  content: attr(data-copied-label);
  background: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
}

/* line 873, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .share-reservation-widget .invite input {
  width: 100px;
  font-size: 14px;
  height: 32px;
  padding-right: 8px;
  padding-left: 8px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #c8c8c8;
}

/* line 891, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .share-reservation-widget .invite a {
  display: inline-flex;
  align-items: center;
  height: 32px;
  width: auto;
  color: #222;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  background-image: linear-gradient(#FCFCFC, #FCFCFC);
  padding-right: 12px;
  padding-left: 12px;
  border-radius: 8px;
  border: 1px solid #D9D9E7;
}

/* line 918, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .share-reservation-widget .invite a:hover {
  color: #222;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  text-decoration: none;
  background-image: linear-gradient(#f1f1f6, #f1f1f6);
  border: 1px solid #D9D9E7;
}

/* line 932, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .share-reservation-widget .invite .share-sheet {
  position: relative;
  padding-left: 32px;
  margin-left: auto;
}

/* line 937, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .share-reservation-widget .invite .share-sheet:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 12px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  content: "";
  font-family: 'icomoon' !important;
  speak: never;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 964, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-changelog h3 {
  color: 14px;
  font-size: 21px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 30.4092979431px;
  font-weight: 600;
  margin-bottom: 8px;
}

/* line 973, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-changelog li {
  list-style: disc;
  list-style-position: outside;
  margin-bottom: 8px;
  margin-left: 16px;
}

/* line 981, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-changelog li .type {
  display: none;
}

/* line 987, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-changelog li .event span {
  font-weight: 600;
}

/* line 992, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-changelog li ul {
  margin-top: 8px;
}

/* line 995, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-changelog li ul li {
  list-style-type: circle;
}

/* line 1000, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .reservation-changelog li:last-child {
  margin-bottom: 0;
}

/* line 1008, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .video {
  position: relative;
  display: none;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 16px;
}

/* line 1015, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* line 1024, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation .eet-nu, .widget-reservation-confirmation .eetnu {
  display: block;
  color: #fff;
  background: #b02674;
  padding-top: 16px;
  padding-right: 24px;
  padding-bottom: 16px;
  padding-left: 24px;
  margin-top: 24px;
  margin-right: -24px;
  margin-bottom: -24px;
  margin-left: -24px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

/* line 1047, app/assets/stylesheets/widget/confirmation.scss */
.widget-reservation-confirmation.invite-section .reservation-cancellation-notes,
.widget-reservation-confirmation.invite-section .reservation-actions {
  display: none;
}

@media screen and (max-width: 414px) {
  /* line 1055, app/assets/stylesheets/widget/confirmation.scss */
  .widget-reservation-confirmation {
    border-radius: 0;
  }
  /* line 1064, app/assets/stylesheets/widget/confirmation.scss */
  .widget-reservation-confirmation .invited_guest .guest-details .heading,
.widget-reservation-confirmation .invited_guest .guest-restrictions .heading,
.widget-reservation-confirmation .invited_guest .guest-invite-sent .heading {
    font-size: 20px;
  }
  /* line 1073, app/assets/stylesheets/widget/confirmation.scss */
  .go-table .widget-reservation-confirmation {
    border-radius: 0;
  }
}

/* line 1, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.floating-widget-wrapper {
  visibility: hidden;
  background: none;
  padding: 0;
  width: 100%;
  margin-right: 24px;
  margin-bottom: 24px;
  margin-left: 24px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 8px;
  border: 0;
}

/* line 17, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-fullscreen .floating-widget-wrapper {
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: 0;
}

/* line 27, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.floating-widget-wrapper .floating-widget-header {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  height: 54px;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  background: #111;
  padding-right: 18px;
  padding-left: 18px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

/* line 46, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.floating-widget-wrapper .floating-widget-header a {
  color: #fff;
}

/* line 50, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.floating-widget-wrapper .floating-widget-header .floating-widget-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 54px;
  cursor: default;
}

/* line 58, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.floating-widget-wrapper .floating-widget-header .floating-widget-close {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 0;
  background: #fff;
  margin-left: auto;
  border-radius: 50%;
}

/* line 67, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.floating-widget-wrapper .floating-widget-header .floating-widget-close:before {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  color: #111;
  font-family: 'icomoon' !important;
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  border-radius: 50%;
  transform: rotate(45deg);
}

/* line 91, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.floating-widget-wrapper .floating-widget-content {
  background: #fff;
  padding: 18px;
  border-top: 0;
  border-right: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  border-left: 1px solid #c8c8c8;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* line 106, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.floating-widget-wrapper .floating-widget-content .inputs > legend {
  display: none;
}

/* line 110, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.floating-widget-wrapper .floating-widget-content .reservations-widget-step-trigger,
.floating-widget-wrapper .floating-widget-content .reservations-widget-submit {
  background: #fff;
  padding: 18px;
  margin: -18px;
}

/* line 117, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.floating-widget-wrapper .floating-widget-content .reservations-widget-submit,
.floating-widget-wrapper .floating-widget-content #reservation_submit_action {
  margin-bottom: 0;
}

/* line 123, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.floating-widget-wrapper .floating-widget-content .reservations-widget-details legend {
  display: none;
}

/* line 128, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.floating-widget-wrapper .floating-widget-content .reservations-widget-status {
  margin-top: -18px;
  border-top: 0;
}

/* line 135, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.floating-widget-wrapper.floating-widget-bottom-left {
  position: absolute;
  top: unset;
  left: 0;
  bottom: 0;
}

/* line 142, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.floating-widget-wrapper.floating-widget-bottom-right {
  position: absolute;
  top: unset;
  left: unset;
  right: 0;
  bottom: 0;
}

/* line 150, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-expanded .floating-widget-wrapper {
  visibility: visible;
}

/* line 154, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-collapsed .floating-widget-wrapper {
  visibility: visible;
}

/* line 157, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-collapsed .floating-widget-wrapper.reservations-widget {
  width: auto;
}

/* line 161, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-collapsed .floating-widget-wrapper .floating-widget-header {
  padding: 0;
  background: #fff;
  border-radius: 8px;
}

/* line 166, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-collapsed .floating-widget-wrapper .floating-widget-header .floating-widget-title {
  flex: 1;
  cursor: pointer;
  color: #111;
  padding-right: 18px;
  padding-left: 18px;
}

/* line 175, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-collapsed .floating-widget-wrapper .floating-widget-header .floating-widget-title:before {
  display: block;
  font-family: 'icomoon' !important;
  speak: never;
  color: #111;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  margin-right: 9px;
}

/* line 193, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-collapsed .floating-widget-wrapper .floating-widget-header .floating-widget-close {
  display: none;
}

/* line 198, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-collapsed .floating-widget-wrapper .floating-widget-content {
  display: none;
}

/* line 204, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-overflowing .floating-widget-wrapper .floating-widget-content {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: calc(100vh - 6px * 20);
}

/* line 214, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-scrollable .floating-widget-wrapper .floating-widget-content .reservations-widget-step-trigger,
.is-scrollable .floating-widget-wrapper .floating-widget-content .reservations-widget-submit, .is-scrollable .floating-widget-wrapper.is-scrolled-past-start .reservations-widget-step-trigger,
.is-scrollable .floating-widget-wrapper.is-scrolled-past-start .reservations-widget-submit {
  position: sticky;
  position: -webkit-sticky;
  z-index: 999;
  bottom: -18px;
  box-shadow: rgba(0, 0, 0, 0.14) 0 -4px 6px;
}

/* line 225, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-scrollable .floating-widget-wrapper.is-scrolled-past-start .floating-widget-header {
  position: relative;
  z-index: 999;
  box-shadow: rgba(0, 0, 0, 0.14) 0 4px 6px;
}

/* line 234, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-scrollable .floating-widget-wrapper.is-scrolled-to-end .floating-widget-content .reservations-widget-step-trigger,
.is-scrollable .floating-widget-wrapper.is-scrolled-to-end .floating-widget-content .reservations-widget-submit {
  box-shadow: none;
}

/* line 249, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-expanded .floating-widget-wrapper:has(.floating-widget-header.has-integration-button) .floating-widget-header .floating-integration-button {
  display: none;
}

/* line 254, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-expanded .floating-widget-wrapper:has(.floating-widget-header.has-integration-button) .integration-button {
  position: static;
  justify-content: flex-start;
  width: auto;
  height: auto;
  background: none;
  font-size: 14px;
}

/* line 262, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-expanded .floating-widget-wrapper:has(.floating-widget-header.has-integration-button) .integration-button svg {
  margin-right: 9px;
}

/* line 266, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-expanded .floating-widget-wrapper:has(.floating-widget-header.has-integration-button) .integration-button svg, .is-expanded .floating-widget-wrapper:has(.floating-widget-header.has-integration-button) .integration-button svg path {
  fill: #111;
}

/* line 276, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-expanded .go-table .floating-widget-wrapper:has(.floating-widget-header.has-integration-button) .integration-button {
  color: #0061BE;
}

/* line 279, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-expanded .go-table .floating-widget-wrapper:has(.floating-widget-header.has-integration-button) .integration-button svg, .is-expanded .go-table .floating-widget-wrapper:has(.floating-widget-header.has-integration-button) .integration-button svg path {
  fill: #0061BE;
}

/* line 293, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-collapsed .floating-widget-wrapper:has(.floating-widget-header.has-integration-button) .floating-widget-header .floating-widget-title,
.is-collapsed .floating-widget-wrapper:has(.floating-widget-header.has-integration-button) .floating-widget-header .floating-integration-button {
  overflow: hidden;
  background: #fff;
}

/* line 299, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-collapsed .floating-widget-wrapper:has(.floating-widget-header.has-integration-button) .floating-widget-header .floating-widget-title {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* line 304, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-collapsed .floating-widget-wrapper:has(.floating-widget-header.has-integration-button) .floating-widget-header .floating-integration-button {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  color: #111;
  height: 54px;
  padding-right: 18px;
  padding-left: 18px;
  margin-left: 1px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 1px solid #c8c8c8;
}

/* line 320, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-collapsed .floating-widget-wrapper:has(.floating-widget-header.has-integration-button) .floating-widget-header .floating-integration-button svg, .is-collapsed .floating-widget-wrapper:has(.floating-widget-header.has-integration-button) .floating-widget-header .floating-integration-button svg path {
  fill: #111;
}

/* line 335, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-collapsed .go-table .floating-widget-wrapper:has(.floating-widget-header.has-integration-button) .floating-widget-header .floating-integration-button svg, .is-collapsed .go-table .floating-widget-wrapper:has(.floating-widget-header.has-integration-button) .floating-widget-header .floating-integration-button svg path {
  fill: #0061BE;
}

/* line 349, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.go-table .floating-widget-wrapper .floating-widget-header {
  color: #fff;
  background: #0061BE;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

/* line 355, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.go-table .floating-widget-wrapper .floating-widget-header a {
  color: #fff;
}

/* line 359, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.go-table .floating-widget-wrapper .floating-widget-header .floating-widget-close:before {
  color: #0061BE;
}

/* line 364, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.go-table .floating-widget-wrapper .floating-widget-content {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* line 371, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-collapsed .go-table .floating-widget-wrapper .floating-widget-header {
  background: #fff;
  border-radius: 8px;
}

/* line 375, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-collapsed .go-table .floating-widget-wrapper .floating-widget-header .floating-widget-title,
.is-collapsed .go-table .floating-widget-wrapper .floating-widget-header .floating-widget-title:before {
  color: #0061BE;
}

/* line 386, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
.is-collapsed .go-table .floating-widget-wrapper .floating-widget-header .floating-widget-title:before {
  content: "";
}

@media only screen and (max-width: 468px) {
  /* line 398, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
  .is-fullscreen .floating-widget-wrapper {
    max-width: 100%;
    box-shadow: none;
  }
  /* line 402, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
  .is-fullscreen .floating-widget-wrapper .floating-widget-header {
    border-radius: 0;
  }
  /* line 406, app/assets/stylesheets/widget/floating-widget-wrapper.scss */
  .is-fullscreen .floating-widget-wrapper .floating-widget-content {
    height: calc(100vh - 54px);
    max-height: calc(100vh - 54px);
    border: 0;
    border-radius: 0;
  }
}

/* line 1, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.reservations-widget {
  border-radius: 8px;
}

/* line 6, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.reservations-widget input[type="checkbox"] {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

/* line 12, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.reservations-widget input[type="checkbox"]:checked {
  background: #fff;
  border: 7px solid #0061BE;
  box-shadow: 0 0 0 1px #004c95;
}

/* line 17, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.reservations-widget input[type="checkbox"]:checked:before {
  display: none;
}

/* line 23, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.reservations-widget .integration-button {
  background: #0061BE;
}

/* line 26, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.reservations-widget .integration-button svg, .reservations-widget .integration-button svg path {
  fill: #fff;
}

/* line 31, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.reservations-widget .select-scroll,
.reservations-widget .reservation_date_select .flatpickr-wrapper .form-control.input,
.reservations-widget .reservation_date_select .flatpickr-calendar,
.reservations-widget .reservation_date_select .flatpickr-months,
.reservations-widget .offer-select-wrapper .choice,
.reservations-widget .reservation-available,
.reservations-widget .reservations-widget-status .reservations-widget-status-edit,
.reservations-widget .reservations-widget-step-trigger a,
.reservations-widget .reservations-widget-step-trigger a:hover,
.reservations-widget #reservation_submit_action input[type="submit"],
.reservations-widget #reservation_submit_action input[type="submit"]:hover {
  border-radius: 8px;
}

/* line 49, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.reservations-widget .select-scroll .select-scroll-value span:after {
  display: none;
}

/* line 56, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.reservations-widget .select-scroll .select-scroll-value:hover span, .reservations-widget .select-scroll .select-scroll-value.selected span {
  height: 40px;
}

/* line 63, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.reservations-widget .select-scroll .select-scroll-value.select-scroll-value-disabled span {
  box-shadow: none;
}

/* line 71, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.reservations-widget .offer-select-wrapper .choice label input[type="radio"]:checked + .reservation-offer .offer-title:before,
.reservations-widget .offer-select-wrapper .choice label input[type="radio"]:checked + .no-reservation-offer:before {
  font-size: 0;
  background: #fff;
  border: 9px solid #0061BE;
  box-shadow: 0 0 0 1px #004c95;
}

/* line 80, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.reservations-widget .reservations-widget-status .reservations-widget-status-edit {
  display: inline-flex;
  align-items: center;
  width: auto;
  height: 32px;
  color: #222;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  background-image: linear-gradient(#FCFCFC, #FCFCFC);
  padding-right: 12px;
  padding-left: 12px;
  border-radius: 8px;
  box-shadow: none;
  border: 1px solid #D9D9E7;
}

/* line 105, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.reservations-widget .reservations-widget-status .reservations-widget-status-edit:hover {
  color: #222;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  background-image: linear-gradient(#f1f1f6, #f1f1f6);
  border: 1px solid #D9D9E7;
}

/* line 118, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.reservations-widget #reservation_subscribe_to_newsletter_input label {
  margin-bottom: 0;
}

/* line 121, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.reservations-widget #reservation_subscribe_to_newsletter_input label input {
  margin-top: 0;
}

/* line 127, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.widget-reservation-confirmation {
  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;
  border-radius: 8px;
}

/* line 134, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.widget-reservation-confirmation .notice,
.widget-reservation-confirmation .reservation-cancellation-notes,
.widget-reservation-confirmation .reservation-actions .edit,
.widget-reservation-confirmation .reservation-actions .cancel,
.widget-reservation-confirmation .reservation-guests .guest-edit,
.widget-reservation-confirmation .invited_guest li input[type="text"],
.widget-reservation-confirmation .invited_guest li input[type="email"],
.widget-reservation-confirmation .invited_guest li input[type="submit"],
.widget-reservation-confirmation .invited_guest li textarea,
.widget-reservation-confirmation .invited_guest .guest-details,
.widget-reservation-confirmation .invited_guest .guest-restrictions,
.widget-reservation-confirmation .invited_guest .guest-invite-sent,
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol .restriction,
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol .add-restriction,
.widget-reservation-confirmation .share-reservation-widget .invite input,
.widget-reservation-confirmation .share-reservation-widget .invite a {
  border-radius: 8px;
}

/* line 152, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.widget-reservation-confirmation .notice:hover,
.widget-reservation-confirmation .reservation-cancellation-notes:hover,
.widget-reservation-confirmation .reservation-actions .edit:hover,
.widget-reservation-confirmation .reservation-actions .cancel:hover,
.widget-reservation-confirmation .reservation-guests .guest-edit:hover,
.widget-reservation-confirmation .invited_guest li input[type="text"]:hover,
.widget-reservation-confirmation .invited_guest li input[type="email"]:hover,
.widget-reservation-confirmation .invited_guest li input[type="submit"]:hover,
.widget-reservation-confirmation .invited_guest li textarea:hover,
.widget-reservation-confirmation .invited_guest .guest-details:hover,
.widget-reservation-confirmation .invited_guest .guest-restrictions:hover,
.widget-reservation-confirmation .invited_guest .guest-invite-sent:hover,
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol .restriction:hover,
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol .add-restriction:hover,
.widget-reservation-confirmation .share-reservation-widget .invite input:hover,
.widget-reservation-confirmation .share-reservation-widget .invite a:hover {
  border-radius: 8px;
}

/* line 159, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.widget-reservation-confirmation .reservation-actions .edit,
.widget-reservation-confirmation .reservation-actions .cancel,
.widget-reservation-confirmation .reservation-actions .add-reservation-to-calendar a {
  color: #111;
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
  background: none;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

/* line 177, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.widget-reservation-confirmation .reservation-actions .edit:hover,
.widget-reservation-confirmation .reservation-actions .cancel:hover,
.widget-reservation-confirmation .reservation-actions .add-reservation-to-calendar a:hover {
  color: #111;
  font-size: 14px;
  text-decoration: none;
  background: none;
  border: 0;
}

/* line 189, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.widget-reservation-confirmation .share-reservation-widget .invite input {
  height: 32px;
}

/* line 193, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.widget-reservation-confirmation .share-reservation-widget .invite a {
  display: inline-flex;
  align-items: center;
  height: 32px;
  width: auto;
  color: #222;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  background-image: linear-gradient(#FCFCFC, #FCFCFC);
  padding-right: 12px;
  padding-left: 12px;
  border-radius: 8px;
  box-shadow: none;
  border: 1px solid #D9D9E7;
}

/* line 218, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.widget-reservation-confirmation .share-reservation-widget .invite a:hover {
  color: #222;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  background-image: linear-gradient(#f1f1f6, #f1f1f6);
  border: 1px solid #D9D9E7;
}

/* line 231, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.widget-reservation-confirmation .share-reservation-widget .invite .share-sheet {
  padding-left: 32px;
}

/* line 238, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.widget-reservation-confirmation .reservation-guests .add-guest a:before {
  background: #0061BE;
}

/* line 244, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.widget-reservation-confirmation .reservation-guests .add-guest:hover a:before {
  background: #0054a5;
}

/* line 253, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.widget-reservation-confirmation .invited_guest .guest-restrictions .choices .choice input[type="checkbox"]:checked {
  background: none;
  border: 6px solid #0061BE;
}

/* line 259, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.widget-reservation-confirmation .invited_guest li input[type="submit"],
.widget-reservation-confirmation .invited_guest .guest-restrictions button {
  background-image: linear-gradient(#006bd2, #0061BE);
}

/* line 263, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.widget-reservation-confirmation .invited_guest li input[type="submit"]:hover,
.widget-reservation-confirmation .invited_guest .guest-restrictions button:hover {
  background-image: linear-gradient(#0076e7, #006bd2);
}

/* line 272, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol .add-restriction:before {
  background: #0061BE;
}

/* line 276, app/assets/stylesheets/widget/widget-white-label-reset.scss */
.widget-reservation-confirmation .invited_guest .guest-details .guest-selected-restrictions ol .add-restriction:hover:before {
  background: #0054a5;
}

/* line 5, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget .deposit-warning {
  display: block;
  color: #111;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  background: #fff;
  padding-top: 12px;
  padding-right: 18px;
  padding-bottom: 12px;
  padding-left: 18px;
  border-radius: 8px;
  margin-bottom: 18px;
  border: 1px solid #c8c8c8;
}

/* line 25, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget .deposit-warning a {
  display: block;
  color: #111;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  text-decoration: underline;
  margin-top: 6px;
}

/* line 34, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget .deposit-warning a:hover {
  color: #1b1b1b;
  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: 6px;
}

/* 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: #111;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  background: #fff;
  padding: 18px;
  margin-top: 18px;
  margin-right: -18px;
  margin-bottom: -18px;
  margin-left: -18px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top: 1px solid #c8c8c8;
}

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

/* line 81, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget #deposit_description a:hover {
  color: #111;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  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: 12px;
}

/* 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: 18px;
}

/* line 110, vendor/integrations/mollie_integration/app/assets/stylesheets/mollie_integration/widget/widget.scss */
.prev-gen .reservations-widget .reservation-payment h2 {
  display: block;
  color: #111;
  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: 21px;
  font-weight: 600;
  line-height: 30.4092979431px;
  margin-bottom: 6px;
}

/* 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: 12px;
}

/* 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: 6px;
  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: 18px;
  padding-bottom: 12px;
  padding-left: 18px;
  margin-right: -12px;
  margin-bottom: 18px;
  margin-left: -12px;
  border-bottom: 1px solid #c8c8c8;
}

/* 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: #111;
  margin-top: 12px;
}

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

/* 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: #EF8200;
}

/* 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: #D4283C;
}

/* 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: #111;
  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: 12px;
}

/* 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: #111;
  font-weight: 400;
  margin-top: 3px;
}

/* 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: 12px;
}

/* 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: 6px;
  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: var(--widget-global-primary-color);
  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: var(--widget-global-tertiary-color);
}

/* line 38, vendor/integrations/gifty_integration/app/assets/stylesheets/gifty_integration/widget/widget.scss */
.next-gen .reservation-widget-button.is-legacy:has(.reservation-widget-integration-floating-button) .reservation-widget-integration-floating-button {
  background: var(--widget-global-background-color);
}

/* line 43, vendor/integrations/gifty_integration/app/assets/stylesheets/gifty_integration/widget/widget.scss */
.next-gen .reservation-widget-button.is-legacy:has(.reservation-widget-integration-floating-button) .reservation-widget-integration-floating-button .floating-gifty-button svg path {
  fill: var(--widget-global-primary-color);
}

/* line 53, 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 57, 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: var(--widget-global-primary-color);
  font-weight: 600;
}

/* line 63, 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 67, 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: var(--widget-global-primary-color);
}

/* line 73, 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;
}

/* line 5, vendor/integrations/assistant_integration/app/assets/stylesheets/assistant_integration/widget.scss */
.reservations-widget .widget-chat-message.is-assistant .widget-chat-avatar {
  color: #A23672;
  background: color-mix(in srgb, #A23672 12%, transparent);
}

/* line 9, vendor/integrations/assistant_integration/app/assets/stylesheets/assistant_integration/widget.scss */
.reservations-widget .widget-chat-message.is-assistant .widget-chat-avatar svg {
  width: 12px;
  height: 12px;
}

/* line 15, vendor/integrations/assistant_integration/app/assets/stylesheets/assistant_integration/widget.scss */
.reservations-widget .widget-chat-message.is-assistant .widget-chat-sender {
  font-weight: 600;
  color: #A23672;
}

/* line 28, vendor/integrations/assistant_integration/app/assets/stylesheets/assistant_integration/widget.scss */
.dark-theme .reservations-widget .widget-chat-message.is-assistant .widget-chat-avatar {
  color: #C2488E;
  background: color-mix(in srgb, #C2488E 20%, transparent);
}

/* line 33, vendor/integrations/assistant_integration/app/assets/stylesheets/assistant_integration/widget.scss */
.dark-theme .reservations-widget .widget-chat-message.is-assistant .widget-chat-sender {
  color: #C2488E;
}